2020年设计细节流行趋势 (2020设计趋势指南重磅发布)

转眼间已经开始2020倒计时了

设计师们,在2019这一年里

你的设计水平有提升了吗??

扎心吧~

前段时间Behance发布了2020设计趋势

这已经是它连续第五年发布设计流行趋势了

带领大家对设计行业进行不断的探索和分析

看看2020年的设计会呈现怎样的趋势

24年设计趋势,2020设计趋势指南重磅发布

首先,从2020年的设计趋势预测

分为以下几个部分

①UI / UX

②插画

③动效设计

④平面设计

⑤技术趋势

⑥包装

⑦字体

⑧工具趋势

其中,2020年总的设计趋势预测中

将会主要以Motion Animations为主趋势

即(动效设计和动画设计)

动态设计比一般静态的平面设计更有感染力和互动性,有意义的动态设计可以在宣传中扮演许多不同的角色,例如:引导、协助、互动、趣味、愉悦感、提供文本脉络等;但是这个前提是这样的设计要在基于协调和平衡之间,不可过多或违背常理。

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

那接下来,我们就来一一分解

UI / UX

1. 深色模式

深色模式会在系统界面、系统程序页、键盘、Animoji 背景都会呈黑色底色显示。

在深色模式下,用户在暗光场景下查看手机时不会因为App高亮的底色而感到刺眼和疲劳,深色模式能起到一定的护眼和专注作用。并且在某种程度上,深色模式会更显高级有质感。

24年设计趋势,2020设计趋势指南重磅发布

像是前段时间出的ios13

24年设计趋势,2020设计趋势指南重磅发布

(左边浅色模式,右边深色模式)

以及ColorOS 暗黑的UI设计

24年设计趋势,2020设计趋势指南重磅发布

2. 大胆的配色

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

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

不仅只局限于UI设计,在品牌形象上也有体现

像最近变黄的美团、facebook

都将品牌色提升了一定的明度和亮度

赋予了品牌一定的情感色彩

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

3. 更多的插画被应用在UI中

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

并且目前的插画趋势也有

从最初的Saas系统插画设计类型

24年设计趋势,2020设计趋势指南重磅发布

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

24年设计趋势,2020设计趋势指南重磅发布

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

例如渐变

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

4. 脉络叙事(故事性)

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

24年设计趋势,2020设计趋势指南重磅发布

例如一些游戏中的UI界面的设定

就是要方便玩家快速找到讯息点为开创点

QQ飞车

24年设计趋势,2020设计趋势指南重磅发布

王者荣耀

24年设计趋势,2020设计趋势指南重磅发布

5. 微交互动效

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

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

例如支付宝的绑卡功能中的扫描银行卡的选择

微信的语音转文字等等

都属于微交互

24年设计趋势,2020设计趋势指南重磅发布

6. 关注功能性

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

24年设计趋势,2020设计趋势指南重磅发布

IOS13的相机功能提升

24年设计趋势,2020设计趋势指南重磅发布

Note 10 Your Phone 手机屏幕镜像的功能

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

24年设计趋势,2020设计趋势指南重磅发布

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

24年设计趋势,2020设计趋势指南重磅发布

像是One UI2.0中的调节键细节

对应选项加粗,会变成柱状

调节完毕后恢复原来的细状

让整体设置的机能更加明显化

24年设计趋势,2020设计趋势指南重磅发布

7. 应用视频到UI中

在信息传达速度变快的时代,视频将是最好的传播载体;无论是动画还是电影的形式,都是最普适于大众的,也更方便观者搜集讯息的。

像是2019年苹果公司的开场动画

插画

24年设计趋势,2020设计趋势指南重磅发布

1. 角色

插画的角色是定义在整个品牌形象的基调上的,要凸显出品牌对外输出的文化价值和体现;通过插画的设计形式处理,为角色灌入了强烈的个性或者亲和力,有助于形象的再次传播和文化输出,让品牌形成初次的视觉印象。

24年设计趋势,2020设计趋势指南重磅发布

像是红米的KINO

24年设计趋势,2020设计趋势指南重磅发布

M&M的小黄豆

24年设计趋势,2020设计趋势指南重磅发布

还有品牌中的京东的小狗、天猫的猫等

都是赋予了它们品牌的角色形象

使其更加有亲和力,更加生动和拟人化

2. 纹理

利用不同的纹理或者笔刷去强化插画的视觉呈现,使其凸显出强烈的个人风格之余,还能为画面增加质感。

中国机长

24年设计趋势,2020设计趋势指南重磅发布

BBC神秘博士

24年设计趋势,2020设计趋势指南重磅发布

GUCCI插画

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

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

24年设计趋势,2020设计趋势指南重磅发布

3. 扁平描边插画

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

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

SK-II

24年设计趋势,2020设计趋势指南重磅发布

除此以外,国漫风的插画

也将是2020的设计趋势

因为现在国潮风气尚行

注重文化价值输出

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

4. 2.5D

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

金点奖海报

24年设计趋势,2020设计趋势指南重磅发布

*牙虎**

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

5. 3D

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

爱马仕橱窗设计

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

金点奖

24年设计趋势,2020设计趋势指南重磅发布

梦幻西游

24年设计趋势,2020设计趋势指南重磅发布

模拟人生游戏

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

6. 大胆的颜色运用

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

24年设计趋势,2020设计趋势指南重磅发布

LOUIS VUITTON x 山本宽斋合作系列

24年设计趋势,2020设计趋势指南重磅发布

GUCCI

24年设计趋势,2020设计趋势指南重磅发布

麻将眼影盘设计

24年设计趋势,2020设计趋势指南重磅发布

动态图形

1. 3D视频

三维视频可以通过三维制作的方式去实现产品的外观、属性以及具体功能展示;能彰显产品的优势与特色,让用户一目了然;减少了业务员一些不必要的工作和时间,避免了长篇大论的解说,达到快速展销产品的效果。

并且3D视频能用视听讲解配合生动说明的画面,利用最短且最有效的时间将信息精准地传达给用户。以此抢占用户的心智,快速赢得消费者的好感,赢得充分的宝贵时间,通过3D视频的形式让用户主动且深入地了解产品,在这个基础上能增加对企业的信任度和认知度。

例如:

华为Mate 10 Pro旗舰手机开箱视频

2. 视频+动画插图(混合媒体)

在静态的图片中插入动态的插图或图案,能够带来一定的视觉冲突,一静一动,刺激用户的视觉感官。

南非投资银行Sygnia的品牌插图和动画

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

EXO正规6辑《OBSESSION》CHEN

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

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

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

24年设计趋势,2020设计趋势指南重磅发布

4. 动态LOGO

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

《黑寡妇》独立电影动态LOGO

24年设计趋势,2020设计趋势指南重磅发布

via Adam Grabowski

24年设计趋势,2020设计趋势指南重磅发布

其他动态LOGO展示

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

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

2D+3D的混合模式需要掌握更多的技巧和设计美学,若是混合得不好,则很容易会让人很出戏。

《蜘蛛侠:平行宇宙》

24年设计趋势,2020设计趋势指南重磅发布

《飞驰人生》

24年设计趋势,2020设计趋势指南重磅发布

《迪丽丽的奇幻巴黎》

24年设计趋势,2020设计趋势指南重磅发布

平面设计

1. 在平面设计中运用3D元素

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

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

2. 双色调

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

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

七月与安生

24年设计趋势,2020设计趋势指南重磅发布

飞虎之雷霆极战

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

我就是演员

24年设计趋势,2020设计趋势指南重磅发布

3. 欧普艺术(Optical Art)

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

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

KZ·KSIEZYC

24年设计趋势,2020设计趋势指南重磅发布

4. 动态海报

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

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

5. 复古科技风(赛博朋克)

赛博朋克是 80 年代出现的一种趋势,随着外国电影的热潮再次掀起,又被流行起来,多以霓虹灯感、线条和饱满的形态呈现。

《怪奇物语》

24年设计趋势,2020设计趋势指南重磅发布

粉制漫威系列电影海报

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

steam海报

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

这就是街舞

24年设计趋势,2020设计趋势指南重磅发布

《美国众神》

24年设计趋势,2020设计趋势指南重磅发布

6.瑞士平面风格,达达主义,包豪斯

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

奥地利平面设计师Birgit Palma

24年设计趋势,2020设计趋势指南重磅发布

黑天鹅的海报设计

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

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

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

8.极简主义

24年设计趋势,2020设计趋势指南重磅发布

技术趋势

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

1. 增强现实的移动应用

2. AI,机器语言,聊天机器人,虚拟助手

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

小度

24年设计趋势,2020设计趋势指南重磅发布

小爱同学

24年设计趋势,2020设计趋势指南重磅发布

SIRI

24年设计趋势,2020设计趋势指南重磅发布

3. VR

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

小米VR

24年设计趋势,2020设计趋势指南重磅发布

华为VR

24年设计趋势,2020设计趋势指南重磅发布

4. 语音用户界面

小绿的语音转文字功能

24年设计趋势,2020设计趋势指南重磅发布

产品设计

包装上的图案

未来的产品设计会更加注重包装的设计呈现形式,因为作为和用户沟通的第一视觉,包装的视觉效果也在某种程度上影响着产品的销售和宣发,还会在一定程度上注入故事,为产品包装带来叙事性,赢得情感转化

并且包装的设计会偏向插画、极简风、大胆的撞色对比等手法,以吸引用户的眼球,满足对美感的追求。

Adobe

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

YSL

24年设计趋势,2020设计趋势指南重磅发布

Dior环保吸管组

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

香奈儿

24年设计趋势,2020设计趋势指南重磅发布

伊利

24年设计趋势,2020设计趋势指南重磅发布

冷酸灵牙膏

24年设计趋势,2020设计趋势指南重磅发布

霸王洗发水

24年设计趋势,2020设计趋势指南重磅发布

字体

1. 粗体

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

奇葩说

24年设计趋势,2020设计趋势指南重磅发布

LV

24年设计趋势,2020设计趋势指南重磅发布

YAHOO

24年设计趋势,2020设计趋势指南重磅发布

还有品牌自身设计字体

也将会是品牌提高竞争力的一个要点

OPPO

24年设计趋势,2020设计趋势指南重磅发布

阿里巴巴普惠体

24年设计趋势,2020设计趋势指南重磅发布

2.动态字体

24年设计趋势,2020设计趋势指南重磅发布

3. 堆叠字体

24年设计趋势,2020设计趋势指南重磅发布

24年设计趋势,2020设计趋势指南重磅发布

工具趋势

24年设计趋势,2020设计趋势指南重磅发布

1. Adobe Spark

24年设计趋势,2020设计趋势指南重磅发布

2. Procreate

24年设计趋势,2020设计趋势指南重磅发布

3. Adobe XD

所以,大家在2020年的设计灵感

也可以收藏文章参考参考咯

不过最重要的,还是要服务于市场

尽管趋势再怎么复杂或简单

还是要尊重市场的节奏和调性