2021年UI/UX设计流行趋势（国内篇）—— 美柚UED

在前期的准备工作中，我着力于寻找目前国内现有的优秀设计案例，通过对拥有较大用户群体的产品进行剖析，从相关的资料中寻找设计趋势产生的由来与设计所带来影响。

前言：

2021年的设计趋势里，有人们在2020疫情年中，因为生活方式的改变而引起的互联网产品变革里产生的激进的视觉探索的延续，也有属于2021年自己的更加踏实的实际落地产物。针对国内UI视觉趋势，我主要从大厂风向、拥有大量用户群体的APP设计风格、设计探索前沿性与落地实效等几个维度展开探索，寻找并归纳那些被大众所认可并具有自己特色且具有发展性的设计趋势。

用户群体作为产品需求依据与设计工作中考量的基本因素，是检测一个产品是否成功，设计是否得到用户认可的重要标准。

第七次全国人口普查结果显示，我国的人口结构老龄化趋势加深，银发经济崛起，老年用户的需求多与“优惠”“便利”“多样性”相关；而另一方面跨平台合作也在极大程度上激发了Z世代用户群体的活力，2021年Q2，短视频领域用户规模逼近8亿大关，而用户量排在在短视频之前分别是第一名的综合电商类与综合社区类。我国网民对于加强网络互动与现实生活的联系有了更高标准的需求。

经过前期调查结果的分析，我总结了国内UI设计趋势的三个大方向：

一、今年的设计师更注重探索界面中Z轴方向的纵深感，追求对界面层次感的塑造，具体设计手法包括在界面中添加3D设计元素如类玻璃材质的运用，并着力于增强卡片投影等。

二、是颜色上2021年国内UI色彩趋势整体走向更轻柔化的治愈色系范畴，降低了一些视觉冲击力强的大撞色表现，具体体现在一些清亮、柔和层次递进的用色方式，设计师们力图营造出一种舒缓治愈的色彩感知的沉浸式氛围。三、是在动效设计中更多具有趣味性的动效设计正在被设计师们所发掘，由卡片化设计风潮所带来的更多的新的微交互体验需要逐步产生。

3D设计已经不能算是一个全新的设计风格了，尤其是从去年开始大量的C4D作品出现，一股立体化的风潮就席卷了这个设计圈子，3D设计具有直观感受，立体真实、形态丰富的视觉表现，自身的特点与亮点使它能在千篇一律的扁平化界面中脱颖而出，目前国内大部分的产品都对自己的IP形象进行了3D设计探索，比如大家有没有发现京东的IP形象“JOY”最近更“圆润”了呢～不过现在更多的时候3D设计依然只是被运用在启动页、缺省页、或者需要更强视觉感知的宣传页面。主要功能页面的运用较少，毕竟过于丰富的视觉设计会给用户带来一定程度上视觉负担。另一方面如今随着人们对AI和AR的探索，3D也成为了该类产品表现形式中一种不错的设计选择。

类玻璃、亚克力材质的设计同样不能算是2021年独创的设计趋势，早在19年就有大量的毛玻璃设计涌现，但是我想讲的是在2021年里设计师们对于新材质的一些落地设计案例。类玻璃材质的设计元素打破了传统扁平化界面在质感表现力上的局限性，通过亮眼而独特的视觉效果吸引用户眼球，具有很好的界面装饰功能，因此国内有不少APP将类玻璃元素融入到自己金刚栏或功能类ICON设计中，体现了产品的潮流感，但在一些需要明确区分是否被选中的ICON上，由于类玻璃还不能很好的表达好这一效果所以此类的设计比较少。同时另一方面类玻璃材质本身所具有的模糊隐藏视觉功能也使得它也开始被大量运用在一些需要暂时隔挡用户信息，保护用户隐私安全或是区别界面层级的功能上。在这里我把玻璃与亚克力的材质拿出来一起讲不仅是他们有相似的视觉效果，更重要的是因为我认为他们更像是合力给UI设计提供一个探索质感的先锋搭档，激发UI设计师们在界面中尝试并加入更多材质的可能性。

在2021上半年卡片化是许多APP改版升级中的重点。今年设计师不仅乐于利用卡片设计创新界面布局，同时也对于卡片设计的细节做了许多的处理与探索。我们都知道传统的卡片式设计还原了人们在生活场景中熟悉的使用感，可以快速增进了用户与新出现的界面之间的距离同时增强拟现实感知。在交互上，卡片化设计承载了更新的用户交互行为的可能性，在UI上，多样化的圆角样式与卡片投影细节选择使界面更富有趣味性与视觉美感。卡片式的设计对于拥有较年轻的用户群体的产品是一个不错的选择，例如近期麦当劳小程序也进行了全面的卡片化重构设计，给予用户轻盈灵动，更清爽的视觉形象，同时大大提升了产品中重要的点餐体验。长久以来，卡片设计对于界面信息承载量、屏效比和曝光度的分配一直是设计师们需要不断攻克的问题，相信在不久的将来随着我们对卡片化设计的进一步了解与探索一定能打开一个更崭新更高效的“卡片时代”。

在界面设计中投影可以丰富画面层次、拉伸界面空间感、塑造视觉上的立体感知，属于细节处的设计手法。今年随着卡片化设计的流行与推进，有色投影越来越受到设计师们的关注，相对于传统的灰色轻质感投影，有色投影多了能成为传递品牌色的设计输出点的优点。将光影融入界面，从自然的色彩中提取灵感，找到UI自己的“光”成为了2021年设计师们的一大热门“课题”。（卡片有色投影设计展示在卡片章节，这里就不重复展示啦）

在今年我们可以明显感觉到UI用色上逐步呈现更轻柔、更温和更细腻的趋势，其中很多设计师都选择在用户主页或弹窗或各种界面头部加入轻量色避免同质化。由于这一类设计多处于界面头部，因此柔和亲切的梦幻色系成为了品牌传递友好亲和的不二选择。流动的色彩蕴意着生命的灵动，提升用户美的感知的同时，制造了美好的氛围。这也证明了在当前微有动荡的大环境下，用户依然希望得到更多美而好的关护、更多愉悦的体验，因此在2021年治愈色系依然可以作为一个设计探索的重点。

在设计环节中，动效设计往往被放在最后一步，成为一个吸引用户眼球的润色元素，但是事实上相对于增加表现力，增加应用可用性才是考量一个动效是否成功的重要标准。2021年里国内UI设计师们设计出了许多有趣的动效作品，当用户们自发的为这些动效宣传或分享时，与动效的连贯性、质感、张力一样重要的，动效是否增强界面连贯性、是否达到强调叙述的作用、是否清晰了界面关系成功引导用户，用户对于该动效的预判与实际动效效果之间的差距是多少是我们需要思考的问题。而只有在这些以后带有品牌感的动效设计才能更好地将产品理念传递给用户

2021年我有幸加入美柚用户体验设计中心这个有爱的大团队，在这里我得到了很多小伙伴们的指导和帮助，使我成长和进步了许多，希望在未来的日子里我们都能像2021年的设计趋势一样像更美更好的方向前进～