2022-2023UI设计流行风格总结探索 (上)
流行风格在UI的使用
疫情大环境背景下,消极悲观的情绪在人们身边绵延,2022也是艰难的一年,各大公司裁员,行业不景气。但是也催生了很多新的赛道,线上办公,元宇宙的蓬勃发展...都影响着设计行业的发展。设计与时代发展是密切相关的。大环境背景下,人们对迷幻的未来,更加憧憬。生活的艰难也衍生了“治愈”系的设计风格,温柔,轻量的感觉更加受到大家的喜欢,本文(上篇)对当下已流行的设计风格进行总结。
未来科技-元宇宙概念
运用:游戏,潮牌,活动,nft购买,nft本身是虚拟数字,本身属性影响设计风格的大方向
风格特点:暗色居多,炫彩配色,配图影响大,风格各异, 迷幻的色彩、镭射光、极光、透明光感、科技感元素边框、不规则按钮等运用是这类风格的界面的亮点
与不同风格结合碰撞不同火花
与酸性美学未来色,高饱和度渐变赛伯朋克,机械未来科技 碰撞不同的美学
也可添加弥散柔光,玻璃拟物化设计,增加不同的设计细节
酸性美学未来色acidic design
风格特点:金属,渐变,高饱和,冲击力
运用:多在banner和活动页面居多,app界面内使用大面积元素会导致审美疲劳,大多是元素点缀,弹窗元素进行体现,也有小面积选中配色使用,成为整个界面的点睛之处
材质质感-3D风格,毛玻璃拟物化设计,弥散柔光
3D风格
2022年界面质感更加3D立体化,3D已经不算新的设计风格,但是今年运用场景更广,虽扁平风依旧盛行,但3D风格本身比较抓人眼球的情况下,加入动效果,整个效果肯定高于扁平风格,当然实现成本也将更高。整体画面细节度在这些立体元素运用下界面将变得更简约
运用:主要运用于banner,icon上tab图标上,添加动态视觉效果好,由于立体元素比较复杂,背景多用纯色,光影衬托。整体视觉不会冲突
毛玻璃拟物化设计 Glassmorphism
多运用于背景色和图标设计,背景使用上模糊而丰富的背景色,相比传统纯色的背景,更好的融入画面的同时,又不会太抢功能区视觉,比灰色背景相比生动有趣,
更加精致与特别,也给人一种温馨,柔软的设计感。
图标加入毛玻璃化设计,细节upup,整体质感也能提升很多。
Figma里的Background blur 功能也让毛玻璃质感实现快捷了许多
弥散柔光
弥散光的设计感与毛玻璃类似,都是给人一个治愈,温柔,轻量的感觉,加入界面中不会让人视觉疲劳,感受光晕慢慢散开的感觉,添加图像,图形,线条分割,进行视觉表达。
与毛玻璃,燥点等手法,效果更加






















































































