Behance 年度好文！2020年设计趋势全方位分析

趋势总来说还是跟着技术走的。以前 2G、3G 网络受传输速度，时流行的是像素设计，慢慢的支持更大的图，到现在 3D 设计、视频动画设计流行来，背很是依赖技术的升级，硬件的升级才得以落地。

所以看待设计趋势，不应该只受设计领域，平时看看设计之外，比技术趋势，硬件趋势能给设计带来灵感。留心观察，扩展自己的视野，说不定你也能成为下一个趋势的潮儿。

是我们连续 5 年针对未来设计趋势预测。在去几年中，我们获得非常积极的反馈，不断激励我们在设计领域现和探索设计的新趋势。虽大数趋势是去一年就已经形成的，但在 2020 年，我们还是有一值得追求的新趋势。

设趋势往往会随技的升级改变。

话不多说，让一起探索最新最复杂的 2020 年计趋势吧！

动效设计和动画设计

彩云注：这标题原文 Motion   Animations ，我相信很多人可能会分不清，我这里解释一下。Motion 我翻译动效，比如 Loading 动画，任何故事性的设； Animations 我翻译动画，类似于动画片，故事性的。

 2020 ，我们认动效设会主趋势，因几乎所的设领域都能用到动效，从微动效到 Logo  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

UI/UX

1. 深色模式（android Q and iOS 13）

深色模式会 2020 的新趋势，Android 推出了两种深色模式，分别叫 Force Dark Mode  System Dark Mode。微软抢谷歌之他们的邮件应用中首先新了深色模式，谷歌紧随其后，也他们的 Android 10 中的邮件应用 Gmail 中了这模式。

随着这一波更新的发布，许多计将会选择在的计中使用这一模式，所以预计在未来的一年会越来越多的深色模式。

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

3. 多的插画被应用UI中

近几，插画设一直设领域中的趋势之一。插画一种很好的视觉符帮用户理解产品背后的故事，配一些好的创意概念，使得信息传达得。

△ 01. raken 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

4. 多的故事性

故事，能帮用户产品的使用过程中，获得尽可能简单流畅的体验。一好的故事易帮用户理解产品。了把故事讲好，我们可以创造出一品牌人，赋予他人格，他制造一些故事冲突，终帮我们解决产品问题。这产品设中讲好故事的基础，至于讲故事的方式， UI  UX 中都使用，原理一样只落方式不同。

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

5. 多的微交互动效

如我们所，动效今的趋势， UI 中的表尤突出，也能插画增加丰富的细节，强化信息传达，提升记忆点。

交互的概念最早出现在 2018 年，但这是一个值得在 2020 年关注的趋势。它是 UI 计中一个极其重要的趋势，决定了一个 App 或网站是普通还是优秀的别。交互在让用户理解系统如何工作，并引导其获得更好的体验方面扮演着非常重要的角色。

如果你是一位 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 03. Flying Veggies by Patricia Reiners 04. UKRPOSHTA. Mobile app of Ukraine’s national post by Ilona Kim 05.Alarm App for the Deaf by Tagir Tikeev

6. 应视频到UI中

在 2020 年，信息的触达将会变得更快，而视频是最好的载体。无论是择通过画还是电影的方式来推广产，视频都是任何或应必须具备的。

△ Pockee – a family banking app by Adam Zielonko , Toto Castiglione , Wiktor Półtorak , Iryna Korshak , Netguru Team , Maciej Dyjak

7. 关注功能性

UI 设计很要个部分是其功能性。个元素设计都是基于它目和功能。很多认为在设计过程，于视觉和功能能选，是随着技术发展，两者可以很好兼顾到。设计是为了让网站或应用引起用户注意，而功能是为了让体验变容易，目是为了让用户更快找到自己想要信息。

△ Skilling Trading（skilling.com）- Loredana Papp-Dinea , Mihai Baldean

8. 追求极致细节

高度关注细节于 UI 设计来说常要。从个按钮，图标，Loading，导航，以及任何处小细节都需要做到极致设计。我们在 UI 需要注意细节，是随着新技术出现而发生变化。

明年我们看到越来越少的按钮，更的基手势的导航。例，Android 的一个主要导航按钮「返回」，将在 Android 10 中正式消失。

△ FLYR Visual Identity and Marketing Website by Ramotion

△ Alarm App for the Deaf by Tagir Tikeev

9. 渐变

近年，我们一直在说渐变，个趋势在 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

插画

1. 色

色设计括需要定义出符合个品概念形象。这其最要事情是，过插画，设计师需要色注入强烈个性特征。你在 App 或网站遇到虚拟助理是色设计个很好例子。

△ 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. 纹理

插画和纹理是常棒组合，能够创造出令难忘画。你可以自己制作笔刷，也可以在素材网站上找到常多纹理和笔刷预设，能很便地把你很多创意想法和图案纹理加入插画。

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

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

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

5. 3D

随着越来越高效软件和工具出现，3D 渲染也逐渐生了变化。3D 元素已经开始变越来越受欢迎，为与 2D 不，它提供了更为逼真效。

△ 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

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

动态图形

1. 3D视频

在 2020 年，很难想象做态视频到 3D 技术。这种设计形式仿佛像打开了世界的大门，只怕想到，没有做到。我们可在商广告，电影，游戏和更多的领域中到 3D 设计。

△ Cyberpunk City by ONJO _ , Visual Design Art S

△ States of Matter #3: Montage by Juan García Segura

2. 视频+动画插图（也叫混合媒）

拍摄的视频，生动的插图，还有静止的照，把结合在一产生意想不到的惊喜。2D 或 3D 插图能够创造出令人难忘的视频，从几条的动画到 3D 中的人物，甚至是现生活中并不存在的复视效果。

△ Coppel / Back to school by Plenty Studio

△ PWR by Ana Hoxha, Edvina Meta

3. 2D动画——介绍性视频

2D动画聚焦于创作故事角色，并以矢形式居多。当一活动或产品介绍性视频时，2D一完的选择。一忙碌，时间阅读的世界里，介绍性视频任何网站的必备品。

△ Freelive by Studio Infografika, Sergey Sadowski, Anastasia Alterka, Arsentiy Lesnik, Yuriy Armstrong, Arin Good, George Vald, Maxim Tleubaev

△ ESN – Railway Package by Andres Hertsens, Squarefish Studio

4. 态Logo

前面说了那么多，你应该明白画在 2020 年是必须要有了，为了保持竞争，我们需要把它们整合到 Logo 设计中。许多公司已经开始态 Logo 演绎来吸引户的注。这是 Logo 设计的一个要趋势。

△ 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

5. 2D与3D的混合画

这种趋势并，但绝对值得一。通过一整套软件流程，将 2D 与 3D 的画结合到了一起。（彩注：如可c4d+ae组合的软件制作流程）

△ Olof Storm Channel On Youtube

平面设计

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 ∆

2. 双色

少即是多，这个字非常完美的诠释了这一趋势，在其中计运用大胆的素，优雅而对比烈。这种趋势非常适印刷，如果颜色过多，印刷费用和术要求也更高。

△ 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

3. 欧普艺术

欧普艺术是抽象的，多著名的作品只有黑色。通常，它给观众的印象是动，神秘，闪烁或抖动，膨胀或扭曲的。

这种趋势是静态的画面，但给人感的视觉印象。如果想在印刷海报中实现这种「态图形」，这是最合适的方法。

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

4. 平面设计中应插画

插画在有设计领域都非重要，平面设计中表现良好。2D 插画在最几年极为流行，在 2020 年后，将继续受设计师爱。

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

5. 态海报

画无处在，我们在设计的各个领域都到它们，在一些线上海报中有使到。画混合了 2D 和 3D 元素，效果非棒。

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

6. 复古科技（赛博克）

赛博克是 80 年代现的一种趋势，但在好莱坞发行那个时代的电影又重现。随着《怪奇物语》系列的成功，这股浪潮又开始流行起来。

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

7. 士平面格，达达义，包豪斯

20 世纪平面设计中最重要的往往是最优秀设计师的灵感来源。这些格是值得一的，因为它们是经典的，历久弥，遵循它们的规则几乎可在设计中犯错。总的来说，这些格强调版式，无衬线字体（Helvetica就是在1957年包豪斯时期设计的），几何图形，简单的线条，体积感和颜色等元素的。

△ 01. Swiss poster 01（typography terms）by Mehman Mammedov 02. Yellow Vision vol.3 by Violaine & Jeremy

8. 大面积连续的色彩空间

大面积连续的色彩空间将会在明年大为流行，它们大胆的版及搭配，可在平面设计，产设计及 UI 中到。

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

9. 极简主义

极简主义调计只使用必要素，用简有限的颜色和形状来计出一个难忘的画面。放弃任何多余的素，所有的计内容都聚焦于每一个目的。为了造出一个极简主义的计，需要使用尽可能多的留，一个简的配色方案和一些最基本的何形状。

△ 01. Heim magazine, n.3 by Sasha Yaguza 02. Andrei Gheorghe – DADA – Publishing by moodley brand identity

技术趋势

科正在用智能备和全新的理念给的生活带来革命性变化。这些新术使得计已经开发出了符当前趋势的新功能。人工智能，机器学习，虚拟现实和增现实正在响着计的思维方式和创作方式。

1. 增现实的移动应用

随着苹果和歌推出的各种 AR 开发，ARKit 和 ARCore，显，整个界都将转向增现实术。

许多大的牌已经开始在他们的应中采这些技术，而那些还没有这样做的，必须认真考虑如何户体验这种的交互方式。

有些 AR 交互形可以创常观应用。第是接把应用界放在手内，另是把 AR UI 与围环境相互关联。最常用交互是 UI 与象关联并过扫描特定内容来触发，这个操作结是把界某个元素链接到现实世界个特殊标记上。

有关更具的人工智能规则，以去阅读下苹果司编著的规范，个规范旨在提供身临其境的验，能将虚拟物与世界无缝的融合在一。

2. AI，语言，聊天，虚拟助手

聊天是软件，它过听觉和文本进交互。这些程序经常设计成模拟类进话，尽管在 2019 年，它们远远不能过「图灵测试」。

人们还不习惯跟人工智能聊天，所以设计师和开的一大部分工就是简化程并建立信任。他们需要帮助人们理个系统以做什么，以及何使用。

 AIML（人智能标记语言）中设编写机器人脚本一优秀的 UX 设师的魔力之处。

大多数使用聊机器人的公都选择用一个助来演示如何面对人工智能。以下是一些在用户界面中使用聊机器人的品牌：Spotify、Starbucks、MasterCard、Sephora、Lyft、Pizza Hut。

3.  VR

多数人将 VR 与游戏产业联系一起，这原因的，但当所主的科技公司都发 VR 具包应用的时候，我们可以肯，我们不久的将可以发使用享受这项技的新方法。VR 已教育，医疗，旅游，产或建筑领域得到应用。

4. 语音用户界面

语音用户界面（VUI）使人与计机的语音互成为能，它使用语音识别来理说，用文转化为语音的流程来播放回答。语音命令设备（VCD）是由语音用户界面控的设备。

过去的一中，40% 使用互联网设备的人每月至少使用一次语音手，这一数字比去增加了 10%。

产品设计

1. 包装上的图案

在一个度饱和的包装市场中，很难创造出引人注目的新产品，所以设计师回到原点，期望创造出能让产品在拥挤的零售货架上脱颖而出的包装图案。几何图形，花卉，浪漫或单图案是任何产品包装的大胆选择。

△ 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

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

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

4. 单和双

只使用一种或两种颜似乎是设计的挥，但却以创造一个强大的视识别系统。只使用一种或两种颜，以让产品持一个极简主义的外观，放弃一切余的元素。其结果就是得到一种精致，优雅，赏心悦目的产品。

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

5. 大胆的颜

大胆的颜和渐变在 2020 年依是一股强大的趋势，使用颜你以创造出难忘的产品。

△ 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. 注重细节

关注细节的包装比以往更受欢迎。设计师之所以选择种趋势是因为它赋予产品品质感。种趋势让我们以现代视角重新思考经典。

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

7. 包装里讲故

到 2020 年，各个品牌将不得不重新思考产品和包装。品牌必须讲故，帮助顾客验到产品的精髓。以通在包装上的视设计来现。

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

字体

1. 粗体

粗体设计是个极为要设计趋势，将能代替图片成为主要元素。新颖体设计能在网页设计和平设计发挥作用。

△ 01. Eirik Lyng by Erik Herrström 02. Bauhaus_100（x3）by BunkerType（Jesús Morentin）；02.UCCA Center for Contemporary Art Beijing by Bruce Mau Design（BMD）elle Maréchal

2. 小写母

越来越多应用使用完全小写母，常容易阅读，这与现代设计极简主义完美契合。明年，我们定要密切关注这趋势。

△ 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

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

4. 动态体

像我们前说，动画在设计真是处不在，所以我们也会在体发现它身影。动态体在屏幕上会用些小形变和移动进设计。这个简单技术设计体，观众留下记忆。

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

5. 堆叠体

堆叠文可以说是现代解决案，在引起用户关注。我们可以在网页设计，应用及平设计看到这趋势。

△ 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

工具趋势

1. Adobe Spark

Adobe Spark 是由 Adobe 开发的于移和页媒体创建应的集成套件。它包含个独立设计的应Spark Page、Spark Post和Spark Video。这几个免的应可户在任何设备上创建、编辑和分享他的作。

这三个设计应用允许用户创和设计可用于企业，教育，社交媒体等领域视觉内容。Spark 图库可以突出显示使用者所做不项目。使用这些应用时候，用户可以导入和搜索图片。

2. Procreate

Procreate 是 Savage Interactive 为 iOS 开发并发布的绘画 app。针对 iPad 而设计，适合初者到专人士使。

它提供了过 130 个逼真笔刷，多图层功能，有混合模，遮罩，4k 分辨率导出，自动保存以及其他许多经典应用都有工具。它缺在于编辑，渲染文本和矢量图形能力有限。

3. Adobe XD

Adobe XD 是一款为页和 app 而设计的矢量工具，由 Adobe 开发并发布。它有 Windows 和 mac 版本，在 iOS 和 Android 上都有可预览的工具。XD 可支持页原和制作简单的交互行为。

注译者的微信公众号：「彩译设计」