2020年最全设计趋势整理

文章来源：behance作者：Milo ThemesBIGD翻译整理，转载请注明出处
哈喽小伙伴们~眼瞅着今年又要过去了，你们年初定下的目标完成了吗？是时候准备迎接新的流行趋势了~去年超火的Behance大神@Milo今年再次出手，为我们预测了2020年各个设计领域的流行趋势，内容超长，但绝对值得收藏哦~

// 原文内容 //

「2020年的主要趋势」

运动设计与动画
在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

插画

动画

平面设计

基于技术的趋势

包装

排版
热门的工具

「UI&UX」

1.1暗模式(安卓Q和iOS 13)
暗模式是2020年的一个新趋势，Android推出了Force Dark mode和System Dark mode两种暗模式。而微软抢在谷歌之前，在其电子邮件应用中展示了他们的暗模式，谷歌也很快就发布了自己适用于Android 10的Gmail黑暗模式。
随着这一更新的发布，许多设计师将在他们的应用或网站中使用暗模式，所以预计在未来的一年里会看到越来越多的暗模式。



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插画

近年来，插画一直是设计中最为强劲的趋势之一。插画是概念的视觉表达方式，可以让用户更好地理解产品背后的想法。好的插画不仅可以让概念更具创意，也可以更直观的表达主题。

上下滑动查看更多图片













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年值得关注的趋势，也是UI设计中一个极其重要的趋势，它决定了我们的产品是否成功。微交互在让用户理解系统如何工作，并引导其获得更好的体验方面起着至关重要的作用。
如果作为一名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

1.6 UI中的视频
在2020年，要想信息很快传达用户手中，必然要通过视频内容来实现。无论你是选择动画还是传统电影形式来诠释产品，视频内容都将是网站或应用必须具备的。



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

1.7功能
功能是UI设计中一个至关重要的部分，以前我们很多时候不得不在设计和功能之间进行抉择，但是随着新技术的出现，现在这两者已经可以很好地结合在一起并互相补充了。设计负责将人们的注意力吸引到网站或应用中，而功能使其体验更容易，它帮助用户更快地找到信息。


01. 技能交易- Loredana pappdinea, Mihai Baldean

1.8注重细节
在UI设计中，注重细节是非常重要的。从按钮、图标、加载到导航，这些小细节打造了一个优秀的设计。而随着新技术的不断涌现，我们在UI中必须注意的细节也始终在变化着。
在2020年，我们将会看到越来越少的按钮，更多基于手势的导航。例如，Android中常用的“后退”按钮，将在Android 10中正式消失。



01. Ramotion打造的FLYR视觉识别和营销网站



02. Tagir Tikeev为聋人开发的警报应用程序

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角色设计
角色设计意味着定义一个支持整个概念的角色。最重要的是，通过绘画，设计师给人物注入了强烈的个性。我们在应用或网站中遇到的虚拟助理就是角色设计的一个很好的例子。

上下滑动查看更多图片









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等距插图
是的，等距插图依然流行。它主要出现在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渲染将变得越来越容易。而得益于其更加真实的优势，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的身影。



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

3.2视频+动画插画(混合媒体)
拍摄的视频、生动的插图，有时还有静止的照片，这些结合在一起足以迸发出令人惊艳的效果。从简单动画到真实世界中的人物，甚至是在现实生活中不存在的复杂视觉效果。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

3.4动画LOGO
众所周知，动画是2020年最大的设计趋势，因此为了保持竞争力，我们也必须把它们整合到LOGO设计中。现在很多公司已经开始让他们的LOGO动起来以吸引人们的注意力了，这也是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一体化）
这种趋势并不新鲜，但绝对值得一提。混合动画就是指使用特定的软件将2D和3D结合在一起。



01. Olof Storm Channel On Youtube

「平面设计」

4.1平面设计中的3D
尽管2D垄断了平面设计这一分支，但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双色调
“少即是多”是这一趋势的完美概述，设计师可以利用双色调让重要元素更加突出，并带有优雅的触感和强烈的对比。与此同时，这种趋势还更易于打印，因为某些打印技术如果颜色更多，则价格会更高。

上下滑动查看更多图片









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视知觉艺术
欧普艺术作品以抽象为特征，这一风格的许多知名作品都是黑白的。无论是隐藏的图像、闪烁和振动、或膨胀或扭曲的元素，都能带给观者动感十足的印象(来源:wikipedia.org)。
虽然这种趋势以静态的方式存在，却给人一种动态的视觉感受，如果我们想在打印海报中实现动态图形的效果，这是最合适的方法






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复古科幻风格
复古科幻风格是一种曾在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世纪最重要的图形设计运动始终是优秀设计师们的灵感来源。这些风格是值得一提的，因为它们总是最新的，遵循它们的规则几乎不可能在设计中犯错误。总的来说，这些风格强调排版、无衬线字体、几何形状、简单的线条、体积和颜色。





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

4.8大面积彩色空间
大而不间断的色彩空间将是明年非常流行的趋势。它和大胆的排版搭配，常见于平面设计、产品设计以及用户界面中。

上下滑动查看更多图片







01. ©Stepan Solodkov 02。哈瓦那的品牌内容由Johann Vernizzi 03。库帕·霍斯克(Kurppa Hosk)的《kekela - bvb》

4.9 超极简主义
极简主义意味着只使用必需品，却要在非常有限的配色和形状来中打造令人难忘的设计，放弃多余的元素，让所有元素有目的。为此你可能需要：尽可能多的白色/负空间，一个简单的配色方案和一些基本的几何形状。




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

「基于技术的趋势」

科技正在用智能设备和全新的理念给我们的生活带来革命性的变化。这些新技术使得设计师们已经开发出了符合当前趋势的新功能。人工智能、机器学习、虚拟现实和增强现实正在影响着设计师们的思维方式和创作方式。
5.1AR应用
随着苹果和谷歌推出各自的AR开发平台，ARKit和ARCore，很明显，AR技术时代即将来临。
现在许多大品牌已经在他们的应用中采用了这种技术，而那些还没有这样做的团队，必须开始认真考虑如何让用户与这种新的体验交互了。
以下有几种常见的AR交互方式。第一种是将应用固定在手机屏幕上。另一种是让用户与周围环境进行AR互动。而最常用的互动方式之一就是通过扫描特定的“标记物”而触发相应的操作（类似于过年AR扫福字）。
有关更具体的AI规则，可以阅读Apple指南。



5.2人工智能、ML、聊天机器人和虚拟助手
聊天机器人是一种通过听觉或文本方法和用户进行交流的软件。[1]这样的程序经常被用来模仿人类并以此来获取用户的信任，尽管到了2019年，他们还远远不能通过图灵测试。[2]来源:维基百科
人们还不习惯与人工智能交谈，因此设计师(和开发人员)的大部分工作就是简化交流过程并建立信任。他们需要帮助人们理解这个系统可以做什么，以及如何使用它。
很多公司都会使用聊天机器人作为助手来为用户解决问题，以下是一些在其UI设计中使用聊天机器人的品牌：Spotify，星巴克，万事达卡，丝芙兰，Lyft，必胜客。



5.3 AR
虽然大多数人仍将VR与游戏行业联系在一起，但随着所有大型科技公司开发VR套件和应用程序，我们可以肯定地说，未来将会不断看到使用和享受这项技术的新方法。VR技术现在已经在教育、医疗、旅游、房地产或建筑领域得到应用。



5.4语音用户界面(VUI)
语音用户界面(VUI)使得人机对话成为可能，它使用语音识别来理解语音命令，语音命令设备(VCD)是由语音用户界面控制的设备。
在过去的一年中，40%的使用互联网设备的人每月至少使用一次语音助手，这一数字比去年增加了10%。

「产品设计」

6.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

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或2个色调似乎有些限制，但它们可以创建一个非常强大的视觉识别，并保持极简主义特色，打造一种精致、优雅、赏心悦目的产品外观。




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

6.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.6注重细节(灵感来自新艺术)
注重细节的包装比以往任何时候都更受欢迎。设计师之所以选择这种趋势，是因为它赋予了产品真实性。这种趋势让我们以一种现代的方式思考经典。






01. HYWILDE by Chad Michael Studio 02. AMSTEL KARGO IPA by Caparo design crew03. 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粗体印刷
粗体印刷是排版设计中的一个重要趋势，它取代了图像作为主要元素。大胆排版可以让网页设计和平面设计与众不同。






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小写字母
越来越多的应用程序开始使用完全小写的文本，因为它们非常容易阅读，并且可以完美地集成到一个极简和现代的设计中。明年我们一定要密切关注这一趋势。






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 是 Adobe 推出的主打简单设计的创意软件集，它由三个独立的设计应用程序组成:Spark Page、Spark Post和Spark Video。
这三个设计应用程序让用户可以轻松制作社交图片，网页和动画视频，并适用于企业、教育、社交媒体营销等。在使用这三个应用时，用户还可以导入或搜索图片。



8.2 Procreate
Procreate是一款iOS平台上的iPad绘画应用，适合从初学到专业的设计师。
它内置了包括 130多种简单易用的画笔、高级图层混合、64 位性能以及功能强大的画笔引擎。除此之外，《 Procreate》还是2018年app Store上最畅销的应用。



8.3 Adobe XD
Adobe XD是Adobe公司为Web和移动应用开发并发布的一个基于矢量的用户体验设计工具。它可用于Mac OS和Windows，帮助设计师直接在移动设备上预览设计成果，更高效准确的完成静态编译或者框架图到交互原型的转变。

原文链接：https://www.behance.net/gallery/86124977/2020-Design-Trends

用设计的角度看世界，用学习的方式来成长

BigDcc