2021年UI界面设计趋势

2022-02-18 点击量：

2020年已经过去一大半，这些时间以来，我一直在关注数字设计领域未来的设计趋势。从年初就开始收集，到今8月份了，我想是时候将发现的一些趋势风格分享出来，这些风格很有可能继续延续到2021的产品设计上。

对于UI界面视觉趋势，同样需要我们高度重视。毕竟每年改版方向，视觉风格研究是必不可少的一个环节，下面正式开始。

少量的渐变

今年在各网站上看到大面积的渐变色设计，相对前两年来说越来越少，设计上有所克制。大面积的渐变色虽然视觉冲击力强，但大部分停留在概念中。

从今年设计中我们可以看到设计更加理性与克制，将渐变色彩运用到关键功能上，突出强调重要信息。

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

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

如上图，设计上同样只将渐变色运用在背景上，其他卡片上基本没有渐变色。

包豪斯风格图形

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

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

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

品牌设计上，也是重复这种极简包豪斯风格几何图形。将logo元素提取，进行包豪斯风格化，重复运用在设计中。

有深度的界面

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

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

将二维世界三维化，将是2021年重要的趋势。目前国内外线上有一些产品，开始在部分功能模块使用这样设计手法，如Naver，支付宝等。

毛玻璃效果

可以说是趋势轮回，毛玻璃的效果又回来了。这也是今年在各网站设计上出现频次多一些的设计。

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

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

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

运用毛玻璃去包装UI界面，可以提升品质感与神秘感。

沉浸式界面

将功能与场景融合设计，用户在使用产品过程中，能产生更多情景体验感触。这也是最近今年喊的比较火的一种设计思路。在各网站上，这样设计出现次数越来越多，设计效果冲击力强，嘉瑞广告，得到很多设计师的认可。

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

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

将制作材料与产品集合。

拟真植物元素与土地进行巧妙集合，在视觉上传达逼真效果。

界面排版杂志化