[译文]重磅！Behance官方最全2020设计趋势

北京/UI设计师/6年前/3003浏览

版权

这是Behance连续第五年发布对设计趋势预测。大部分趋势是过去一年发生的一些改变，但到了新的2020年，仍有不少新趋势值得追求。

静电说：每年Behance官方出的设计趋势文章都成为各大设计媒体争先翻译的对象，虽然网络上已经有流传。但是静电还是花了大半天的时间，借助自身与翻译工具，将全文进行了逐字逐句翻译，并加以润色。本文翻译许可见文末。不再赘述。本文涉及到UI，动效设计，插画，平面，包装等各个领域，好文分享给大家，期望大家从中得到启发。

这是Behance连续第五年发布对来年设计趋势的预测。过去几年中，Behance积极的反应，促使设计师继续探索和分析主要设计领域的新趋势。虽然大部分趋势是过去一年发生的一些改变，但到了新的2020年，我们仍有不少新趋势值得追求。

最重要的是，这些趋势是与技术有关的趋势，它们的发展趋势，以及它们如何影响设计领域。Anyway，让我们开始探索2020年最复杂的设计趋势指南吧！

INTRO-2020设计趋势

在崭新的2020年中，动效设计（motion design）是一个主要的趋势之一。我们在几乎任何领域都能看到动画，从小的交互效果，到UI设计中的动效应用。这种设计正在进入一个崭新的世界，相比静态的书面内容，这可比它们吸引人多了。

恰当合理的使用动效设计，可以让信息传导更快速，同时也更正确和贴切的传达给观看者。

作者：01.theQoos Brand Illustration by Min kyung 02. Legion Season 3 by Nick Scarcella 03. Solvent - Making Cannabis Banking Open by BluBlu Studios 04 Cloud services (animated icons) by Alexander Baleev 05. VIRAL by Ambre Collective , Thibault ZELLER , Jonathan Plesel 06. UXC_Design2020_Project Research by Donerzozo

接下来，我们将从1. UI/UX 2.插画 3.动态图形设计 4.平面设计 5.基于技术的趋势 6.包装设计 7.版式设计 8.引领新趋势的工具这8个角度分别介绍。

第一部分-UI/UX

1.1 黑暗模式（基于Android Q和iOS 13）

在2020年，黑暗模式是一种全新的趋势。这种趋势始于Android系统引入了两种命名为Force Dark和 System Dark模式。微软公司也在其电子邮件应用中向用户展示了黑暗模式，但谷歌迅速在自己的Android 10的Gmail应用中推出黑暗模式来回应微软。

有了大公司作为引领，更多设计师开始在自己的应用程序或者网站中使用黑暗模式，因此，在2020年，我们必将会看到黑暗模式设计的大爆发时代。

1.2 更艳丽的颜色

在过去的两年时间中，对比强烈的色彩已经俨然成为一种新的，也是很重要的趋势。这些颜色大胆，色彩丰富，明亮而且富有活力。在2020年中，这种配色趋势必将进一步发展壮大。

图片作者：01. EMART UX/UI RENEWA by Plus X, Lee boram , Sabum Byun , Hee Jung, Youjin Jeon , 원 지혜, Bongho Choi 02 NSH by Sofiya Fedotova 03. Eldorado Casino - Mobile Web UI, App U by Loredana Papp-Dinea , Mihai Baldean , Milo Themes 04. mmcité+ website by Studio 9 Zlín, Pavel Valek 05. The Automated Hack Series #21-25 by Andrea Hock 06. Flipd app by Estudio Pum

1.3 插画在UI中的应用

很多年来，插画一直是设计中最强劲的趋势之一。插画可以对概念做更好，更直观的解释，也可以更形象的让用户去理解产品背后表达的思想。同时，这些独具匠心的插画还可以更快的传达信息。

undefined

图片作者：01. Kraken Redesign by Sylvain Theyssens , Antonin Collard 02. Reliefy - Medical Project by Marcin Pankiewicz Gorzów , Miłosz Pożarkowski 03. ABUK: Book Covers Design for Audiobook Store by Sergey Valiukh, Tubik Studio 04. Illustration System for GOL by Estudio Pum 05. Smart Home App - IOS by Maria Osadcha 06. Skilling Trading (skilling.com) - Loredana Papp-Dinea , Mihai Baldean

1.4 故事讲述（设定氛围）

在设计中讲故事，设定一些氛围，可以帮助用户更快的在平台上开始他们的旅程，另外也可以让他们的体验更轻松和流畅（UX设计中）。讲个好故事，可以让用户更加轻松的理解你的产品。要讲故事，我们可以设定一个特别创建的角色形象，并将这个形象赋予个性，进而创建故事，并引入一定的情节冲突，然后将这些冲突（用户的需求）交给交互和UI去解决它。这是产品中将故事的基础。这种故事讲述方式在UI和UX都会使用，原理也相同，但实现方式有差异。

01. YOGO - Trip Planner App by Julie Truong 02. UX/UI | Food delivery app by Konstantin Seredkin 03. cooc by cuneyt sen

1.5 图形动画&微交互

如上文所述哦，图形动画是今年的一个大趋势，并且这种趋势在UI设计中也被广泛的使用，这种展现形式让用户对产品产生了更深刻的印象。

微交互则在2018年崭露头角，但是在2020年，它却更加不容小窥，它们是2020年不可忽略的一个趋势之一。微交互这种展现形式，在让用户了解系统工作原理，并引导用户获得更舒适体验的方面起着至关重要的作用。

如果你是一名UI设计师，但是还没有在工作中使用微交互，我们强烈建议你这么做。因为在2020年，没有微交互动效的UI，已经太过普通了。

作者：01. UI/UX | Smart Pharmacy app by Anastasia M, Sergey Nikonenko UX 02. Climate & Animals: Extinction Crisis Website UI/UX by Daniel Tan, Daphnie Loong

1.6 视频在UI中的使用

在2020年，信息的传达速度必须更快，因为用户更加浮躁，所以通过视频内容来完成是一个好的选择。你可以通过动画来展示你的产品，视频内容对于任何网站或者APP都是不可或缺的。

undefined

1.7 功能

在UI设计过程中，功能是一个很重要的组成部分。所谓功能，就是指根据目的和功能选择每个元素。很多人都有这样的观点，你必须在设计和功能性直接选择其一，但是在新技术的加持下，这两种要素可以很好的融合在一起并相互补充。设计师负责让用户引起对站点或者应用的注意，而良好的功能让体验变的更加轻松，让用户可以更快的找到所需的信息。

undefined

图片作者：01. Skilling Trading (skilling.com) - Loredana Papp-Dinea , Mihai Baldean

1.8关注细节

无需多言，在UI设计中，我们必须花更多时间来关注细节。从按钮，图标，加载动画到导航的细小变化，都可以让我们打造出引人入胜的设计。随着新技术的出现，我们必须之一，UI中的细节始终在发生变化。

在明年，我们会看到越来越少的按钮，更多的基于手势操作的导航。比如，在Android设计中常用的后退按钮，将在Android 10中正式消失。

1.8 渐变色的使用

在最近的几年中，我们一直在探讨设计中的渐变色，这种趋势在2020年将持续保持强劲势头。要演绎成功的渐变，新鲜的色彩是非常好的选择。这些渐变可以用于按钮，图标，插画，甚至排版过程中。

图片作者：01. Wavecut - IOS Application by Eleken Agency 02. Product design (UX/UI) - anti-depression app by Anna Arutiunian 03. Paul Ilea - Film Score Composer, Producer, DJ, Perfomer by Loredana Papp-Dinea , Mihai Baldean , Milo Themes 04. ITEXIA by Nextpage Agency , Alex Seagull , Jegor Walowski

第二部分-插画设计

2.1 角色设计

角色设计包含了一组用于支撑整个概念的形象。最重要的是，通过绘画，设计师给角色赋予了强烈的个性。在应用程序和网站中常看到的虚拟助手形象，其实就是角色设计的很好例子。

undefined

01. Newly Tiny Things • Children's Picture Book by Vuon Illustration , Vinh Nguyen , Rong Pham 02. Adobe x Createfulness by Maïté Franchi, Matthieu Tarwane 03. 3D Characters V2 by Antonio Petit Cwirko 04. Malayali by Danny Jose

2.2 纹理的使用

插画可以和纹理很完美的结合在一起，创造出令人难忘的沟通。从颗粒状的纹理，到预置的画笔填充效果，你可以通过多种方式为插画来添加纹理，当然，也可以手动创建它们。我们可以从网络中找到很多插画中运用的纹理，预置笔刷还有工具。

01. JDE - Common Grounds by Marianna Tomaselli 02. Japan by 饭太稀

2.3 用细线描绘的扁平风插画

在过去几年里，这种平面插画随处可见。但尽管如此，它们依然是趋势，但现在它们有了新的组成部分：那就是对每一种元素应用细线来描绘。大部分创作者会选择使用细的黑色线条，但你也可以将它们上色，使其阴影比所涉及的对象要更暗。

01. BILLY KENNY - just came for the music by SANGHO BANG 02. Babelia - Lecturas para verano by Miguel Ángel Camprubí 03. Boxing Cat - First Blood by Felms 04. COUSCOUS STUDIO | EXPLAINER VIDEO by khaled abdelaziz

2.4 等轴风插画（2.5D插画）

等轴风格的插画今年依然被列入趋势，你可以在各种UI设计图中找到它们。随着人们对加密货币的兴趣逐日攀升，这种趋势依然不减当年，虽然在2019年它们已经开始流行，但是我们依然可以在其它业务领域去延续这种趋势。

01. Cyberpunk City by ONJO _ 02. FastCompany - Isometric Numbers by Artur Tenczynski 03 & 05. ISOTYPE by Mario De Meyer 04. Slack illustrations by Jing Zhang

2.5 3D插画

随着效率越来越高的设计工具的出现，3D渲染变的越来越容易。这种风格的插画非常受欢迎，与2D插画不同，3D风格插画形象更为逼真和生动。

01. Games Casas Bahia by Miagui 02. Balance by Cabeza Patata Studio 03. Castle Crashers by Mohamed Chahin 04. Eyoo family 3D illustration by Baianat 05. Personal Illustrations Vol 1 by Pablo Marín 06. A Person Travel by 乱 Elaine

2.6 超大胆的色彩

在插画中使用大胆的配色非常棒。它们可以营造出欢乐的氛围，是角色脱颖而出，并在图形中更好的为用户讲故事。

作者：01. Mural for STRTFD Coffee in Moscow by Masha Shishova 02. Twitter - Mobile Internet Mind by Leo Natsume 03. Coca-Cola Sleek Cans Illustrations by Tania Yakunova

第三部分-动态图形设计

3.1 3D视频

在2020年，我们无法想象，在动画设计中没有了3D的身影，世界会变的怎么样。3D视频打开了新世界的大门，在这个世界中，想象力没有止境，我们可以在广告，电影，游戏等等多种载体中看到3D的身影。

01. Cyberpunk City by ONJO _ , Visual Design Art S 02. States of Matter #3: Montage by Juan García Segura

3.2 视频+动画插画（融合媒体设计）

视频，动画插画以及精致的照片的结合可以产生让人惊艳的效果。3D或者2D的插画可以衍生出令人难忘的视频，从一些微小的运动效果，到3D真实人物，甚至是现实生活中不存在的复杂视觉效果。

01. Coppel / Back to school by Plenty Studio 02. PWR by Ana Hoxha, Edvina Meta

3.3 2D动画-说明性视频

2D动画专注于创建故事和角色。当你需要广告或者产品的说明性视频的时候，2D也是很理想的选择。在这个大家总是忙忙碌碌，无暇阅读的社会中，这种说明性的视频对于网站或者应用都必不可少。

01. Freelive by Studio Infografika , Sergey Sadowski , Anastasia Alterka , Arsentiy Lesnik , Yuriy Armstrong , Arin Good, George Vald ,Maxim Tleubaev 02. ESN - Railway Package by Andres Hertsens , Squarefish Studio

3.4 动画标徽

从上文中你已经了解到，动画是2020年的“必备”，为了保持足够的竞争力，我们还可以将它们引入到标徽设计中。许多公司已经开始了这样的尝试，以引起人们的注意。这也是logo设计的很重要的趋势。

01. Cuppa by Victoria Ng 02 - 07. Motion Beast ✕ Logomachine. Logo animations by Motion Design School, Víctor Villamarín , Bogdan Dumitriu , Logomachine .net , Alexander Kuznetsov , Zack Lee , Denys Siurin , Stanislav Marchenko , Lizaveta Tsareva , Supremus Levenus , Anton Fomin , Emile Khafizov, Ach Hadda

3.5 2D与3D混合动画

这一趋势不是一个新趋势了，但是非常值得一提。通过特定的工具，将两者结合起来，会产生让人印象深刻的效果。

第四部分-平面设计

4.1 在平面设计中引入3D

尽管2D设计垄断了平面设计这个分支，但3D展现形式的加入可以让平面设计具有新的活力。3D可以采用插画，动画或者字体等形式展现。

01. Portraits by Fernando Domínguez Cózar 02. NASA | Space Age by Studio—JQ ∆ 03. NASA X BBC | Unnatural World by Studio—JQ ∆

4.2 双色设计

Less is More 这个概念已经深入人心，少即是多，设计师可以充分在这种概念中设计大胆的元素，营造成优雅的手感和强烈的对比。这种趋势更便于印刷，因为打印中使用的颜色越多，价格就越贵。

01. Winter Open '18 by Kinoto Studio, Romina Rios, Luc Geoffroy 02. Synticate© by Stepan Solodkov 03. TIGER IN A MUSEUM by de_form studio, nora demeczky , eniko deri 04. Lettering Series IX by Rafael Serra

4.3 视觉感知艺术

欧普艺术作品（Op art works）是抽象的，它有很多知名的黑白色作品。一般情况下，它给观看者带来动感，隐藏的图像，闪烁，振动的团，或者扭曲的印象。

这种趋势给人以动静结合的印象，但最终它确实静态的展现形式。如果要在印刷海报中作出动感的效果，这是最合适的方法。

01 & 02 Tokyo Blends Film Festival by Mercedes Bazan , Adobe Live 03. Posters — Vol I by Xtian Miller

4.4 在平面设计中运用插画

毫无疑问，插画在所有领域都非常重要，我们在图形设计中也可以找到它们的身影。2D插画已经流行了有几年时间，在即将到来的2020年，它会继续是设计师们的最爱。

01. GĄSKA NA HELU - PLAKATY by Ewelina Gąska 02. CAT bar and dance club / 2019 by kissmiklos , Eszter Sarah

4.5 动画海报

动画真是无处不在，数字海报中也可以使用。让静态的海报动起来非常棒。并且可以将2D与3D结合在一起使用，效果令人着迷。

01. Festival Metro Metro by Bzoing , Virginie Bédard 02. Failing Windows by Pierre Kleinhouse, Ohad Zivony

4.6 复古合成波谱

复古合成波谱（Retro synthwave）是一种在80年代出现的流行风格。但是，一旦好莱坞发现它们并重新让它们返回荧幕，这种潮流便再次流行了起来。

01. Cocktails and dreams by Gjorgji Despodov 02. C I N E M A X by Jeison Barba 03. Stranger Things (Netflix.com)

4.7瑞士设计，达达主义，包豪斯

20世纪最重要的图形设计运动始终是设计师最好的灵感来源。这些样式非常值得一提，因为它们始终是新鲜的，遵循这些设计规则，你几乎不可能在设计中犯错。总体来说，这些设计强调版式，无衬线字体（可以追溯到Helvetica字体在1957年的创建），几何图形，简单的线条以及颜色。

01. Swiss poster 01 (typography terms) by Mehman Mammedov 02. Yellow Vision vol.3 by Violaine & Jeremy

4.8大型不间断色彩空间

大型不间断的色彩空间会在明年成为一种非常流行的趋势。配合大胆的字体搭配使用非常棒。你可以在图形设计，产品设计及UI设计中找到它们。

01. Synticate© by Stepan Solodkov 02. Havaianas Branded Content by Johann Vernizzi 03. Kekkilä—BVB by Kurppa Hosk

4.9 超极简主义

在极简主义设计中，所有的雕饰部分都会去掉，只保留主体。这种设计通过非常有限的主体内容，调色板及简单的形状来创造让人难忘的感受。舍弃多余的元素，所有的设计内容都是有目的的。要创建超极简主义风格设计，你需要尽可能多的使用留白，或者负空间，简单的配色方案和一些基本的几何图形。

第五部分-技术趋势

智能设计，全新的理念，正在通过技术完全改变我们的生活。这些新技术让设计师有了利用趋势与技术结合的能力。人工智能及机器学习，虚拟现实，增强现实这些都子啊影响设计师的创作思维和工作方式。

5.1 在移动应用中使用增强现实

伴随着苹果和谷歌退出自己的AR开发平台ARkit和ARCore，这种趋势开始越来越流行起来。

很多大品牌已经在自己的应用中加入了这项新技术，而更多的公司则蠢蠢欲动，考虑如何与自身业务更好的结合。

AR交互可以创建更加直观的应用程序。传统的方式是将应用程序框定在手机屏幕中，而AR则是让用户与周围环境产生关联。最常用的交互方式，是当用户扫描特定的项目时，AR即会触发。

如果要了解更多的AI规则，可以阅读苹果提供的指南文档。

5.2 AI，机器语言（ML），聊天机器人和虚拟助手

聊天机器人通过听觉及文本的方式与人对话。但是，目前为止，它们还不够智能，远远不能通过图灵测试。

而大多数人还不习惯于冷冰冰的AI对话，所以设计师和开发人员需要将着力点放在如何让这个交互流程更简单，并建立起人们对于聊天机器人的信任感。帮助人们了解这种系统可以做什么，以及如何使用。

而使用AIML（人工智能机器语言）设计和编写的聊天机器人，是出色的交互设计人员可以充分发挥作用的地方。

大多数聊天机器人开发公司都会选择为他们的产品做一个可爱的面部形象，以帮助用户更加信任他们。Spotify，星巴克，万事达卡，丝芙兰，Lyft，必胜客等等已经开始在UI设计中这么做了。

5.3 VR

将VR和游戏行业联系起来是有充分理由的，随着各大科技公司开发出各种VR产品和应用，我们可以非常确定的说，越来越的新功能正在被用户去感知和利用。VR已经开始用于教育，医疗保健，旅游，房地产和建筑等行业中。

5.4 语音化用户界面（VUI）

语音化的用户界面（VUI）使用语音识别来完成命令和处理问题，将语音转化为可识别的文本，然后将文本转化为语音，从而让使用语音与计算机交互成为可能。

在去年，互联网连接设备的使用人群中，40%的人每月至少会使用一次语音助手，这与前年相比增加了10%。

第六部分-产品设计

6.1 包装中的图案

在过渡饱和的包装市场中，要创作出脱颖而出的新产品难上加难。因此设计师需要回归到更远，思考如何能设计出在拥挤货架上展示并且脱颖而出的款式。几何图形，花卉，浪漫的团，单色图形都是很大胆的选择。

undefined

01. Flying Goat Coffee by Nicole LaFave 02. VITA SPA for skin by DWYW 03. Chocolate Packaging Design by arithmetic 04. 100 Hand-drawn seamless patterns and shapes by Arseny Samolevsky

6.2在包装上使用插画

插画一直是包装设计中非常重要的元素。通过插画，我们可以讲述一个故事，从而使目标受众更好的理解品牌等背后的历史。屏幕插画已经存在了数十年时间，并且会一直处于流行趋势。

01. Briggs Original by Hee Jae Kim 02. Velvet Coffe Cups by Anton Malishev, Oh Carola 03. Waste-Not Kitchen — Brand Creation by Tried&True Design 04. Home Sweet Sushi Kids by Savvy Agency, Mariana Spark 05. Cerveza Maleante by Antonay

6.3 白色空间

极简主义是设计的最基本原则，而放到现在的环境中，它仿佛又是新事物。这种设计舍弃了设计中不需要的所有内容，并用负空间取代。这种设计趋势注重简介的设计，让排版可以脱颖而出。

01. A SCENT Essential Oil by Yu-Chien Lin, Huang Wun-Siang , Chi Tai Lin 02. Rebranding concept for Bodri Pincészet by Kristóf Gáthi

6.4 单色或者双色

在调色板上单使用1或者两种色彩好像有点单调，但是它们的确可以创建非常强烈的视觉符号。使用1到2种颜色，我们可以让外观变的简约。最终的结果很棒，产品变的优雅起来，也讨喜了用户的眼睛。

01. Zerbet Sorbet by Cailin Giles 02. Bailey Brew by Ed Hall Sydney, Ekaterina Leontyeva, Boaz Suen

6.5 大胆的颜色

大胆的颜色和渐变色今明两年依旧抢眼。你可以使用这些颜色创建出让人过目不忘的作品。

01. Minimalism and Hedonism: Millennium Brand Redesign by Fabula Branding 02. Tattoo Mall by Openmint Studio, Ekaterina Teterkina , Dima Je, Yegor Kumachov 03. Orgânica by Larissa Kendrik , Gabriel Schatzmann 04. VIZOU - Reading Glasses by Studio Chapeaux, Axel Domke 05. Packaging for Flavoured Pistachios by Mila Katagarova

6.6 关注细节（受启发于新艺术风格）

注重产品细节的包装长久以来都受到消费者的欢迎。设计师选择这种趋势，是由于它们赋予了产品以真实感。进而让我们以现代方式去思考如何延续经典。

01. HYWILDE by Chad Michael Studio 02. AMSTEL KARGO IPA by Caparo design crew 03. Big Island Coffee Roasters - Espresso Bites by Farm Design

6.7 在包装中讲故事

在新的2020年中，各种品牌不得不重新考虑他们的产品和包装形式。品牌必须来阐述故事，帮助用户体验产品自身的价值。我们可以通过为产品包装创建故事及其关联的视觉来实现。

01. Beak Pick by Backbone Branding 02. Coloreat by Backbone Branding

第七部分-版式设计

7.1 粗体印刷版式

使用粗体文字作为设计主视觉是设计中的一个重要趋势，它取代了图形作为设计中的首要元素。大胆的排版同样可以在网页和UI设计中发挥相当大的作用。

01. Eirik Lyng by Erik Herrström 02. Bauhaus_100 (x3) by BunkerType (Jesús Morentin) 03. UCCA Center for Contemporary Art Beijing by Bruce Mau Design (BMD) ,Jelle Maréchal

7.2 全小写文本

越来越多的应用中开始使用完全小写的文本字段，小写文本更容易阅读，而且更好的融合了简约现代的设计趋势。在2020年，这个趋势不可小视。

01. Autea Branding & Web Design by Michał Markiewicz 02. Yamadai Food Corporation CI by Masaomi Fujita / tegusu Inc. 03. Aquality Branding by Häkan Fidan

7.3 自定义文本字体

虽然自定义文本字体设计已经没有太多新意可言。但这种趋势越来越多的出现在设计中，特别是logo设计和海报设计里。在大品牌中，这种设计更为常见，因为字体授权或者使用专用自体费用会更高。设计人员只需要对现有字体进行调整，就可以创造出完全不一样的表现效果。

01. Think8 Global Institute by Blok Design 02. ZINEZŐ // design periodical by Barbara Katona , Media & Design Department Eger 03. TYPE DESIGN '19 by TRÜF Creative 04. Cako typeface by Violaine & Jeremy

7.4 动力学排版

如前文所述，动画在设计中无处不在，在排版中，它们也很常见。使用动态字体和简单的交互来移动屏幕上的字体，这种技术可以处理文本，并创建最终的产品。创造出独特的效果。

01 & 02. Grafika by Gimmick Studio . 03 & 04. Augmented Reality & Motion Typography by Alex Slobzheninov

7.5 堆叠字体设计

堆叠文本也是一种现代化的设计风格，可以吸引你关注最基本的信息。我们可以在网页，UI及各种设计中找到他们的身影。

01. L'Om by Atipus Barcelona 02. Journal by Gemma Mahoney 03. poster collection | vol.8 by Roman Post 04. SMLXL by Melissa Baillache, Mat Groom, Jason Little

第八部分-设计工具趋势

8.1 Adobe Spark

由Adobe 开发的Spark是用于创建移动和web程序的集成套件。它包含三个独立的应用程序。Spark Page，Spark Post，Spark Video。免费的Adobe Spark Web应用可与Spark Page，Spark Post和Video iOS移动应用同步，从而使用户从任何设计创建并编辑，共享他们的设计。

8.2 Procreate

由Savage Interactive公司发布的，针对iOS的Procreate是专业的插画绘制以你够用。你可以在iPad上使用Apple Pencil绘制无限可能的艺术作品。它提供了130多种逼真的画笔，包含图层，混合模式，蒙版，绘制过程4K视频的录制等等功能。Procreate是2018年App Store上最畅销的应用程序。