网页设计趋势：Behance发布预测2020年设计趋势说明书

2020年即将到来，对於设计师门而言，没有什麽比掌握设计趋势更加重要。2018年Behance大神Milo发布的一篇《2018年Design Trends Guide(设计趋势)》曾走红全网。今年Milo等设计师们继续通过对色彩、颜色、形象和大小深入分析，为我们总结出《预测2020年设计趋势说明书》。

据悉，2020年虽然大多数趋势都延续今年的设计趋势，但仍有不少新的趋势值得设计师们追求，尤其是2020年设计趋势将会结合科技发展和技术趋势。

下面就让我们开始探索2020年最复杂的设计趋势说明书。

《预测2020年设计趋势说明书》的内容：

趋势一：UI和UX设计

1.暗黑模式(Dark mode)

网页设计趋势

随着越来越多领头大公司陆续推出自己的暗黑模式版本，越来越多设计师将会选择在APP设计或网页设计中使用暗黑模式。预计明年将会看到越来多暗黑模式的设计，暗黑模式亦从2019年的设计趋势延续到2020年。

2.大胆用色 (Bold Colours)

网页设计趋势

强烈大胆色彩已成为2019年重要设计趋势之一，相信到2020年同样不例外。大胆色彩不仅明亮，甚至极富活力，使用它们作为主要或次要颜色，会让APP设计或网页设计更具吸引力。

3.界面插图 (Illustrations in UI)

网页设计趋势

纵观近年来的设计趋势，插图一直都是最强劲的设计趋势之一。插图是让用户理解产品背後想法的最直观方式。精美的插图加上独具匠心的想法，回更容易更快地传达产品信息。

4.脉络叙事 (Storytelling)

网页设计趋势

「故事情节」融入到设计中，能帮助用户更轻松地了解产品。要向用户讲诉一个好故事，首先我们要创建一个特别且有个性的角色，并创建一个故事和冲突。将产品融入到故事情节中，告知用户这个产品能更好地解决这一冲突，帮助用户沉浸在产品与网站中的流畅体验。

5.动态插图与微交互 (Animated graphics & Micro-interactions)

网页设计趋势

过去几年，动画设计一直是设计中最重要的趋势之一，直到2020年也例外，并且在UI设计中也有很明显的表现。如果适当利用动画设计，能让更容易更快地传递产品信息，同时还能让产品想法更容易被用户吸收和保留。

微交互在2018年初次出现，直到2020年这个设计趋势依然受到设计师们的关注。微交互能让用户更快地了解产品的工作原理，并引导用户享受更好的体验。

6.视频设计(Video in UI)

到了2020年，想品牌信息更快地到达用户眼前，利用视频设计解释产品特色，就能更好地完成这个目标。

7.功能设计 (Functionality)

网页设计趋势

以往很多人认为设计和功能之间需要「平衡」，但随着新技术的帮助，这两种技术已经很好地融合在一起和互相补充。所有设计元素的选择都根据功能设计的目的和能力去设定，将使网站用户体验变得更加轻松，让用户更快地找到信息。

8.关注细节

网页设计趋势

UI设计中，对细节投入更多关注是非常重要的，因为即使再细微的细节出现瑕疵，都会影响用户对设计的想法。随着新技术的出现，UI设计也应顺应潮流，对细节进行持续的变化，让用户更容易使用。

9.渐变

网页设计趋势

这几年不少优秀设计作品都很喜欢使用渐变趋势，可见2020年渐变趋势将保持强劲之风直卷设计圈。值得一提的是，刚才说到的大胆用色，其实也成功使用渐变的的完美选择。

趋势二：Illustrations设计(插画设计)

1.角色设计 (Character design)

网页设计趋势

既然讲故事是2020年的重要设计趋势之一，那麽角色设计同样是非常设计趋势。透过插画方式向角色灌输强烈个性，能让用户沉浸在用户环境当中，加深用户对品牌产品的认识，增加信息的传递。

2.纹理(Textures)

网页设计趋势

通常纹理在设计中是用於增加深度、尺寸，或用来调和平淡的设计。而插图结合纹理，能创造出令人难忘的构图。透过各种奇思妙想为插图添加纹理，会让设计更有质感及立体感。

3.平面插图 (Discreet Outlined Flat Illustrations)

网页设计趋势

虽然过去几年中，立体插图一直受到设计师们的喜爱，但最近平面插图似乎即将回归的趋势。在2020年平面插图将给我们带来新的惊喜：使用细的黑色笔触，让每个元素都应用细线，使其阴影比所涉及的对象要暗。

4.透视 (Isometric)

网页设计趋势

没错，透视插图依然出现在2020年设计趋势当中，尤其是在UI 设计中。随着人们在2019年对加密货币的兴趣增加，这种趋势逐渐显现出来。不过最近透视插图似乎不仅仅出现在UI设计中，在其他设计领域中同样能找到它的身影。

5.3D插图

网页设计趋势

随着效率越来越高的软件和工具出现，3D渲染效果已没有以前那麽高成本了。与平面插画不同，3D插图能让画面变得更加逼真立体，因此常常出现在各种设计领域当中。

6.极度大胆的用色(Ultra bold colors)

网页设计趋势

插图运用大胆色彩，能给画面营造出欢乐的氛围，同时更能展现设计作品背後的故事，让角色脱颖而出。

趋势三：动态图形(Motion graphic)

1.3D Videos

过去几年3D设计一直是设计中最重要的趋势，2020年3D设计将绽放得更艳丽，因为你几乎可以在各大领域中找到它，尤其是广告、电影、游戏等视频，而且你无法想像如果设计作品没有了3D设计动态效果，将会变得多单调。

2.混合媒体 (Videos + Animated illustrations)

拍摄视频时，结合动画插图以及静止照片，不仅不会突兀，有时还可以产生非凡效果。视频结合2D或3D效果，能创建现实生活中不存在的复杂视觉效果，令人一看难忘。

3.说明视频 (2D animations)

想要在广告或产品中使用说明视频，使用矢量图创建故事和角色，并用2D动画效果去传递，不仅会让说明视频更加生动，还能加深用户对广告或产品的印象。

4.动态商标 (Animated Logos)

网页设计趋势

既然动态效果是2020年的「必备设计」，那麽我们也可以利用它的优势，应用到商标设计中。事实上，很多公司已经对商标进行动态化处理，以便引起用户的注意。

趋势四：平面设计(Graphic Design)

1.3D效果

网页设计趋势

虽然平面设计大多应用2D效果，但同样可以利用3D效果作为「点缀之色」。平面设计应用3D渲染的插图、动画或字体，会让界面内容变得更加惊艳。

2.变色/对比 (Bicolor)

网页设计趋势

所谓精益求精的概念可以完美地描述这一趋势，透过创造出大胆的元素，并用优雅的设计和强烈对比将其结合，更易於吸引用户的注意力，同时也是平面印刷最理想的选择之一。

3.光感艺术(Optical perception art)

网页设计趋势

欧普艺术中有很多知名抽象作品，通过隐藏图像、扭曲、闪烁、膨胀、弯曲等，营造出动态的印象，但其实这些都是静态呈现方式。

4.插画设计(Illustrations in Graphic Design)

网页设计趋势

插画在所有设计领域都非常重要，尤其是平面设计。虽然插画设计已经流行了几年，但从很多优秀设计作品中，我们同样能发现插画被大量使用的身影，因此不难猜测2020年插画将继续成为设计师们的最爱。

5.动画海报(Animated posters)

网页设计趋势

动画设计可以说是无处不在，我们不仅在设计各个领域中找到他们，甚至连海报设计都有它们的身影。别怀疑，这指的不是印刷海报，而是数字海报。动画可以将2D与3D混合在一起，而且效果非常令人着迷。

6.蒸汽波 (Retro Synthwave)

网页设计趋势

复古蒸汽波是一种在80年代出现的趋势，但这种趋势总是时不时出现在我们的眼前，让人想忘记它的存在真的挺难的。而随着《Stranger Things》系列的成功，这一趋势又再次开始流行。

7.瑞士、达达、包豪斯风格 (Swiss design, Dadaism, Bauhaus)

网页设计趋势

这三种趋势都是20世纪最重要的图像设计风格，也是设计师最好的灵感来源，甚至只要设计师们遵循它们的规则，便几乎不可能在设计中犯错误。

8.不间段的色彩象限 (Large uninterrupted colored space)

网页设计趋势

大胆、不间断的色彩象限，将在明年成为非常流行趋势。看来明年将会有一大波设计出现这一趋势。

9.极简主义 (Ultraminimalism)

网页设计趋势

近年来极简主义的流行热度几乎没有下降，相信明年也不李艾。仅用必需的设计元素，有限的调色和简单的形状，放弃多余的元素，便是极简主义的目的。值得注意的是，极简主义看似简单，但要有令人难忘的表现，难度还是挺高的。

趋势五：基於技术趋势(Technology-based Trends)

人工智能、机器学习、虚拟现实和增强现实等新技术不断改变我们的生活，同样这些技术也正影响设计师们的思维和创作。

1.增强现实(Augmented reality，AR)

很多大品牌的APP已在采用增强现实这项技术的路上，尚未采用这项技术的APP也正准备踏上这一旅途。可见AR不仅改变我们的生活，也改变我们的上网方式。

2.人工智能、机器学习、虚拟助手与聊天机械人(AI ,ML, Chatbots and Virtual Assistants)

由於技术的限制，当前人们仍不习惯与聊天机械人对话，但很多设计师和开发人员正努力突破这一限制，聊天机械人更加人性化，让人们了解系统的作用，并逐渐建立信任。

3.虚拟仿真 (Virtual Reality，VR)

大多数人说到VR，就会联想到游戏行业。但随着越来越多大型科技公司开发VR套件和APP，VR技术将应用於更多领域，例如教育，医疗保健，旅游，房地产或建筑。

4.语音交互 (Voice user interface，VUI)

语音用户界面是使用语音识别(ASR)来理解语音命令和问题，通常是文本到语音以播放答覆(TTS)，从而让用户透过语音的方式，与计算机进行交互成为可能。语音命令设备(VCD)则是受语音用户界面控制的设备。

趋势六：字体设计(Typography)

1.粗体(Bold)

网页设计趋势

粗体印刷术是设计中的基本趋势，大胆地在网页设计和图形设计排版，它可以取代图像作为主要元素。

2.小写(lower case)

网页设计趋势

越来越多APP使用完全小写的文本，这种趋势非常易於阅读，以及完美地集成到简约和现代设计。

3.自定义字体(Custom font)

网页设计趋势

虽然自定义没有什麽新意，但我们依然在商标设计和海报设计中发现它，尤其是大品牌。因为身长专用字体非常昂贵，因此对现有字体稍加调整，同样有独特的效果。

4.动态排版(Dynamic typesetting)

网页设计趋势

我们一直说动画在设计中无处不在，那麽在排版中找到动画同样是非常的事情。利用而简单的交互来移动和转向屏幕上的字体。这种简单的排版手法，会加深用户的记忆。

5.文本堆叠(Text stacking)

网页设计趋势

堆叠文本可能是一种现代化的解决方案，可以吸引您注意基本信息。我们可以在网页设计，应用程序设计和图形设计中看到这种趋势。

看了这麽多趋势，是不是觉得有点多且乱呢?其实上述的「2020年设计趋势」中，我们不难发现很多都是延续过往的设计趋势，因此我们只要稍加变化，同样能创作出让人满意的作品。