全球疫情大爆发造成了数月的隔离，这让大家不免对2021年充满期待。如此不安分的一年，也让20年的设计趋势没有发生太大变D i G |化，延续至2021年。
3D仍会继续扮演重要角色，出现在其他设计分支中，比如一直被平面设计所主导的UI，风格也逐渐趋同。各式免费3D软件、插件的层出不穷也降低了其学习门槛，像Figma或Dimensions CC等软件，都非常适合新手学习。
话不多说，高能预警来喽！6个t R v w 0 8 6章节，一起看看Q % Q 2 V ) V都有什么趋势干货吧~
- UI/IXD设计
- 插图设计
- 动态设计
- 平面设计p u s与印刷
- 包装设计
- 趋势工具
1. App vs 移动端
在2021年，如果不是“移动优先”的网f l * # V 6 5 X _站，就完全OUT了！在大多数业务分支中，如果使用的是应用程序，将大大提升用户的感受体验。所以，把业务将重点放在其开发和实施上，比如在线商店、社交媒体平台和交易平台，还能增加其转化率。
研究显示，与移动网站相比，用户更喜欢移动应用程序，并把将近90％的时间花在了移动应用上，虽然G s Y w S L B w移动端开发和维1 1 ` ( ^ k = l护成本j t ; * 9 . m都很高，不可否认其受火热程度。
2. 颜色
颜色是UI设计中最重要的视觉元素之C r L & 5一，帮助突出6 1 7 ! u – B [界面内容、增强品牌风格以及将UI元素和表面轻松区分开。如果不想花时间选择调色板，可以使用一些网站来生成美丽而充满活力的混合色，之前我从100个配色工具中挑出了25个实用工具，建议戳链接收藏~
筛选了100个配色工具后，我挑出了这25个！
UI 设% i p K计中，颜色几乎是最先被感知到的设计元素，好的色彩感知是成为一个优秀的设计师的基础，配色工具层出不穷，辞典酱在筛选了100多种配色工具后，精选了4 l D ) j s这25个，相信必然帮到你！
Cool Backgrounds
Cool Background 是产品设计师 Moe Amay 创建，是由5个开源生成器整理组成的彩色图像工l & U X t具集，内置5种不同的背景风格，每一种风格还提供了简单的` m 6 m参数配置。
阅读文章 >>
3. 小组件的尺寸
今年推出的iOS14，引用了小组件管理，在一定程度上也影响了界面设计。小部件现有3种尺寸I ( & m | f / = d：小、中、大，用户可以根据使用习惯自由排列它们。设计师必须创建3种基本样式的组件图标P o & A & h } I，供用户自主选择，而且较1 C ] z 0 s , g大的组件可以显示更多数据和B E b V C s 1 j信息。
△ 左：Vary4 i T X za Panyukova iOS 14；右：Alex Muench Apple Widgets UI Kit for Figma
4. 动画&交互
动画是构建应用程序和用户体验的重要组成部分，如果不包含动画，设计总像是缺少了点儿什么。有很多创建动画的方法，比如JSON，将图像和动画提取为代码，JSON与GIF相比，它的大小仅占很小l . 1 {的一部分，并且支持完全透明。
△ Jonathan Tipton-King Treasure Truck – Logo@ P 5 – 1 @ Animations
几年前，Airbnb的设计师们v ) [ 7 ! w创建了一个名为Lottie的工具，该工具使用JS9 c j !ON文件可以使小动画制作变得非常容易。LB ] r U j dottie是适用于iO8 ] M a A h S，Android和React Native的开源库，可实时渲染动画，感兴趣的话不妨试试。
一篇文章帮你了解AE动画插件Lottie的前世今生（附避坑案例）
大家好，我是彩云。在动画落地的过程中，配合Lottie插件输出JSON动画文件是大家常用的方法。
阅读文章 >>
△ Alexandra Golde Animated animals
5. 3D图标定制
3D已越来越占据大家的视线了，且现在它~ % . ?对UI细分市场的影响比以往任何时候都要大。3D图标是2021年新的UI趋势，如果觉得w = # 4 j F A n 6扁平图标有些审美疲劳，转向3D版也不错。
3D图标越来越流行，UI设计领域要变天了？
UI视觉的变革，往往都是从小小的图标开始
在2020 年的苹果全球开发者大会（WWDC），苹果发布了新的 macOS 11c 4 6 S l / (（又名 BiT 7 w 6g Sur）。其中在UI视觉方面macOS Big Sur 系统最大的变化就是图标上， Bio 0 M % | ^ E P 6g Sur更新了很多新设L I 1 k b m ;计风格的应用图标。
阅读文章 >>
1. 细轮廓插画
20年插图多以这种特殊的绘画风格为主导，预测会继续在21年流行。
△Odd Bleat * Revolut – Animated Loops
2. 3D
近年来3D席卷了设计领域，快速发展的同时h r }更呈现了非常多的优美视觉，给观众留下了深刻的印象。与前几年的不同c O i ! % 1 t之处在于，3D插图也变得更加简约。
△Titi Lyao 3D illk = oustration
3. 70&am[ $ ;p;80年代卡通插图
怀旧的插画风格会在21年继续流行，并j T n 5 n W占据主导地位，这种经典的卡通绘画风格以简单的轮廓、形状及细节呈现。
4. 夸张的形状&颜o _ V : , 2 2色
这种夸张的插画形式，尽管乍看下似乎像还未完成，但其实都是经过深思熟虑的。重叠的形状和强烈的色彩构成了大胆夸张的插图，激发任何观看者的灵感。
△Totoi Semerena Tropical ✦ Ge+ L :o V
△_ y i l S rBp A z } ] 9ernardo Henning Quartz
5. 图解视频演示
20年流行的插画趋势，21年仍值得关注。
△Giordano Poloni Punto Posts j ee Da0 ) 1 + ` Te
1. TikTok & Instag= M Z r [ orm Reels
随着TikTo3 @ ) l – Q [ Uk替代品Instagram Reels的发布，大公司已经开始使用此工具进行自我宣传= K ~ } ( w b 7 k和发展。这些短视频不再只是作为青少年的消遣，逐渐成为各大品牌Z i y / t S 6 8 F宣传竞争的新赛道。若已经在使用社交媒体开展业务，则值得尝试使用Tiktok或Instagram Reels。
2. 经典卡_ h H 1 q g | P t通O ] m ? a &
童年时代的卡通漫画，在2021年仍旧热门，为这些陪伴r h P R N L z了我们童年的卡通赋予新的变化吧。
△ Mari Kinovych, Nick ZayF { Y n ~ Y ~ ,chenko；
△Zombie Studio USE ELO
3. 超逼真的3D VFX
VFX或Visual Effects，是将现有素材与计算机生成的v 0 4 6图像结合，以创建逼真的特效场景。它们是插入到真实生活t i c s ; M场景中的动画，以前多q N 1 a T是用摄像机录制，随着众多易用软件出现，VFX在视频和短片中变得更_ M 0 H u g L加常见。
△REALME NARZO 20PRO
△The Orville
4. 3D插图
越来越多的应用程序、站点和软件实现了增强现实， 设计师将3D与摄影或2DY N ] ] ~创新结合_ n H T p Q，让设计变的更独特有趣。
△ SICREDI CONECTe 9 h o VA
5. 动态( @ * ] O U a ) d标识
动态标识从出现至今已变得非常醒目，甚至席卷了很多我们熟知的大品牌。将标识与平滑流畅的动画相结合，可以为品牌带来令人难忘的效果。
△Yup Nguyen aiera – log% ` $ } + { 4 @o animation loading；Fede Cook & – Logo a? V * & = / ` ( Nnimation；Vadim Carazan for Carazan Brands CX / ] e x monsultly logo animation
6. 增强现实&VR
AR和Vj G eR本身是一个非常广阔的领q d a ) A域，也具有自己的趋势。由于疫情原因，很多业务活动[ y : ? # S q H R不得不转战线上，比如画廊、博物馆等都已使用VR和ARh K I f，让在家隔离的人们轻松浏览艺术品。未来，在人工智I ^ [ %能和机器学习的帮助下，AR将在医学、艺术、商业、客户服务和导航等各个领域得到广泛应用。
7. 快闪视频
在视频中看到的消息，大脑会储存95％的消息，如果换成屏幕阅读则只能保留10％。无论想传达什么信息，若是内容丰富、鼓舞人心或说明性信息，可以使用s & |快闪视频来完成。
1. 大胆夸张的排版
排版是设计中最重要的元素！一个有经验的设计师可以仅用排版来呈现视觉，排版对于构建信息、建立视觉层次结构、传递价值观以及为用户创造良好的体验至关重要。无论使用动态的、变形的、3D的、动画的或静态排版，它会一直是热门趋势。
△左：Quim Marin Studio SOMA Brewing；右：Anna D DisplY Q Q Wacement Maps and Actions
2. 几何形状
自上世纪初以来，视觉艺术中就已经发现了几何形状，不能说它是一种新趋势但却非常重要。y A N未来，它也会广泛应用在图形设计上（无论是 a Q @ 8 Y ` l D海报，印刷品，包装还是品牌标识）。
3. 细轮廓&am@ u 0 P Tp;线稿
超细线条设计将在每个设计分q [ & + x c e支中逐一提及，以表明它的易用性M ( x k N。
随着新冠疫情成为20年的新闻主旋律，产品包装也发挥. ? j f $ @ i g了更加重要的作用。. _ *消费4 h o者对食品污染表示担忧，促使包装需求增加，以减0 : ( e 0 1少对环境地更多污染。
1. 可持续发展包装
企业必须使用可生物降解的材料，例如纸板、生物塑料或玉米土豆或蘑菇制成的材料。v c 7 – g f
△左：Shaivalini Kumar, S# – 8 , y ; m Z #upernovaY 7 A – ; Design, Asavari Kum* – t n D r J p _ar Bantu Vegan Branding & Packaging；右：Jieru Chen Sid` # O ~ He – Ceramics Product Design and Packaging
2. 插图定制
精心设计的独特插图，可以为企业品牌创造印象深刻的故事。
3. 故事性4 n h
有故事性的产品包装可以激发用户的产品购买欲望，包装上的字体[ D 2、图形、以及包装材质，会联动带来影响。
△ 右：Chad Roberts The Preservatory；左：Cubic Orank ^ ; m M [ Yge, Vladimir Guskic , Fernanda Costa CBD Coffee – Branding & Packaging
4. 互动性包装_ J D k
Smart Packaging正在创造新的体验，使客户能够与产品互动，从而建立品牌知名度。从QR代码到AR体验N ( ) k，这些只是创建“智能技术”包装的一些想法。互动包装受技术的影响很大，大多数新产品都围绕着智能手机进行交互。
△左：PepsiR $ ) =；右：Enterfun _official ENERGY TUBE HA0 ( U . ] V k ; 7ND WARMER
5. 3DH p J U h / o w H打印包装
随着3D打印机的出现，具有不寻常形状的包装也开始出现了。设计师可以自由发挥自己的想象力，印刷具有奇特形状的包装。与传统包装相比，3D打印出的产品价格仍然很高。
1.^ 7 v l a g Subsx j i * e P 0 h %tance
Substance是用于3D项目对象创造纹理和材质的应用套件，由Adobe8 | , _ W D I ^推出，该套件实际上是一个生态系统，面向设计师，创作者和插画家。Substance Designer更多地用于创建图块，动态和模块化纹理。它通常用于创建基础材料库，其中的材料h U t : 4 Q M u可用于其他应用程序，例如Substance Painter。
2. Adobe Aero
Aero是Adobe的新工具，帮助构建与共享沉浸式、交互式AR体验，不需要编码或3D设计经验。
3. Fresco
Adobo p u Xe FresP _ C @ ! o T Dco是一款免费的绘画应用程序，专门为Apple Pencil和iPad构建，也为专业绘画或出于激情绘画的艺术家而设计。
相信大家和辞典酱都发现了一个现象，那就是设计已由2D逐渐向3D对齐，3D已经出现在每个设计分支中了。设计变得更多元、新颖，不同风格进行碰撞，新技术也被应用在设计. * 5 ~中，更好的服务大众。
2020年即将结束，也希望每个热爱设计的人不忘初心，带着对21年的期许，创造更多优秀的作品吧！
欢迎关注作者微信公众号：「UX辞典」
