干货丨2021年UI设计风格新风向新趋势

淡淡的烟草味﹌ 2022-11-16 15:27 147阅读 0赞

Hello，大家好！今天，播妞要和大家聊聊**2021年「UI设计风格」**的那些事儿。

在设计过程中，很多人为了模仿而模仿，不是按照自己的产品需求设计版面，最终呈现的作品效果一般。

视觉作品带着很强的个人属性，设计师需要了解趋势，接受创新，熟悉当下流行的设计风格，不断提升自身的设计能力，才能设计出好的作品。

**那么，****2021年UI设计风格有哪些新趋势？****下面和播妞一起来看看吧！**

**UI设计新趋势**

** 极简 **

有第三方调查数据显示：2000年人们的集中注意力的时间平均在12秒，预测到了2015年，变成了8秒。而另一个研究发现：**有47%的用户希望一个网页能在2秒之内加载完成。**但事实上，目前网页的平均加载时长达到了8.6秒，而在移动端则变成了22秒。

网站加载速度会受到很多原因的影响，UI设计是其中重要的因素之一。**更少地使用图形元素和更简约的UI会在很大程度上加快一个网页的加载速度，**同时更明确的「指引」和元素的区分也更能让用户快速熟悉网页的交互，甚至，简约的网站还能影响其搜索结果排名，Google 在今年就开始建议网站的加载时间不应超过3秒，并将其加入到搜索排名的影响因子中。

** 微动画 **

2021年是全面屏手势的加入，让厂商们发觉跟手感会在很大程度上影响用户体验到的品质感，于是许多国产厂商开始注重微动画的设计来尽量对用户在屏幕上的滑动产生回应。

但仅有系统层级实现的这些微动画还远远不够，**当用户进入到APP中，如果微动画不复存在，那产生的割裂感会让整个用户体验大打折扣。**所以安卓手机系统UI 的精细化会倒逼 APP UI 设计的进步，当然，对于那些懒得设计，照着iOS 版再做一遍喽的厂商们如果再不用心做就要被淘汰了。

** 重叠效应 **

重叠效应通过把不同的元素如色块，文字和图像重叠地放在一起以达到说明内容和视觉引导的效果。

本来由于对比度不足，重叠效应在LCD面板上的效果并不理想，一些明度接近或者色彩对比不够明朗的设计很容易让用户混淆不同的元素，**同时一些低透明度的元素会让LCD 面板对比度不足的缺陷彻底暴露。**

而在 OLED 面板上，这些问题自然迎刃而解，未来必然会有更多的设计师来更加得心应手地运用「重叠效应」以实现想要的效果。

** 优先考虑移动设备适配 **

在2020年移动端流量消耗占比为 52.2%，实现了首次真正意义上的赶超PC。**这个趋势在2021年会继续保持。**一个网站(或互联网产品)的UI设计需要首先适配移动端，从而满足更多数的用户使用场景。

** 深度空间 **

带有纵深方向的空间必然要比平面具有更高的信息效率，更能在视觉上对用户的操作进行正确引导。

其中发展最成熟以及最高效的还是「阴影」相比于普通的高斯模糊以及高级点的毛玻璃，阴影的特点在于不光能在UI中把某一个特定的页面提前，还能同时展现多个页面并赋予它们对应的纵深关系，以及大多数的 UI 设计工具(如 PS、AI、Axure)对阴影的支持都十分友好。

**2021年UI设计风格：**

**极简、微动画、重叠效应、移动设备适配要优先考虑、深度空间共5个新风向。**掌握UI设计的新趋势，才能更好的抓住用户的眼睛。你学会了吗？

**点赞 ****·** **分享 ****·** **转发**

**帮助更多需要的人看到**

![a68c6224cf4316869dd16e0071534683.gif][]

**END**

![fc87bbe54395b3b9ab02f14757d071f9.png][]

[a68c6224cf4316869dd16e0071534683.gif]: /images/20221022/d959c3d70bb0454f9c08e30acfdf8f4c.png
[fc87bbe54395b3b9ab02f14757d071f9.png]: /images/20221022/6ed39f2525824083b711db2247567776.png