来啦!Behance 2021年度设计趋势出炉

萝らか妹 提交于 2021-01-02 06:56:33


静电说:今天特别献上静Design翻译小组三位同学为大家带来的Behance 2021年度设计趋势。说到设计趋势,大家一定不会陌生,如何看待设计趋势,则是一个需要思考的问题。也许你已经看了两三年的设计趋势了,那么有没有感受到这些趋势背后所表达的含义呢?


一般来说,设计趋势是一个相对宏观的现象表达,但这些趋势却在潜移默化的影响着每个人,因此,不要神化设计趋势,也不能压根不注重趋势,否则你会落伍。在跟随趋势的过程中加入自己的思考,形成属于自己的风格,是我们各位设计师小伙伴最应该做的事情。


点击这里阅读 [译文]重磅!Behance官方最全2020设计趋势



在新冠疫情造成大流行和隔离的数月之后,我们对2021年充满了希望,同时也保持谨慎的乐观。


在这样一个值得记忆的年份中,2020年的设计趋势好像并没有太大变化,这一趋势将在2021年继续占据主导地位,某些趋势受到了新冠疫情的影响,会持续发展,但进度可能会慢下来。


在2020年的第三季度,这些影响力逐渐显现出来,并会对新的2021年产生影响。即使从2020年开始的大多数趋势仍然将继续影响明年的设计领域,我们也将尝试探索2021年会出现的新萌芽。



2021年设计趋势


3D绝对是2021年的趋势,因为在设计的所有分支中都可以找到它,它的新颖之处在于,这种技术已经开始在UI中使用,在之前,UI一直被平面设计所主导,但是现在,3D的采用越来越频繁,主要由以下背景决定:我们手头有一些非常易于使用的新软件,甚至有些免费的软件(例如,Figma,它对自由职业者是免费的,并且有一些插件对3D用户也非常友好)当我们打开诸如C4D,3D Studio Max或Maya之类的复杂程序时,我们当中有多少人没有灰心?现在,借助Figma或Dimensions CC等软件,任何设计人员都可以快速学习如何创建精美的3d场景。这些软件非常适合3D初学者。





1.Tran Mau Tri Tam Box. – Time Tracking 2.Jan Reeh SDMK web design - 3D 3.Tran Mau Tri Tam Collab. — Landing Page Kit 4. Mike Website design / 3D & 2D Edition 5,6,7.CLV Madrid Bankia Humanismo digital 8.Cabeza Patata Studio Shape & Rhythm 9. Vivian niu, Vikiiing macOS Big Sur 3D icons 10. Romain Briaux Specify : Illustration

导致3D更加频繁使用的另一个因素是Apple发布的Mac新操作系统Big Sur。在撰写本文时,Apple Big Sur已经发布。

您可能想知道此版本将如何影响设计界。好吧,Apple向我们展示了全新的Mac界面外观。设计中最重要的变化是引入了3D元素(图标),具有透明性的区域以及放弃了灰色阴影。


0.目录

1. UI / UE设计 
2.插图设计
3.动效设计
4.平面设计与印刷 
5.包装设计
6.趋势工具


1.UI / UE设计 

1.1 APP和手机网站

2021年,如果一个产品不以移动端为第一选择的话,那么它肯定将要完全过时了。由于在企业的大部分分支业务中,客户最好的体验出现在他们正在使用相应的应用程序的时候,所以这些业务专注于应用程序的开发和实现。线上商店、社交媒体平台、交易平台等都会选择将客户转移到手机app中,以获得更好的客户体验,并提高转化率。

移动端网站还是手机app?我们怎么知道哪一个更适合我们或者我们的客户呢?

调查得知,比起手机端网站,用户更喜欢手机app。专注于基于web的服务的平台,不管是在向用户展示自己的方式上还是在开发过程中,自身都处在劣势。根据福布斯网站的数据,手机用户将90%的时间花在手机app上,只有10%的时间花在浏览器/手机网站上。

当然应用程序也有自己的缺点,比如更高的开发和维护成本。

1.https://skilling.com/eu/en/  Mobile vs App (Product Design: Nick Collins, Visual: Mihai Baldean)



1.2 浅色界面上的颜色使用

色彩是UI设计中最重要的视觉元素之一。它们可以突出你的内容,加强你的品牌风格。色彩主题应该设计得和谐,有助于区分UI元素和UI界面。

磁贴,卡片,表格和组件等内容放置在白色(或者浅灰)的背景上,并且这些卡片和组件也是白色的,有一个平滑的阴影来创造一个浮动的效果。

如果您不想花时间选择色板,有许多网站可以提供美丽而充满活力的颜色组合来帮您选择。比如https://flatuicolors.com/或https://colorsupplyyy.com/app/

1. Grace Saraswati Health Fitness Mobile App UI UX Kit 2. Tran Mau Tri Tam Analytics - Mobile App 3.Anahit Avetikyan Data Management System 4. tokitoshi メ COREFLIGHTS — Mobile App 5. Kostia Varhatiuk 3D Wallet App Exploration 6. Prakhar Neel Sharma Tenant App Case study 7. Wahab Live Game Streaming App


1.3 小组件

ios14带来了一些新的变化,将会影响所有的UI设计。

小组件现在有三种尺寸:小、中、大,您可以在应用图标之间巧妙地重新排列它们。设计师必须创建全部三种尺寸的小组件图标以便用户可以选择使用哪一种。每种大小的小组件都可以显示不同数量的信息,因此您需要清楚地显示正确的内容。请记住,较大的小组件可以显示更多的数据和信息。

1.Varya Panyukova IOS 14 2. Alex Muench Apple Widgets UI Kit for Figma 3. Aleksey Bondarev iOS Widgets for iPhone


1.4 交互和动效

动效是应用设计和用户体验的重要组成部分。现在,如果一个设计没有加入动画,就似乎是未完成的、静态的。有许多方法可以创建动画,以下是其中一些: 

JSON(基于Javascript的数据交换格式)将你的图像和动画渲染成代码。JSON动画的优点是,它的大小只是GIF动画的一小部分,而且它支持完全透明(不需要背景)。 

几年前,Airbnb的开发者创建了一个名为Lottie的工具,它可以使用JSON文件轻松制作小动画。Lottie是一个开源库,适用于iOS, Android和React Native,可以实时渲染动画。如果您还没有尝试过,它绝对值得一试。

1.Jonathan Tipton-King  Treasure Truck - Logo Animations 2. Alexandra Golde Animated animals 3. Daniel Tan Daphnie Loong Classmo - Virtual Classroom UI/UX 4.Vineeth TP PETAL


1.5 3D图标设计

到目前为止,我们认为每个人都已经意识到3D是设计中的一个重要类别。现在它比以往任何时候都更能影响UI界面的观感。3D图标是2021年的新UI趋势,所以如果您对过去十年主导UI的平面图标感到厌倦,那么您可以试试3D图标。最终的项目会看起来清新而现代。

1. gary liu App icon using Adobe Dimension 2. David Kovalev Apple not flat 3. https://www.outliercreative.com/ 4. Alexander Shatov Instagram 3d Icon Concept 5. Udhaya Chandran iOS 14 widgets 6. Tran Mau Tri Tam Figma 3D Icon for Mac OS Big Sur 7. Seunghyun Kang Skeuomorphism?


2. 插画设计

2.1 细轮廓插画

我们去年在《趋势指南》中预测了这个趋势。2020年这种特殊的绘画风格在插画中占主导地位,并且2021年也将继续。因为这一趋势似乎在今年的下半年开始流行,所以我们决定将其称为2021年插画类别的主要趋势。

1 & 2. Odd Bleat * Revolut - Animated Loops 3.Nahuel Bardi Mask 4. Andrew Archer Dunhill — Japan National Football Collection 5  Calvin Sprague Personal Illustration Archive 3 6 & 7.Rafahu The Psychotoons II 8 & 9.Meme . S t e m 9 & 10.Nahuel Bardi Styleframes for animation


2.2 3D插画

近年来,3D技术在设计领域掀起了一场风暴,这并不令人意外。3D已经发展了很多,并且有非常多打动观众的优美的插画。在3D插画中使用的颜色是强烈的还是柔和的,取决于您想要传达的信息。与前几年不同的是,3D插图更加简约,似乎受到平面设计的影响。

1 & 2.Monstro CGI and Illustration Studio INCLUA 3. Pat Grivet Julien Pietri Mutant Jukebox London's Life 4,5 & 6.Titi Lyao 3D illustration 7.Tran Mau Tri Tam Box 8.Tran Mau Tri Tam Ghost – Sign In


2.3 七八十年代复古插画

还记得《忍者神龟》、《超人》、《霹雳猫》或《神探Gadget》吗?如果您有怀旧情结,让我们告诉您一个好消息,因为这种风格今年又流行起来了,并将在2021年继续占主导地位。这种经典的卡通绘画风格是使用轮廓线,简单的形状加上一些细节。


2.4 大胆的形状和颜色

如果您喜欢涂鸦,那么您会喜欢这种创造插图的独特技术。虽然乍一看它似乎是未完成的,但所有这些形式都是经过深思熟虑并付诸创作的。重叠的形状和强烈的颜色创造大胆的插图,可以吸引观众,给他们灵感。

1. Nate Williams ᏝᏗᎴᎩ ᏰᎥᏒᎴᏕ by Nate Williams 2 & 3.Lucas Wakamatsu Animals - Prints 4. Bernardo Henning Quartz 5 & 6 Totoi Semerena Tropical ✦ Geo V 7.Totoi Semerena ✧ X E C ✧

2.5 使用插画做视频展示

去年我们在预测2020年的趋势时也提到了这一趋势,但我们决定再提一次,因为这是一个非常重要的趋势。



3. 动效设计与交互

3.1抖音和Instagram Reels

reels是一种简短而有趣的视频形式。这些短视频可用作有效的营销策略。随着抖音的替代品Instagram Reels的发布,大公司已经开始使用此类工具进行自我宣传和发展。



这些短视频已经不再仅是青少年的消遣,而是各大品牌的自我营销手段。他们向代理商付费,并让代理商为品牌拍摄此类的短视频。如果您正在使用社交媒体开展业务,那么您值得尝试下Instagram Reels或Tiktok。

3.2 经典卡通

是的,我们童年时代的卡通漫画在2021年很热门。我们之前已经说过一次这种现象,现在再重复一遍。看看我们选择的案例吧,很明显的是,这种经典漫画类型也出现在动态设计中。

1.Mari Kinovych, Nick Zaychenko 2.Zombie Studio USE ELO 3.Wakana Yamazaki Animation "Dim sum time" 4.Dale Edwin Murray UNINTERRUPTED


3.3超写实3D特效

VFX或Visual Effects将现有素材与计算机生成的图像结合起来以创建现实场景。他们是插入到真实生活场景中的动画,这些真实的生活场景是之前用摄像机拍摄的。随着更多更人性化软件的出现,VFX开始在视频和短片中变得更加容易使用和普及。这种方式创作出来的现实主义令人难以置信,这也是几年前我们只敢梦想的事情。



3.4 3D插画

老实说,这不是新趋势。但是它很重要,值得被再次提及。3d对于设计的所有分支都影响甚远,以至于我们可以说它在2021年几乎主导了所有都数字创作。随着增强现实技术应用于在越来越多的app,网站或软件中,3D也会占有更高的地位。

正如我们在近年来有关设计趋势的文章中提到的那样,我们看到设计师如何将3d与摄影或2d相结合,从而创作出“复合”的设计。所有这些技术,结合运动,创造了独特的最终概念。

1 & 2. Pé Grande Animation, Wunjo CG, Caio Nascimento, Eduardo Ribeiro Gonçalves, Marcelo Pasa Barth, Gabriel Warken, Ernani Furtado,Carlos Tevo Farned, Maria Eduarda Beck, Josemar Queiroz, Leonardo Curtis, Antonio Medeiros  SICREDI CONECTA 3. Jan Sladecko, Zenframes Studio ,Haram Jung,aehoon Park, Woosung Kang, Hyunsup Ahn (SurV) ,Min Shi J Balvin Azul - Animated Music Video

3.5 动画LOGO

动画logo已经存在好几年了,但是他们非常醒目并且涉及了所有和品牌相关的内容。因此动画logo今年也值得被提及。Logo是我们在进入app时首先看到的东西,因此仅使用符号或字体就应该令人难忘。将logo与平滑而又流畅的动画相结合,可以为任何公司都带来令人难忘的效果。

1.Nikola Matošević for Barrage Travelspot logo 2.Daniel Bodea / Kreatank Bench 3.Oleg Coada Kote | Logo animation 4.Yup Nguyen aiera - logo animation loading 5.Fede Cook COOK- Logo animation 6.Fede Cook & - Logo animation 7.Vadim Carazan for Carazan Brands Consultly logo animation 8. Fede Cook Q - Logo animation


3.6 增强现实与虚拟现实技术

AR和VR本身都是一个非常广阔的领域,他们具有自己的趋势,因此我们回顾一些您肯定会在2021年看到的趋势。由于新冠病毒的封锁,很多公司都已经投资了AR技术以便于将他们的产品推向客户。例如画廊已使用VR和AR技术使用户更轻松地浏览艺术品。

到2020年,预计将有至少1亿用户使用支持AR的购物技术。这一预测是在全球封锁之前做出的。未来,在人工智能和机器学习的帮助下,AR技术将在医学、艺术、商业、客户服务或导航等各个领域得到广泛应用。



3.7 快闪视频

观众在视频中看到内容时能记住95%,但是他们只能记得10%如果他们必须阅读屏幕上的文本。无论您想传达什么信息,内容丰富的,鼓舞人心的或说明性的信息,您都可以选择使用快节奏的视频来完成。参考以下我们所选的案例,你就知道我们指的是什么。


4. 平面设计与印刷

4.1 加大加粗的版式设计

排版是设计中最重要的元素!一个熟练的设计师可以仅使用排版来造成视觉差异。排版对于构建消息,建立强大的视觉层次结构,传递信息以及为用户创造良好的体验至关重要。

自设计起始时就存在字体加大加粗的排版设计,因此这不是新事物,但非常重要。即使设计人员使用动态的、变形的、3D的、动画的或静态的字体,加粗加大的字体仍然是,并且将永远是设计中的热门趋势。
1. Andrew Footit MyType - Vol.2 2. Quim Marin Studio Yeah!Club Redesign 3.Mario De Meyer Isotype 2 4.Anna D Displacement Maps and Actions 5.Quim Marin Studio SOMA Brewing 6,7.Sebastian Schubmehl KYIV TYPE - book


4.2 几何形状

这是使用非常简单的形状创建复杂设计的独特之处。自上世纪初以来,视觉艺术中就出现了几何形状,因此我们不能说它们是一种新趋势。在2021年,图形设计(无论是海报,印刷品,包装还是品牌标识)将集中于几何形状。


4.3 细轮廓与线条艺术

我们判定超细线条是很火的:),所以我们将在设计的每个分支中提及这一趋势,以表明它是多么容易地适用于各种设计。

1.Tolleson Design Dictionary.com: A World Beyond Words 2.Toormix Design Agency Institut Ramon Llull – Rebranding & Visual code Project 3,4,5.zimm wang Oval monsters/Character design/Graphics & poster design 6. Pablo ⚡️ Espinosa Tall Shorts Film Festival 7.Khang Ng Emotional Recovery Project 8.陈 俊贤 五观 / Five - Observe

5.产品设计与包装

随着Covid-19在2020年成为新闻的主旋律,产品包装发挥了更加重要的作用。消费者对食品污染表示担忧,导致包装需求增加。今年的外卖和网上购物也有所增加。这些都是依赖包装的设计,许多品牌的知名度都是通过包装来提升的。


1. Mitsutaka Nakao , Miz Tsuji Park Hyatt Kyoto Takeout Packaging 2.Karla Heredia Martínez CRACK 3.Baianat  Akelni Brand Design 4.Cheng Leeeee Mr. Huang's saltwater chicken 5.Anninha . Giovana Roza  Julia Ebel Lopes Arlequim - Visual ID 6.Micael Micmas Moccia | Brand Identity 7.Baianat Ghallab brand design.

5.1 环保材料

现在,我们意识到COVID-19对我们的星球产生了重大影响,因此包装行业必须采取措施减少对环境的影响。企业必须使用可生物降解的材料,例如纸板,生物塑料或玉米,土豆或蘑菇制成的材料。传统塑料会保留大量细菌,而环保材料则不存在这个问题。


1.Lavernia & Cienfuegos The Troupe 2.Shaivalini Kumar, Supernova Design, Asavari Kumar Bantu Vegan Branding & Packaging 3-4.Jieru Chen Side - Ceramics Product Design and Packaging

5.2 插画定制

精心设计和独特的插图可以为您的品牌创造出色的故事。您必须对图形进行周密的选择,以更好的传达您的品牌故事。它们必须有意义并赋予品牌一致性。

1. Human, Eduardo Ramón Hombre Cometa 2.Thomas Hedger OFFBLAK Tea 3.Sanh Nguyen, InSpace Creative. Duy Trịnh,  Huy Pham , Elena Phung 12 Spirits - OfDarkness™ 4.lucia del zotto Mejo 5.Jordan Mandes Packaging design - Maroccantea


5.3 讲故事

这绝对不是一个新趋势,但它比以往任何时候都更加实际,因此我们决定将其列入今年的趋势清单。如果您销售产品,请投资优质的包装设计,以讲述有关您品牌的迷人故事。产品包装具有激发我们购买产品的能力。从包装上的副本到字体,材料,大小和形状,当客户打开产品包装时,所有这些都必须产生独特的体验。

Cubic Orange, Vladimir Guskic , Fernanda Costa CBD Coffee - Branding & Packaging 2.Chad Roberts The Preservatory 3.Stef Hamerlinck Rascal tastebuddies



5.4 互动包装

手机已经成为交流的主要方式,因此包装也必须要适应这个趋势,加入有趣的互动元素,从而简历品牌知名度。从QR代码到AR体验,这些仅仅是创建“智能技术”包装的开始。

产品设计受到技术的影响很大,大多数新产品都围绕着智能手机的思想以及产品如何给您带来互动体验的想法。

1.Heinz Ketchup 2.Pepsi 3 Peter Tarka Maciek JanickiGoogle IO 2019 4.Max Mysechko, Artemiy Drobyazko , Qvarta Studio Kiev, Ukraine MINI PHA | LAMP & CHARGER | PRODUCT DESIGN 5.Enterfun _official ENERGY TUBE HAND WARMER


5.5 3D打印包装

随着3D打印机的兴起,具有不寻常形状的包装开始出现。此过程有助于印刷具有奇特形状的包装,设计师可以自由发挥自己的想象力。与经典包装盒相比,这种包装的价格不高。该过程对于打样非常有用,它以较低的成本提供了快速的产前模型。



6. 趋势工具

6.1 Substance

Adobe的这项新工具可让任何设计师使用3D。Substance是用于3D项目的对象纹理和材质创作的完整套件。该套件实际上是一个生态系统,面向设计师,图库创作者和插画家。这个新套件的缺点是,Adobe提供的订阅与Adobe Cloud不同,因此对于初学者或初级设计师而言,每月费用会非常高。完整套件的价格为每月19.99美元。 

Substance Painter具有智能材料,智能遮罩和集成的Baker功能(3D设计中的术语)。您可以使用可以适应任何物体的智能材料来显示逼真的磨损;探索适合任何形状的蒙版预设,并使用画笔进行即时修改。(substance3d.com)

Substance将允许艺术家使用某些程序化方法来对材料进行最后修饰。事实是,新工具还将带来AI的强大功能,例如,能够在编辑后以令人愉悦的方式调整扫描,从而获得更逼真的外观。 

Substance Designer更多地用于创建图形,动态和模块化纹理。它通常用于创建基础材料库,其中的材料可用于其他应用程序,例如Substance Painter。 

Substance Source是一个基于物理的材料库,其中包含的素材,可以使您的纹理,材料制作和3D艺术进一步发展。从程序性物质材料到手绘材料,再到100%基于物理的扫描。

1-3. Zachary Corzine Textile Techniques Substance painter & Substance designer 4. Danil Tabacari Bold shapes and colors - craft & art store illustration Substance painter & Substance designer 5.Sebastian Marek Never Been Done Substance painter & Substance designer


6.2 Adobe Aero

Aero是Adobe的新工具,可帮助您构建和共享沉浸式和交互式AR体验。该工具最好的部分是不需要编码或3D设计经验。您可以在Adobe Creative Cloud中找到Aero。


6.3 Fresco

“ Adobe Fresco是一款免费的绘画应用程序,专门为Apple Pencil和iPad构建,专为专业绘画或出于激情绘画的艺术家而设计。” 该工具是Adobe对Procreate在最近几年中获得高度欢迎的回应。Adobe Fresco提供了免费增值模式-您可以从免费的入门计划开始,然后升级到付费版本以获取高级功能。Adobe选择了Fresco for Ipad的月度计划,价格为9,99美元。这是一个有趣的举动,因为Procreate可以一次性购买。您对此有何看法?

1-2. Tavo Montañez The Monster Mash 2020 3-5.Cleonique Hilsaca Mayan Gods - Adobe Creative Residency Community Fund

本文由静Design翻译小组出品
译者:没有心的无心菜 / 晨曦Violet / 朝菌菌    
原文:https://www.behance.net/gallery/107015729/2021-Design-Trends
静Design翻译小组持续招新中,有兴趣的小伙伴请加静电微信Hixulei报名


往期精彩回顾



必读~2021年最新图形设计趋势来啦
潘通2021春夏流行色发布,设计趋势赶紧追起来
必读~苹果iOS小组件Widget设计终极完全指南
天猫2020双11海报设计,你最喜欢哪个?
iPhone分辨率越来越多,UI设计师应如何应对?
晕~Adobe CC 2020还没捂热,2021版就来啦

静电的UI设计教室 11月班开始报名啦
新增C4D与插画课程
报名加送 送设计图书福利
系统指导   挑战全链路设计

↓↓长按二维码咨询老师↓↓
觉得有用,就分享收藏加“在看”

本文分享自微信公众号 - 静Design(JingDesign91)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!