设计流行趋势是一个大的宏观的概念，从中解读其浅层的表现形式，可为我们在实际项目中提供参考，引领方向。趋势具有周期性且永不止息。2022年UI设计趋势有哪些？首先定义下所谓行业。美柚是一个工具，但也不仅仅只是一个工具。我们致力于为女性提供一种新的生活方式，提供包含健康管理、问题解决、娱乐交流、电商购物等服务。

  从功能上进行拆解，把美柚可以划分为工具、社交、电商、母婴四个大类。

  在这四大领域中，我们从易观千帆、艾瑞指数、七麦数据、蝉大师等相关指数平台，筛选相关行业的主流应用进行分析，总结出2021年美柚相关行业设计趋势。

  所选应用应该也是我们日常生活中大家比较常用的，工具类所含的「健康医美」也是近年来比较受关注的一点。

  整体分析将从视觉表现以及人文关怀两方面展开。7:3的内容比例，以下分析案例包含但不仅限于上述20个应用。

  ·视觉表现

  1.1明亮饱和的主色

  互联网行业发展日趋成熟，早已进入争夺用户时间的阶段。不计其数的应用，多元的信息，都在促使我们需要一开始就吸引用户。

  对于品牌色的选择，并不只取决于应用本身，还有「竞争」，如何在成山成海的应用列表中一开始吸引用户，给用户留下深刻的印象，是定义品牌色时需要思考的。

  这几年，有许多应用对其品牌色进行调整。强如国民级应用-「支付宝」和「淘宝」，也需要在被追赶的压力下不断调整策略。大多调整方式，是轻微变动其色相外，提升色彩的饱和度与明度，让产品本身更跳跃。

  将拾色器划分为9宫格，通过对所选应用主色在拾色器中的观察，可以发现大部分APP主色的趋势为：高明度、高饱和度的色彩。即拾色器的右上角区域。

  母婴孕育类产品的主色选择则更偏向中度饱和。颜色饱和度更多偏向中右区域，这与品类本身柔和的气质息息相关。

  从趋势上来说，更加明亮饱和的色彩能在一定程度上更加吸引用户的注意力。当然，并非一味的高明度、高饱和度色彩就是最好的，仍然需要根据产品特性及方向进行正确的决策。

  1.2大圆角卡片

  日常生活中，如果一件物体过于锋利，就显得不够安全，比如我们常见的锤子，剪刀，给人的感觉都很尖锐。圆角矩形在生活中也是非常常见的，如电脑、平板、桌子等等。巴罗神经学研究所关于“角”的研究发现：角的突显性感知与角的度数的线性变化，锐角比钝角产生更强的虚幻的突显性，因而圆角的设计比直角更具有温度感。

  苹果新系统（Big Sur），窗口四角从以前的10px增加到20px，控制中心也沿用了ios14的卡片设计风格和布局。微软win10的概念稿中也出现了圆角。我们可以确信，圆角矩形将会在未来一段时间内继续风行。

  ·边距卡片布局

  卡片设计的本质是将信息整合，建立更清晰的页面结构，同时拥有更强的交互能力。从以下截图中可以看到不论什么行业，卡片布局对于框架结构的承载都是极其优秀的。

  ·悬浮卡片

  iOS 13开始，模态面板采用新的卡片形式。模态面板在操作时会有一个纵深的效果，适用于单手操作。在Apple自带应用中，模态面板得到了广泛应用。

  悬浮卡片在各大应用中的运用率极高，不止在于模态面板，也可以作为模块区分。模态面板一般悬浮卡片有吸顶操作，而仅作模块区分的悬浮卡片会跟随内容移动。

  ·大圆角

  既然这个趋势点命名为「大圆角卡片」，那么大圆角是必不可少的。

  基于移动端屏幕质量的进化，能更好的呈现圆角的质感，圆角开始被广泛使用。从苹果手机的进化，我们也能明显感受到其圆角的变化。随着全面屏时代的来临，圆角的弧度也越来越大。

  可以感知到现在各大应用中的圆角相较于以往都是成倍数的增长。

  圆角卡片会成为一个趋势，主要在于两点：一个是技术升级，现在的设备都能更好的对圆角进行渲染；

  二是我们视网膜中视觉最敏锐的区域叫中央凹，它在处理运行时最快，圆角矩形在视觉识别过程更容易。

  1.3轻量渐变

  过渡柔和的轻量渐变越来越受欢迎，其简约兼顾美感的同时，也可以创造轻松、温暖的氛围。回顾过去一年，关于色彩的运用，在渐变色的使用上越来越理性和克制。

  观赏下追波上几个轻量渐变的作品，可以在展示时作为背景使用，也可以在页面背景上直接使用，都拥有不错的视觉效果。

  实际案例中，考拉、淘宝和小红书的几个页面背景都使用的轻量渐变的效果。我们常常使用的视频软件腾讯和优酷也开始在页面背景中使用轻量渐变进行氛围烘托。

  除了页面背景，在单独卡片背景我们也可以看到越来愈多使用轻量渐变的效果。这个位置渐变的使用会更加克制一些。

  以上就是优漫教育小编为大家介绍的“UI设计培训：解析2022年UI设计流行趋势”相关内容，学习ui设计培训，可以参考优漫教育提供的ui学习路线，该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等，根据优漫提供的ui学习路线图，可以让你对学好ui需要掌握的知识有个清晰的了解，丰富技能实现转行升职加薪。