前段时间Behance发布了2020设计趋势
这已经是它连续第五年发布设计流行趋势了
带领大家对设计行业进行不断的探索和分析
所以今天,大大君就以Behance发布的2020设计趋势
和2019年这一年来部分品牌动向来做对比
看看2020年的设计会呈现怎样的趋势
首先,从2020年的设计趋势预测
分为以下几个部分
①UI / UX
②插画
③动效设计
④平面设计
⑤技术趋势
⑥包装
⑦字体
⑧工具趋势
其中,2020年总的设计趋势预测中
将会主要以Motion和 Animations为主趋势
即(动效设计和动画设计)
动态设计比一般静态的平面设计更有感染力和互动性,有意义的动态设计可以在宣传中扮演许多不同的角色,例如:引导、协助、互动、趣味、愉悦感、提供文本脉络等;但是这个前提是这样的设计要在基于协调和平衡之间,不可过多或违背常理。
那接下来,我们就来一一分解
UI / UX
1. 深色模式
深色模式会在系统界面、系统程序页、键盘、Animoji 背景都会呈黑色底色显示。在深色模式下,用户在暗光场景下查看手机时不会因为App高亮的底色而感到刺眼和疲劳,深色模式能起到一定的护眼和专注作用。并且在某种程度上,深色模式会更显高级有质感。

像是前段时间出的ios13

以及ColorOS 暗黑的UI设计

2. 大胆的配色
随着消费视野和时代的发展变迁,近两年,大胆鲜艳的配色设计占的比重逐渐加大。色彩是一种视觉语言,更是一种更直观的信息传达;色彩是具有感情的,能让人产生联想、感知冷暖。并且亮色系在一定的视觉呈现上,能够起到引领的作用,带来的是正面、积极、充满活力的视觉影响;既可以作为主色调,也可以作为辅助色系,烘托出氛围。



不仅只局限于UI设计,在品牌形象上也有体现
像最近变黄的美团、facebook等
都将品牌色提升了一定的明度和亮度
赋予了品牌一定的情感色彩


3. 更多的插画被应用在UI中
插画在于创意性和轻巧性,连接了设计,还带有内容的呈现,同时又带有艺术化的属性;让其能够跟更轻松地根存于数媒化时代,并且插画的应用能够让画面更加丰富和生动、更具表现力;同时又兼具一定的原创性,不像文字一样需要依托可读性设计,图片和插画则会被直接识别,满足了大众对图画的识别和鉴赏能力。
并且目前的插画趋势也有
从最初的Saas系统插画设计类型

到现在偏向圆润线条、大色块对比的插画

以及到色彩运用逐渐多元化的插图设计
例如渐变


4. 脉络叙事(故事性)
为了帮助用户在使用产品过程中,以最快速的方式读懂产品用途和属性,一般会赋予产品一定的故事性,以此让用户获得更简单和流畅的体验。有的故事是令人难忘的,因为剧情的走向和起承转合会给人留下深刻的印象。而叙事性的UI/UX设计,能够让清晰的形象将文字和意象衔接起来,起到一定的顺承作用,制造出故事的冲突点和记忆点,表达出情感之余还能凸显个性。


例如一些游戏中的UI界面的设定
就是要方便玩家快速找到讯息点为开创点
QQ飞车

王者荣耀

5. 微交互动效
微交互动效能够让内容在动态交换的状态下,显示出连续性,将操作的结果可视化,能够提升用户直接的操纵感;在用户无意识的使用过程中,它可以利用自身达成用户的心理预期,建立起用户的心智模型。也就是说,它能够在一定程度上强化信息传达,提升记忆点。


例如支付宝的绑卡功能中的扫描银行卡的选择
微信的语音转文字等等
都属于微交互

6. 关注功能性
像前面的微交互,一般是适用于单个的场景塑造,并且有一定的限制,只能完成一项任务或者只影响一个数据,像是音量的调节键,只影响了音量的大小。所以,UI的设计也会越来越注重功能性,会不断地完善一些视觉或功能选择需求,例如增加选择的方向、兼顾视觉的呈现等。让用户能更快地找到自己想要的信息,以及能更方便地知道更多渠道的信息。

IOS13的相机功能提升

(可以通过电脑操作手机里的应用)

除此以外还会越来越注重细节的处理

像是One UI2.0中的调节键细节
对应选项加粗,会变成柱状
调节完毕后恢复原来的细状
让整体设置的机能更加明显化

7. 应用视频到UI中
在信息传达速度变快的时代,视频将是最好的传播载体;无论是动画还是电影的形式,都是最普适于大众的,也更方便观者搜集讯息的。
像是2019年苹果公司的开场动画
插画
1. 角色
插画的角色是定义在整个品牌形象的基调上的,要凸显出品牌对外输出的文化价值和体现;通过插画的设计形式处理,为角色灌入了强烈的个性或者亲和力,有助于形象的再次传播和文化输出,让品牌形成初次的视觉印象。

像是红米的KINO

M&M的小黄豆

还有品牌中的京东的小狗、天猫的猫等
都是赋予了它们品牌的角色形象
使其更加有亲和力,更加生动和拟人化
2. 纹理
利用不同的纹理或者笔刷去强化插画的视觉呈现,使其凸显出强烈的个人风格之余,还能为画面增加质感。
中国机长

BBC神秘博士

GUCCI插画


SK-II蒸汽波风格的插画设计

3. 扁平描边插画
扁平化的插画设计在近两年都是一个设计的趋势,并且未来的插图设计或许将会往极简方向表达。简易化的插图能更直观地被人领悟和看到,更简单和快速地带观众进入主题,也能让画面的内容更有思想和新奇有趣。


SK-II

除此以外,国漫风的插画
也将是2020的设计趋势
因为现在国潮风气尚行
注重文化价值输出



4. 2.5D
2.5D(也叫轴测图)依然会流行,只是更多会应用于UI设计中日常的宣传中。
金点奖海报

虎牙




5. 3D
设计工具的升级和高效体验,也让3D设计越来越受欢迎,3D展示出了和2D不同的立体逼真效果,能给观者带来不一样的视觉冲突。
爱马仕橱窗设计


金点奖

梦幻西游

模拟人生游戏


6. 大胆的颜色运用
用色大胆的插画,会在第一时间抓住大家的视线,营造出极具冲击感和强视觉的画面。并且大胆、碰撞的用色会刺激人的视觉感官,从而深化对插画画面的印象,大胆的用色也能够活跃画面氛围,给人丰富的创造力和表现力,带来无穷的想象空间。

LOUIS VUITTON x 山本宽斋合作系列

GUCCI

麻将眼影盘设计

动态图形
1. 3D视频
三维视频可以通过三维制作的方式去实现产品的外观、属性以及具体功能展示;能彰显产品的优势与特色,让用户一目了然;减少了业务员一些不必要的工作和时间,避免了长篇大论的解说,达到快速展销产品的效果。
并且3D视频能用视听讲解配合生动说明的画面,利用最短且最有效的时间将信息精准地传达给用户。以此抢占用户的心智,快速赢得消费者的好感,赢得充分的宝贵时间,通过3D视频的形式让用户主动且深入地了解产品,在这个基础上能增加对企业的信任度和认知度。
例如:
华为Mate 10 Pro旗舰手机开箱视频
2. 视频+动画插图(混合媒体)
在静态的图片中插入动态的插图或图案,能够带来一定的视觉冲突,一静一动,刺激用户的视觉感官。
南非投资银行Sygnia的品牌插图和动画


EXO正规6辑《OBSESSION》CHEN


leman.jf



3. 2D动画——介绍性视频
2D动画多以矢量形式居多,聚焦在故事的呈现和主题创作中,但是针对目前的国内市场,2D的受欢迎程度会略低于3D。

4. 动态LOGO
LOGO动态化,是未来品牌必备的呈现方式。因为当动态LOGO和传统LOGO同时存在时,当LOGO呈现动态的时候,则多了一种可以传达品牌故事的方式,不再局限于平面表达,可以提升用户的体验感;并且,动态的LOGO呈现可以让品牌有更高的识别度,能够唤醒和激发用户的不同情绪,吸引他们的注意力;在未来的品牌呈现上,也利于在不同的社交平台传播和营销,更易于共享。
《黑寡妇》独立电影动态LOGO

via Adam Grabowski

其他动态LOGO展示



5. 2D与3D的混合动画
2D+3D的混合模式需要掌握更多的技巧和设计美学,若是混合得不好,则很容易会让人很出戏。
《蜘蛛侠:平行宇宙》

《飞驰人生》

《迪丽丽的奇幻巴黎》

平面设计

1. 在平面设计中运用3D元素
在平面设计的画面中加入3D效果,会使整体呈现的效果更加逼真,更有体积感,让用户的眼睛停留得有冲突感,冲击固向思维。

2. 双色调
通过“少即是多”的设计理念,通过两种色彩之间的碰撞、叠加等,呈现出融合且统一的画面,;既避免了色彩过多导致的画面杂乱,还可以通过渐变映射,在单色的背景上凸显出主体个性。


七月与安生

飞虎之雷霆极战


我就是演员

3. 欧普艺术(Optical Art)
欧普艺术是精心计算的“视觉的艺术”,又被称为“光效应艺术”和“视幻艺术”,使用明亮的色彩, 造成刺眼的颤动效果,达到视觉上的亢奋;通过线条、形状、色彩的周期组合或特殊排列,呈现出抽象、神秘、抖动、膨胀或扭曲的姿态,看似是动态,实则是静态的视觉印象,是连接艺术和幻觉感知的桥梁,极具视觉冲击感。



KZ·KSIEZYC

4. 动态海报
设计师 Cem Yönetim 的动态海报作品



5. 复古科技风(赛博朋克)
赛博朋克是 80 年代出现的一种趋势,随着外国电影的热潮再次掀起,又被流行起来,多以霓虹灯感、线条和饱满的形态呈现。
《怪奇物语》

粉制漫威系列电影海报


steam海报


这就是街舞

《美国众神》

6.瑞士平面风格,达达主义,包豪斯
设计圈也是一个轮回,以前风靡的时代设计形式,再次回归到当下的时代发展轨迹中, 瑞士平面风格、达达主义和包豪斯风格强调版式,无衬线字体(其中无衬线字体就是包豪斯设计的)、几何图形、简单的线条、体积感和颜色等元素的运用。
奥地利平面设计师Birgit Palma

黑天鹅的海报设计


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







8.极简主义

技术趋势
科技正在用智能设备和全新的理念给我们的生活带来革命性变化。这些新技术使得设计师们已经开发出了符合当前趋势的新功能。人工智能,机器学习,虚拟现实和增强现实正在影响着设计师们的思维方式和创作方式。
1. 增强现实的移动应用

2. AI,机器语言,聊天机器人,虚拟助手
聊天机器人是一种软件,它通过听觉和文本的方式进行交互。这些程序经常设计成模拟人类进行对话。
小度

小爱同学

SIRI

3. VR
对于游戏行业来说,VR当前仍是一个居中的存在,VR技术的限制让它不能与大部分游戏类型相合,固定视角的游戏、2D游戏;另外它还需要有基础的设备铺垫,价格相对高昂,很难向大众普及,但是它有着巨大的发展前景和潜能,将会掀起一场革命。只能说,在2020实现全面普及还一定的难度。
小米VR

华为VR

4. 语音用户界面
小绿的语音转文字功能

产品设计
包装上的图案
未来的产品设计会更加注重包装的设计呈现形式,因为作为和用户沟通的第一视觉,包装的视觉效果也在某种程度上影响着产品的销售和宣发,还会在一定程度上注入故事,为产品包装带来叙事性,赢得情感转化。
并且包装的设计会偏向插画、极简风、大胆的撞色对比等手法,以吸引用户的眼球,满足对美感的追求。
Adobe


YSL

Dior环保吸管组


香奈儿

伊利

冷酸灵牙膏

霸王洗发水

字体
1. 粗体
粗体字设计相对细体来说,在品牌传播时会更清晰、饱满有力;并且无衬线的字体设计趋势,在2019年的品牌换新中都可以看到,未来也将是一种设计趋势。足够粗大的字体还能代替一定份量的图形或图片,以此提升画面的平衡和使画面更简洁明了。
奇葩说

LV

YAHOO

还有品牌自身设计字体
也将会是品牌提高竞争力的一个要点
OPPO

阿里巴巴普惠体

2.动态字体

3. 堆叠字体


工具趋势
1. Adobe Spark

2. Procreate

3. Adobe XD
