恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
2021年设计趋势(综合)
0.0°
2020-12-30 好文转载 经验/观点 原作者: 未知 举报 4846 41 12 1

2020年最后几天了!希望每个热爱设计的人不忘初心,带着对21年的期许,创作更多优秀的作品!一起加油鸭~

2020年就剩下最后几天了!马上就要结束这极不平凡的一年,这一年似乎有许多东西都放慢或者停滞了,比如2020年的设计趋势没有发生太大的变化,依旧是扁平风、微投影、轻拟物、插画手绘这些,但是2020年的许多因素却对2021年产生了很大的影响。

接下来为大家分享的是最近一段时间我在设计平台上看见的文章,都是预测2021年的设计流行趋势,自己进行了一个归纳梳理,本文分的比较细,由16个部分组成(GIF较多,加载可能有点慢,要有耐心哟):

o 3D设计                                                           o UI/IXD设计                                        

o 插画设计                                                         o 动效&交互

o 色彩趋势                                                         o 图形趋势

o 字体趋势                                                         o UI界面

o 网页趋势                                                         o 平面设计

o 包装设计                                                         o Emoji

o 仿真材质                                                         o 复古与未来

o 趋势工具                                                         o 最后总结 

3D设计

随着现在互联网的高速发展,软件变得更加智能,设计也由2D逐渐向3D看齐,3D已经出现在各个设计分支中了。设计变得更多元、新颖,不同风格之间进行碰撞,新技术也被广泛应用在设计中,更好的服务大众。

Example by Bihhel

3D风格因为足够立体逼真,不仅具有艺术性,还容易吸引用户的目光,从而减少用户跳出,提高了用户的转化率。

3D设计充分利用了现代技术进步和软件功能。互联网和技术速度的提高,层出不穷的设计软件都为设计师尝试3D设计提供了可能。B端设计师们也在页面中加入3D立体图形来制造空间感,增强美观感,让页面更加吸引人。

 1.1 3D文字

字体设计在2020年已经非常流行并被广泛应用,而在2021年,3D化的文字设计将成为流行趋势。

3D文字的生动、逼真给人一种触手可及的感觉。除了3D之外,动画、纹理、图案等元素也可以运用在文字上。

Example by Leonardoworx LWX

Example by hayoung lee

1.2 3D图标 

3D图标是2021年UI设计的新趋势,如果你厌倦了过去十多年扁平化主导的图标设计,不如试一下清新而现代的3D图标吧。

David Kovalev Apple not flat

与2D设计方法设计图标一致,都是先勾画图形(建模),然后填色、加材质和灯光,但不同的是在3D环境下,这一切都比2D环境下简单多了,而且视觉效果更佳,整体画面感更加立体,质感更加饱满,并且根据渲染器的参数调节和材质质感的不同,即使是在同一模型下,也能制造出很多种不同的视觉体验。

gary liu App icon using Adobe Dimension

3D图标的确有一些天然的优势,特别是在质感和光感的表达准确度上,是绝对超过2D的。

Seunghyun Kang Skeuomorphism

但是2D图标在一些风格的设计也是很难替代的,比如线性图标和渐变风格图标。

常见的 ICON 用3D重构展示,也许未来你会在产品中看到更多以下这种图标,让我们拭目以待吧。

1.3 3D插画

3D插画一直很热,而且它变得越来越容易,初级UI设计师也可以轻松创建3D插画了(试试3D工具Spline——虽然目前还在beta版,但是太神奇了,而且很容易使用)。3D也被广泛应用于全屏动画中作为主视觉,简约而色彩鲜明的3D插画也将成为2021年插画的流行风格之一。

Titi Lyao 3D illustration

这张图像由不同形状、纹理和颜色的几何物体设计而成,表达了Adobe Think Tank包含各种主题论坛的品牌特征。

@Omar aqil design

1.4 3D视频

有机形态通常以3D形式被应用,并且广泛应用于SNS共享的短视频作品中。今年尤其有很多透明质感的案例,这些透明材质运用各种颜色,使色彩搭配产生变化,营造出神秘的气氛。

PANGKESHI WENZUO

SICREDI CONECTA

当2D和3D图像组合在一起,立体效果可以更加独特和突出。这是使用了此方法的视频案例。

@Sergio Fuego @giantantstagram

有很多作品很难知道它是2D还是3D。用3D表达物体运动,而不是简单地使用2D图形,这种视频能传达一种新的视觉感受。

@phellaz @blublustudios

1.5 3D人物

 UI / IXD设计

2.1 APP vs 移动网页

2021年如果还不是移动优先的网站肯定是过时的,现在5G时代的到来,在大多数业务领域,最好的体验来源于用户在使用的应用程序,所以这些企业专注于应用程序的开发和实施。

为了更好的用户体验和交流,线上商店,社交媒体平台,交易平台等会选择把顾客迁移到App。那些把重心放在移动网站服务的平台,会发现不论是向用户展现自身还是发展方面都处于劣势。根据《福布斯》网站的数据分析(Forbes.com),移动用户在App花费了90% 的时间,而在浏览器和移动网站的花费仅仅为10%。当然App同样有劣势,比如更高的研发和维护成本。

2.2 色彩与留白

色彩是UI设计中最重要的视觉元素,能强调内容和加强品牌辨识度;一个色彩主题设计应该是和谐的,它能帮助UI元素和外观很容易彼此区分开。

Tran Mau Tri Tam Analytics

外观包括标题、卡片、表单以及置于背景层上的元素。这些卡片是白色的并且有柔和的阴影过度,这样能创造一种悬浮效果;通常背景是白色的或者是浅灰色。

Kostia Varhatiuk 3D Wallet App Exploration

如果你不想在选择色彩上花费太多时间,这些网站能帮助你生成漂亮的丰富的色彩组合。例如:

渐变色搭配网站: 

https://webgradients.com/ 

扁平化设计配色网站:  

http://flatuicolors.com/

可生成一套色板的网站:

https://colorhunt.co/

2.3 组件与尺寸

IOS 14带来的一些新改变会影响整个UI设计,组件有小、中、大3个尺寸,用户可以自由布置界面,因此设计师必须设计3种尺寸风格的组件。

Varya Panyukova IOS 14

每一种尺寸呈现的信息量是不一样的,所以你需要清晰的展现正确的内容,更大的组件能呈现更多的信息和数据。

Alex Muench Apple Widgets UI Kit for Figma

2.4 动画与交互

动画是APP设计和用户体验设计中的重要部分,当下设计中如果都是静态没有相应动画,似乎就像是一个半成品。

有很多方法制作动画,这里就有一些:JSON能将你的图片与动画渲染成代码。JSON动画的优势是,相比于GIF它比较小并且支持全透明。

几年以前,Airbnb的一个家伙创造了一个名为Lottie的工具,这个工具制作小动画非常容易。Lotties对于IOS、安卓和RN都是开源的库,能实时渲染动画。如果你还没有用过,应该尝试一下。

 插画设计

3.1 细描边插画

线稿填色(细描边插画)这种插画风格的流行在2020年已经初见端倪,在2021年也将继续流行下去。

Nahuel Bardi Styleframes for animation

Odd Bleat * Revolut - Animated Loops

3.2 受80年代漫画启发的复古插画

Fago Studio Bonniers Book | A trip to the future

时尚是个圈,70、80年代怀旧风漫画将在2021年重回潮流。这种经典风格的插画特点是使用轮廓、简单的形状和一些细节填充。

Xulia Vicente Various drawing

3.3 夸张的形状和色彩

这种风格的插画非常像凌乱的涂鸦,乍看未完成,但所有的细节都是经过深思熟虑的。

Bernardo Henning Quartz

重叠的形状和强烈的色彩让这些插画与众不同,同时能够有效激发灵感。

Totoi Semerena Tropical ✦ Geo V

△ Bernardo Henning Quartz

3.4 经典卡通

经典的卡通插画风格将在2021年变得流行起来,这类风格同时会出现在动效中。

Zombie Studio USE ELO

Mari Kinovych, Nick Zaychenko

3.5 定制插画

Thomas Hedger OFFBLAK Tea

经过深思熟虑后设计的独特插画可以为你的品牌故事产生广泛的影响。因此必须谨慎地选择能够传达品牌情感的插画。它们必须是有意义的,而且能给品牌带来一致性。

lucia del zotto Mejo

动效&交互

在技术和商业的驱动下,动效设计开始蔓延到各个设计领域,从 LOGO 、 UI到大型运营活动,动画一直以别具一格的方式活跃在设计舞台。富有创造力的动效设计可以使信息更快更准确地传达给受众、强化用户的视觉感受。


4.1 循环动效

魔性的循环动效,非常符合当下的传播特性。对于运营、品牌推广而言,循环动效能赋予其趣味性,让用户更加沉浸地去了解相关信息。

下面是设计师和OMEGA合作的一个作品,无限循环的3D动画结合OMEGA精准的计时功能,让整个画面严谨却不失趣味,给观者带来无限的想象空间,也让受众更加关注画面中所推荐的产品。

4.2 微动效&微交互

微动效和微交互通常不会做得特别的显著,但是它们会深入到 UI 界面的各个地方,按钮,小图标,行为召唤式的文本,翻页按钮,光标,产品图,弹出框等等。

微动效和微交互从最初的只需要确保可用性,到如今需要好看易用又有趣,可以说要求是比以往有明显提高了。在接下来的 2021 年可以预测的是,微动效会更加强调趣味性和交互性。

微动效不只增强了插图的氛围,同时让产品信息更易于理解和记忆。微动效的时长较短,用户在精力有限的情况下,去接受作品所花费的时间成本也会较少。相对于静态设计作品,微动效设计传播速度会更快更具有优势。

4.3 逼真的3D VFX

VFX或视觉特效,是将现有的镜头与计算机生成的图像相结合,创造出逼真的场景。随着众多方便友好的软件出现,VFX开始在视频和短片中会变得更加普及。

REALME NARZO 20PRO

4.4 动态LOGO

Consultly logo animation

动态logo已经出现了好几年了,但现在他们被更多的品牌使用,因此非常值得我们的注意。
打开App之后,我们首先看到的就是logo,将logo与动效结合能给用户留下深刻印象,从而更容易记住品牌。

COOK- Logo animation

Kote | Logo animation

色彩趋势

5.1 亮丽黄&极致灰

PANTONE发布2021双流行色

去年12月,享誉全球的色彩权威机构潘通(Pantone)公布了2020年度的代表色:经典蓝(19-4052 Classic Blue)。

经历了这一年的动荡不安和迷茫悲伤,潘通选择了极致灰(17-5104 Ultimate Gray)和亮丽黄(13-0647 Illuminating)作为2021年度的代表色,意在传达持久振奋的力量与希望。这是继2016年的石英粉和静谧蓝之后,第二次出现双色组合。

潘通认为极致灰象征稳定可靠的素质,默默地安定人心,有稳定与韧性的感觉;亮丽黄是太阳能量的色调,充满活力和积极向上。两个色彩支持彼此,实用又稳固,温暖又乐观。

灰黄的配色本就经典,活泼与沉稳的结合,不仅凸显了黄色所带来的愉悦和活力,还营造出一种和谐的视觉反差。


Pantone官方表示,希望借这个色彩故事将深思熟虑的深层感受与阳光友善的希望浓缩在一起,为新一年带来鼓舞与振奋。

5.2 色彩渐变

视觉冲击、对比、大胆

明亮色彩渐变、梦幻且强烈的颜色碰撞趋势也将持续火热。相对于前两年的视觉冲击力较强的赛博朋克以及镭射渐变有着明显风格的场景,在渐变色的基础上加入了更多相关内容的标签场景,不局限一种配色方案将各种明亮色彩与不同的媒介的场景结合起来,碰撞出有趣的设计。

在画面中加上一些模糊或者留白的处理来减轻画面中的明艳程度降低色彩的亮度,让画面呼吸起来。在设计中使用不同的元素,利用规则图形或者几何图形,强调画面里鲜艳的颜色。并重复使用为其构建图案或者不同的鲜艳矩形,让画面极具视觉冲击力。

5.3 化繁为简的色彩

单色、双色、荧光色

将画面的主色调限制为3种以下的色调,用简单极致的配色化繁为简,使整体画面的重点区域显得更加有视觉冲击力,也可以互补使用以获得更高的强度和对比度。吸引用户的注意力引导他们去重点展示的地方。

简单的配色与现实中常见的的材质,例如折纸、3D、塑料包装袋,结合在一起碰撞出的火花,会有更大的惊喜感哟。

5.4 霓虹渐变

现实生活中,炫彩夺目的霓虹灯效果常被应用于广告牌、灯箱的展示中,在暗夜的烘托下,霓虹灯展现出光影陆离的光影效果,吸引着人们的眼球,留下强烈的视觉冲击。突出主体,渲染氛围,使整个画面的色调更加活力化、年轻化。

霓虹色特点总结:

1、以紫色、蓝色、洋红为主的冷暖色搭配;

2、整体颜色对比度高;

3、以冷色调为主,局部暖色调,搭配霓虹光感对比色点缀;

4、背景用暗色调更能凸显霓虹效果;

5.5 轻量渐变

通过对2021年色彩趋势分析发现,渐变色的运用仍然非常流行。相较之前运用较多的强视觉冲击类——对比色渐变,轻量渐变在色彩运用上变得更加理性与克制。主要特征为轻量、柔和、层次递进,营造一种舒缓、治愈的沉浸感。

根据强弱程度分类,渐变主要分为强渐变和弱渐变,轻量渐变属于弱渐变范畴。在过渡的过程中,轻量渐变特点为渐变色彩邻近,幅度轻柔,节奏缓慢,融合感和细腻感较强。

轻量渐变特点总结:

轻量渐变特点之一为明度高、饱和度低,色彩轻量而透气。在轻量渐变的使用过程中,同色系、邻近色系较多,其过渡自然柔和。

5.6 高饱和度色系

在过去的两年中,高饱和度色系的应用已经是重要的趋势之一。年轻人作为移动互联网的主力军,他们青春,活力,有朝气,因此,代表年轻活力群体的鲜艳,高饱和度色彩成为视觉主流趋势之一。偏高饱和度色彩更易吸引用户注意力,烘托主体,影响用户情绪,提高品牌的识别性,增强品牌影响力。


高饱和度色系特点总结:

1、颜色饱和度高,艳丽;

2、色彩丰富多样;

3、视觉冲击力强;

虽然高饱和色彩视觉冲击力强、更容易传递情绪,但在使用时仍需克制使用。

原因:

1、过高的饱和度,容易产生视觉疲劳;

2、高饱和度的颜色并不适合所有的用户群体.

这里说的高饱和度的颜色,并不是一味追求高饱和刺激性颜色,我们在使用时候,仍需对颜色的明度,饱和度进行合理设置,这样才能保证我们视觉上的舒适性。

5.7 梦幻色 / 幻彩色

我们将富于想象力的色彩,或者说体现人生丰富多姿的色彩称之为“梦幻色彩”,像泡沫、像天使、 像梦境、像糖果......

梦幻色/幻彩色特点总结:

配色方面和谐,视觉效果相对温暖柔和;常以简单、干净的背景为衬托,烘托主体物以及主色调;色彩场景偏向幻想、天马行空的自由世界,给人以浪漫的色彩感受,容易令人沉浸在画面的温暖氛围中。

现在色彩作为重要的视觉语言被越来越多的设计师所关注,而在实际设计作品输出中,颜色也扮演着将产品理念传递给用户的媒介⻆色。所以完整的设计作品是离不开色彩的表现的,那么了解色彩趋势就会显得尤为重要。而在众多颜色中的梦幻色,更是极具前沿性和突出感的色彩。

虽然梦幻色没有特别靓丽夺目的色彩特点,但在梦幻色的使用中所烘托出的特定氛围,不但突出了不同产品的特点,也更加满足了用户的情感需求。

色彩趋势总结:

日新月异的生活是色彩趋势的灵感来源,这使得色彩的流行趋势不断更新变化着。作为设计师的我们,要保持一颗敏锐的心,不断从现实生活中捕捉灵感,将自然赋予我们的宝贵灵感运用于作品中,从而增强设计的原创性,给设计行业注入新鲜血液。其次,趋势是方向,不能盲目追随,需要不断思考总结沉淀升华,并将其合理运用至自己的作品或项目中。

图形趋势

6.1 弥散图形

弥散图形在今年很多设计中出现频率较高,整体视觉效果充满无限想象与思考。

特点是通过几何图形,由单边或者四周开始进行模糊或者虚化处理,然后配合色彩以达到弥散开来效果。

2020年日本艺术院校毕业设计展海报——神户艺术工科大学

6.2 超形态几何

超形态几何直观表意就是无规则有序几何,它带来全新的设计感官感受。配合色彩与有序的几何重复组合,以达到视觉主题设定。

代表作品来源于深圳设计周「主视觉」

舒格兰平面设计节海报,重复线条的艺术。

6.3 液态与透明图形

在2020年,液态视觉毫无疑问是当前最受关注的视觉风格之一。这种效果看起来像流动的各种液体,它的质感柔软呈现微透明状态,整体质感给人轻盈、透亮。在设计中不仅可以很强的吸引人眼球,同时无论是作为背景元素,还是装饰都让人过目难忘。液态视觉除了视觉感官层面会让你记忆深刻,它的整个视觉概念也新颖独特。

6.4 图形动态化

图形动态化在近年来使用越来越广泛,包括在web端运营首页也是比较常见。它最明显的特点就是静态中有动态,动态中有延伸,吸引观众注意力。

字体趋势

不久前Creative Boom官网正式公布了2021年度最受欢迎的字体趋势预测,有24款字体上榜。其中包括:6款Sans Serif fonts(无衬线字体)、4款Slab Serif fonts(粗衬线字体)、8款Serif fonts(衬线字体)以及6款Display fonts(标题字体)。下面就为大家分享一些吧哈哈。

现今,字体作为重要的视觉语言被越来越多的设计师所关注,字体本身对于塑造品牌、塑造企业形象就有着至关重要的作用,而在实际设计作品输出当中,字体也扮演着将产品理念传递给用户的媒介角色。可见,完整的设计作品是离不开文字的造型表现的。

7.1 标题字体(Futura Now)

Futura Now是Monotype工作室设计的一款字体,也是现代字体家族的权威版本,共包含102种样式。还可以作为可变字体使用,为设计师提供各种不同的样式选择。近90年来,该字体广受欢迎,使用范围也很广,从儿童读物到时尚杂志,都有它的踪影。

Monotype的创意总监Steve Matteson还说过:“尽管是以现代字体而闻名,但Futura Now却出奇的温暖。” 它更像是一个中间地带,处于粗矿与温暖的边界,不卑不亢,一切刚刚好。

7.2 粗衬线字体(Breton)

由设计师Daniel Hernández, Rodrigo Fuenzalida设计的Breton是一款受波士顿启发的几何粗衬线字体。共包含10种字重,并包括匹配的斜体。每种字体样式都包含417个字符,这些字符支持超过200种基于拉丁语的语言。

7.3 衬线字体(TT Ramillas)

TT Ramillas是一款高对比度过渡衬线字体,包含7种字重并带有匹配的斜体,2种可变字体和2种轮廓样式,每种样式都包含900个字形。

7.4 几何无衬线体(FS Meridian)

几何无衬线字依然在运营设计中是首选字体,因为它具有易读性和可接近性特点,以及潮流干练的视觉风格。几何无衬线字体不仅为产品提供了相对中立的容器来传递信息,而且还可以轻松地跨不同应用平台进行转换。

7.5 字体图形化

用字体绘制各种不同的形状成为字体设计的另一大趋势。其表现手法多样化,比如字体旋转、圆环、连环曲线等;或者将文字组成立方体、楼梯等具象实物。这些图形化的核心就是在二维的静态画面上,演绎三维对象,从而让版面「静中有动」,增加趣味和动感,突出视觉效果。

7.6 动态字体

当静态文字无法满足对主题的诠释,吸引用户眼球时,添加动效会让平淡的画面丰富起来,这无疑为字体带来更多的创意空间,以及更多的设计可行性。

UI界面

8.1 少量的渐变

今年在各网站上看到大面积的渐变色设计,相对前两年来说越来越少,设计上有所克制。在今年我们可以看到设计更加理性与克制,将渐变色运用到关键功能上,突出强调重要信息。

机票选购界面,将渐变色运用到头部位置去强调功能。

8.2 包豪斯风格图形

几何图形设计是目前运用最多一个设计手法,今年发现一些比较抽象艺术化包豪斯风格几何图形,在UI设计中大量运用,且效果还不错。

这种图形带来好处就是记忆性强,应用广,它不仅可以拓展在品牌包装,品牌图形延展,还可以运用在UI设计中。

8.3 有深度的界面

今年这样的设计屡见不鲜,大量3D运用在界面设计中,二维的界面已经不再满足当前设计需要。设计师去探索更多维度与UI界面融合,形成一种全新的视觉感官。

uber的概念官网就通过3D来呈现,表达功能亮点。

8.4 毛玻璃效果

新的毛玻璃效果更加去注重功能说明,用在视觉强调的地方。

毛玻璃运用在顶部关键信息上。这样设计即可减少其他色彩运用,还可以对功能信息进行强调;毛玻璃效果运用在个人中心,人物头像位置,进行设计强调;运用毛玻璃去包装UI界面,可以提升品质感与神秘感。

8.5 界面排版杂志化

杂志化设计风格鲜明,可以有助产品去打造强化记忆点。杂志化设计的优势可以不受到网格约束,排版使用大字体,同时设计排版上更加个性。我们在做产品概念探索前期,可以多去尝试这样的风格。

8.6 圆形的运用

圆形趋势,我想大家也许会忽略的点,最近几年设计中,圆形的设计无处不在。它的好处不言而喻,亲和力强、场景覆盖广,几乎任何设计都能去用圆形。因此我们有必要去注意圆形运用技巧。

星巴克的web UI概念设计,采用圆形与产品进行集合设计排版。

8.7 2021新拟态界面

新拟态趋势是2020年受到广泛关注的趋势之一,这种趋势大量使用了柔和的阴影和微弱渐变,使设计既具有未来感又具有现实感,并且为熟悉的界面带来了新的感觉。相对之前大面积浓厚阴影而言,目前新的简化拟态界面,会克制使用这些元素。

主要是通过光影的变化来突出内容的区域或模块设计,整体感觉相比扁平化的设计来说会更加具有氛围性和视觉冲击感。2021年拟态界面,更注重功能与体验。拟态效果会使用在关键功能上,如仪表、按钮,又或者需要重点强调的地方,避免了大面积使用这种设计手法。

网页趋势

在网页设计领域中,设计趋势从来都不是为了设计而诞生的,相反它更像是视觉、品牌、技术、先锋探索综合作用下,落地到网页作品中的一种综合表现。

9.1 3D 和景深效果

在网页这个领域,除了诸多视觉元素的设计之外,有一个非常突出的趋势,就是运用 3D 来构建视觉景深,渲染出层次,这种景深和 3D 元素所构建出来的沉浸感使得整个网页充满了吸引力,结合色彩,阴影、高光,在高清晰度的屏幕上,这些都成为了将用户留下来的理由。


9.2 失真和故障效果

失真和故障效果则是另外一个重要的趋势。视觉噪音,随机的元素,缺陷,故障,模糊,低保真的元素,粗野主义式的设计,这些在这个以精致细腻为上的时代,制造出了一种反主流的声音。

奇怪的配色,反直觉的排版,明显的错位,看起来怪诞但是有趣的设计,这样的设计通常需要设计师更好地在对错好坏之间拿捏平衡,对设计师得审美要求也很高。

9.3 超粗字体样式

在 2021 年更为大胆的排版和更为粗壮的字体笔触也很吃香。当然,这些设计本身是要具备相当的视觉美感和愉悦性的。怼到出血位乃至于版面之外的文本,快速切换的字体效果是「注意力经济」催生的一种设计策略。所有的一切——尤其是文本——仿佛在大声地吼叫着:看我看我看我!

这大概就是这种设计趋势诞生的本质。不过如果你设计的足够炫酷、炸裂或者优雅,那就相当优秀了。

9.4 极简主义风格

极简主义强调设计只使用必要元素,用简单有限的颜色和形状来设计出一个难忘的画面。放弃任何多余的元素,所有的设计内容都聚焦于每一个目的。虽然总体来说是老生常谈,但是它依然是很多设计师热衷、很多用户喜欢的一种主流的风格,也是值得追随的趋势。

有很多厌倦了各种流行样式的用户可能会拥抱极简主义,它会作为一种持续的「趋势」而存在。这也是极简主义最让人着迷的地方:将你需要的必要的部分呈现出来,且只呈现这部分东西,没有过度装饰,没有无效信息,简单直接。

平面设计

10.1 动态海报

动画无处不在,我们在设计的各个领域都能找到它们,在一些线上海报中也有使用到。平面混合了 2D 和 3D 元素,效果非常棒。

10.2 视差错觉设计

当大脑看到的视觉信号和通常认知的不一样,大脑会下意识注意到它,这也就是视差错觉元素在设计当中的独特价值!

对于看不清楚的东西,人就越是想看,上头,上瘾!

从2020年开始,视差错觉开始从小众的设计领域当中走了出来,被时尚和商业所青睐,越来越多的品牌开始借用这种手法来抓住用户注意力,这种视觉奇观的价值在今年得到了体现,在 2021 ,可能会更加流行。

不过值得注意的是这种设计要注意控制好复杂度,太繁琐复杂了可能会让人觉得不适,谨慎使用。

10.3 几何体

几何艺术可以从基本形状中巧妙地制造出令人难忘的东西,并且在2021年依然值得期待。简单的平面形状而不是简单的设计,没有分散注意力和非功能性的细节,而是带来了抽象感和自信。几何图案可以与照片,插图结合使用,也可以作为设计的独立部分。

几何体设计形式在设计中广泛运用,几何体设计的画面都比较简洁,主要把握结构形体变化、元素造型提取再组合的过程,最后通过冷暖对比、互补色对比来加大视觉冲击力,使画面更有张力。抓住用户眼球,能从优秀的作品中脱颖而出。

 10.4 大胆夸张的排版

排版是设计中最重要的元素!一个有经验的设计师可以仅用排版来呈现视觉,排版对于构建信息、建立视觉层次结构、传递价值观以及为用户创造良好的体验至关重要。无论使用动态的、变形的、3D的、动画的或静态排版,它会一直是热门趋势。

包装设计

包装设计的图形主要指产品的形象和其它辅助装饰形象等。图形作为设计的语言,就是要把形象的内在、外在的构成因素表现出来,以视觉形象的形式把信息传达给消费者。要达到以此目的,图形设计的定位准确是非常关键的。

定位的过程既是熟悉产品全部内容的过程,其中包括商品的商标、品名的含义及同类产品的现状等诸多因素都要加以熟悉和研究。

商品包装展示的商标、图形、文字和组合排列在一起的一个完整的画面。这四方面的组合构成了包装设计的整体效果。商品设计构图要素商标、图形、文字和色彩的运用得正确、适当、美观,就可称为优秀的设计作品。

星巴克圣诞季全球首发的2020纪念款,璀璨闪钻女神星杯造型礼盒,全红的杯身搭配经典绿色的LOGO,最「耀眼」的还是杯身上一个个闪闪发光的小钻石,看起来非常的炫彩夺目。

除此之外,另一款轻奢红黑金系列圣诞杯,同样是钻闪闪的!

整套礼盒以黑红金三种颜配色为主,看起来十分地具有奢华气息,有种吸血鬼家族的既视感,胶囊状的保温杯和金属链条皮质提包,这种搭配莫名的有种霸气的感觉。

星巴克还推出了一款极光系列星杯,同样拥有着闪钻的质感。整个杯身以淡粉色与淡紫色马卡龙渐变配色为主,充满了甜甜的梦幻色调,上面同样闪闪的钻石颗粒纹理,更是增加了这种梦幻的美感。

表情(Emoji)

表情包在国内还是有很广阔的市场。表情包很神奇,可以使枯燥的文字变得有趣,表情的意义让生硬的文字更有人情味儿,让聊天变得更加有趣。

斗图在聊天群或聊天软件很常见,最厉害的那种人可以不用打字就可以和别人聊天,不论别人说什么都有对应的表情回去,而且很恰当,这样的聊天真的让人很开心。表情包的应用还可以解放人的天性,很多常在内心深处不方便表达的都可以用表情包来表达自己的心声。

Emoji 是另外一个流行趋势。表情符号已经突破了「传统」的聊天领域,开始广泛地运用到平面、视觉甚至 UI 当中。它开始充当一种介乎文字和视觉之间的新型语言,它还能传递出情绪,这就很给力了。

于是,各种 Emoji 在平面和视觉设计中,被用来消解严肃,营造氛围,让设计更加轻松。在未来几年中,Emoji 这一元素应该会被应用得更加广泛,并且会以更加富有想象力的方式,呈现在方方面面的设计当中。

前段时间微信发布的新表情,霸屏热搜,明星们争相模仿,还引起了一波轰动。

而作为社交老前辈的腾讯QQ也趁热打铁安排了一波,上线了黄脸九人组~

仿真材质

近几年仿真材质设计应用很受设计师亲睐,设计师们借助仿真材质可以极大地提升视觉格调,让设计更具质感。随着软件技术的进步,材质表现也逐渐从静态转向动态化,基于真实物理规律的动效赋予仿真材质更多的视觉张力。

13.1 流体

流体材质通常遵循一定的物理流动规律,通过千变万化的变形呈现震撼的视觉效果。流体材质的加入可以提升画面的视觉冲击力。该材质一般通过软件计算粒子模拟液体的流动与碰撞,常见的制作软件有realflow等,能模拟出特别流畅的流体溅射效果。

13.2 烟雾

烟雾亦是近期流行的材质之一,烟雾本身具有朦胧而多变的特性,它虚无缥缈的构造让设计显得既神秘又前卫。一般制作软件有TurbulenceFD,houdini等,通过计算速度,温度,烟气密度等数据,去模拟每一帧生成的体素网格,极大地还原真实世界流体的运动属性。

13.3 粒子光束

粒子光束是最能代表科技感的材质特效之一,在画面上能凸显科技、先进、酷炫的视觉效果。它是通粒子发射器发射出多个粒子,通过计算粒子的运动速度,粒子寿命以及其运动轨迹,在其轨迹赋予发光属性达到光束效果。常见的3d软件比如C4d,3Dmax都可以完成简单的粒子特效,更深入也可通过Krakatoa,X-particles等插件完成更酷炫的效果。

13.4 黄金质感

金属质感凸显出轻奢、高雅的视觉感官,是基于极简主义的整体设计,一般不是采用全部金属质感的形式,而是部分结合金属质感,营造轻奢感;实际应用上能提升一定的调性。

金属效果其实正在越来越流行,而其中能得到最广泛喜爱的始终还是金色。除了黄金之外,白银、黄铜、铅类似这样的金属质感同样会随之风靡,金属的光泽、粗粝质感,光影的变换,都是这种视觉元素标志性的特征。

复古与未来

复古的设计风格并不是完全照搬以前的设计风格(元素),而是从过去的设计得到借鉴或灵感,融入新的设计特点,给作品注入新的活力。在运营活动中,用现代感觉诠释复古,已成为一种新趋势。

14.1 复古未来主义

近几年随着「西部世界」、「怪奇物语」等热播剧,复古未来主义(Retro-futurism)越来越多使用在各种运营活动上,用新科技的感觉去诠释复古,显然已成为一种新趋势。结合了「未来」和「复古」的元素,从过去的设计得到借鉴或灵感,融入新的设计特点。

14.2 千禧风潮回涌

2020年刚好是千禧年的过去的第20年,遵循时尚是个轮回的定律,最近时尚圈开始涌现千禧年代复古风潮穿搭,也有不少设计开始将千禧风潮里的夸张的视觉张力与大胆的色彩结合,创造出新的视觉效果。

趋势工具

15.1 Adobe Spark

Adobe Spark 是由 Adobe 开发的用于移动和网页媒体创建应用的集成套件。它包含三个独立设计的应用Spark Page、Spark Post和Spark Video。这几个免费的应用可以让用户在任何设备上创建、编辑和分享他的作品。

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

15.2 Adobe XD

Adobe XD 是一款为网页和 App 而设计的矢量工具,由 Adobe 开发并发布。它有 Windows 和 Mac 版本,在 iOS 和 Android 上都有可以预览的工具。XD 可以支持网页原型和制作简单的交互行为。

15.3 Procreate

Procreate 是 Savage Interactive 为 iOS 开发并发布的绘画 App。针对 iPad 而设计,适合初学者使用。

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

15.4 Substance

Substance是用于3D项目对象创造纹理和材质的应用套件,由Adobe推出,该套件实际上是一个生态系统,面向设计师,创作者和插画家。Substance Designer更多地用于创建图块,动态和模块化纹理。它通常用于创建基础材料库,其中的材料可用于其他应用程序,例如Substance Painter。

最后总结

2021年的设计趋势相对来说,有继续延续2020年的一些设计风格,依然保留了一些经典的风格、元素,同时又由于需求的变迁和技术的变革,出现了一些截然不同的变化。同时我们也发现,现在越来越多3D元素与二维界面进行融合设计,以此来吸引用户。总的来说,设计是永无止境的,期待2021的到来!

虽然我知道大家现在已经大概都知道了2021年的设计流行趋势,但是我还是想写这篇文章总结梳理一下,可能我这总结的还不是很全面很到位,也希望你们多指点一二,这样也能帮助一些刚接触设计行业不久的朋友们,而且以后自己也能再看看,总之我要学习的地方还有很多,希望每天能进步一点。

考文献

https://www.25xt.com/article/67531.html

https://www.25xt.com/article/68186.html

https://www.25xt.com/article/66442.html 

https://www.ui.cn/detail/565372.html

https://www.sj33.cn/archives/202010/54608.html 

https://www.zcool.com.cn/article/ZMTE4Mjc0NA==.html

图片 | 来源于网络 侵删

Powered by Froala Editor

更新:2020-12-30

下载
收藏

41人已收藏

曹小米

设计是美好的,要用心感受

  • 7

    作品

  • 31

    粉丝

  • 91

    关注

  • 2022-UI作品集
  • UI界面的【优化技巧】
  • 2020-UI作品集
  • AE小动效合集

    猜你喜欢

      2020-12-30 好文转载 经验/观点 原作者: 未知 举报 4846 41 12 1

      2021年设计趋势(综合)

      0.0°

      你确定要举报2021年设计趋势(综合)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年11月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      41
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录