|来了！2021年UI界面设计的9个趋势

编辑导读：2020年已经过去一大半，大家有留意本年度有哪些新的UI设计趋势出现，以及这些会对我们未来的设计有什么影响吗？本文作者对界面设计领域的发展趋势进行了研究，从中提取一些2021年可能的设计风格走向，与大家分享。

本文插图

2020年已经过去一大半，这些时间以来，我一直在关注数字设计领域未来的设计趋势。从年初就开始收集，到今8月份了，我想是时候将发现的一些趋势风格分享出来，这些风格很有可能继续延续到2021的产品设计上。
2020年UI界面设计趋势，这是我去年写的文章，其中大部分预测都已经在今年的设计上呈现。
对于UI界面视觉趋势，同样需要我们高度重视。毕竟每年改版方向，视觉风格研究是必不可少的一个环节，下面正式开始。
01 少量的渐变
今年在各网站上看到大面积的渐变色设计，相对前两年来说越来越少，设计上有所克制。大面积的渐变色虽然视觉冲击力强，但大部分停留在概念中。
从今年设计中我们可以看到设计更加理性与克制，将渐变色彩运用到关键功能上，突出强调重要信息。

本文插图

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

本文插图

运用在功能卡片上，突出重点信息。

本文插图

本文插图

如上图，设计上同样只将渐变色运用在背景上，其他卡片上基本没有渐变色。
02 包豪斯风格图形
几何图形设计是目前运用最多一个设计手法，今年发现一些比较抽象艺术化包豪斯风格几何图形，在UI设计中大量运用，且效果还不错。
这种图形带来好处就是记忆性强，应用广，它不仅可以拓展在品牌包装，品牌图形延展，还可以运用在UI设计中。

本文插图

本文插图

卡片设计采用一些具有意向符号的图形，来表达功能的设计，形成记忆点。

本文插图

本文插图

品牌设计上，也是重复这种极简包豪斯风格几何图形。将logo元素提取，进行包豪斯风格化，重复运用在设计中。
03 有深度的界面
今年这样的设计屡见不鲜，大量3D运用在界面设计中，二维的界面已经不再满足当前设计需要。设计师去探索更多维度学科与UI界面融合，形成一种全新的视觉感官。
uber的概念官网就通过3D来呈现，表达功能亮点。

本文插图

本文插图

本文插图

本文插图

将二维世界三维化，将是2021年重要的趋势。目前国内外线上有一些产品，开始在部分功能模块使用这样设计手法，如Naver ，支付宝等。
04 毛玻璃效果
可以说是趋势轮回，毛玻璃的效果又回来了。这也是今年在各网站设计上出现频次多一些的设计。
新的毛玻璃效果更加去注重功能说明，用在视觉强调的地方。

本文插图

如上图设计，毛玻璃运用在顶部关键信息上。这样设计即可减少其他色彩运用，还可以对功能信息进行强调。

本文插图

毛玻璃效果运用在个人中心，人物头像位置，进行设计强调。

本文插图

本文插图

运用毛玻璃去包装UI界面，可以提升品质感与神秘感。
05 沉浸式界面
将功能与场景融合设计，用户在使用产品过程中，能产生更多情景体验感触。这也是最近今年喊的比较火的一种设计思路。在各网站上，这样设计出现次数越来越多，设计效果冲击力强，得到很多设计师的认可。

本文插图

场景中关键人物元素与设计进行巧妙集合。

本文插图

运用超现实设计手法，将人物与酒店场景进行排版布局。

本文插图

将制作材料与产品集合。

本文插图

拟真植物元素与土地进行巧妙集合，在视觉上传达逼真效果。
06 界面排版杂志化
杂志化设计风格鲜明，可以有助产品去打造强化记忆点。杂志化设计的优势可以不受到网格约束，排版使用大字体，同时设计排版上更加个性。我们在做产品概念探索前期，可以多去尝试这样的风格。

本文插图

本文插图

本文插图

本文插图

【|来了！2021年UI界面设计的9个趋势】 07 拟物化图标
拟物图标又回来了， apple新版本的Big Sur系统，就采用拟态图标，这也是一个新的尝试，当然也是一个开始。我们很有必要时刻关注这个趋势，未来将会在更多设计中看到拟物化图标的出现。
不过这种风格也不能大面积运用在界面中，我们可以运用在一些关键功能入口设计上。

本文插图

在天气上的运用，相对之前扁平化设计，目前具有空间的拟物化设计，增加了真实感。

本文插图

本文插图

本文插图

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

本文插图

本文插图

本文插图

星巴克的web UI概念设计，采用圆形与产品进行集合设计排版。
09 2021新拟态界面
新拟态趋势是2020年受到广泛关注的趋势之一，这种趋势大量使用了柔和的阴影和微弱渐变，使设计既具有未来感又具有现实感，并且为熟悉的界面带来了新的感觉。相对之前大面积浓厚阴影而言，目前新的简化拟态界面，会克制使用这些元素。

本文插图

本文插图

本文插图

2021年拟态界面，更注重功能与体验。拟态效果会使用在关键功能上，如仪表、按钮，又或者需要重点强调的地方，避免了大面积使用这种设计手法。
写在最后
2021年的趋势相对来说，有继续延续2020年一些设计风格，这些风格将会在继续加强，同时我们也有发现，目前越来越多3D元素与二维界面进行集合设计，能更生动传达功能与将故事， 2021年大家务必要注意这种趋势的延续。
作为设计师，我们对设计的思考不能只停留在表象层面，而更多的需要围绕信息传达这一设计的本质功能，以充满自省的精神深化和反思自己的设计意识，同时要时刻保持对趋势的敏感度。将新趋势合理的运用在产品设计中，以产生最大化收益。
#相关阅读#
2020年图标设计的5个趋势
2020年UI界面设计的7个趋势
2020年交互设计的9个趋势
#专栏作家#
Tony ，微信公众号：洞见设计，人人都是产品经理专栏作家。百度设计师。很乐意帮助年轻设计师成长，简历指导，每周分享最有价值的设计经验，擅长产品体验设计，关注【洞见设计】后台回复“彩蛋”领取设计资料。
本文原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash ，基于CC0协议

|来了！2021年UI界面设计的9个趋势

推荐阅读

「新华网」帅！炸！海军陆战队最新大片来了！

设计师|65㎡前卫！极简！现代风格住宅，简而不凡，带你看看收纳的重要性

[CPU]客户改了四次才确定的电脑配置单，看起来确实让人舒服，我爱了！

不法商家以次充好理当从严治理保健品市场乱象

科技湃：军报刊文：警惕美在月球上演“圈地运动”

怎样在不熟悉的人前不拘谨

福建闽南网TB|s级未来虚空斗刺阵容搭配攻略，云顶之弈10.11版s级未来虚空斗刺阵容怎么搭配

翡翠|玉赏 ▏结缘翡翠，遇见美

红茶变质图片,红茶提神

九江视听网：有一种光荣叫“火线入党”

春蚕到死丝方尽的作者是谁？

小知青爱生活|这类玩家将被封号，梦泪无故躺枪，王者荣耀：S20新增昵称举报

视界网@上好“开学第一课”，巫溪：防疫演练迎开学

蜡染和普通染发哪个好

渭南政法网|女子深夜盗走移动厕所放自家门口，家里人多不方便

发型|谭松韵：烫发后像极了洋娃娃，出道17年来首次尝试“羊毛卷”造型

手机报|区领导与临港新片区管委会副主任武伟一行交流座谈

山楂易致胃结石，养胃还得选择正确食物才好

浙江省食品安全信息网-德清城市数据经营管理有限公司怎么样?

「汽车族」| 马自达经典车型（下），兵强马壮