2022-2023UI设计流行风格总结探索 (上)

深圳/设计爱好者/2年前/236浏览
2022-2023UI设计流行风格总结探索 (上)
闲鱼鱼

流行风格在UI的使用

疫情大环境背景下,消极悲观的情绪在人们身边绵延,2022也是艰难的一年,各大公司裁员,行业不景气。但是也催生了很多新的赛道,线上办公,元宇宙的蓬勃发展...都影响着设计行业的发展。设计与时代发展是密切相关的。大环境背景下,人们对迷幻的未来,更加憧憬。生活的艰难也衍生了“治愈”系的设计风格,温柔,轻量的感觉更加受到大家的喜欢,本文(上篇)对当下已流行的设计风格进行总结。

未来科技-元宇宙概念

运用:游戏,潮牌,活动,nft购买,nft本身是虚拟数字,本身属性影响设计风格的大方向

风格特点:暗色居多,炫彩配色,配图影响大,风格各异, 幻的色彩、镭射光、极光、透明光感、科技感元素边框、不规则按钮等运用是这类风格的界面的亮点

与不同风格结合碰撞不同火花

与酸性美学未来色,高饱和度渐变赛伯朋克,机械未来科技 碰撞不同的美学

也可添加弥散柔光,玻璃拟物化设计,增加不同的设计细节

酸性美学未来色acidic design

风格特点:金属,渐变,高饱和,冲击力

运用:多在banner和活动页面居多,app界面内使用大面积元素会导致审美疲劳,大多是元素点缀,弹窗元素进行体现,也有小面积选中配色使用,成为整个界面的点睛之处

材质质感-3D风格,毛玻璃拟物化设计,弥散柔光

3D风格

2022年界面质感更加3D立体化,3D已经不算新的设计风格,但是今年运用场景更广,虽扁平风依旧盛行,但3D风格本身比较抓人眼球的情况下,加入动效果,整个效果肯定高于扁平风格,当然实现成本也将更高。整体画面细节度在这些立体元素运用下界面将变得更简约

运用:主要运用于banner,icon上tab图标上,添加动态视觉效果好,由于立体元素比较复杂,背景多用纯色,光影衬托。整体视觉不会冲突

毛玻璃拟物化设计 Glassmorphism

多运用于背景色和图标设计,背景使用上模糊而丰富的背景色,相比传统纯色的背景,更好的融入画面的同时,又不会太抢功能区视觉,比灰色背景相比生动有趣,

更加精致与特别,也给人一种温馨,柔软的设计感。

图标加入毛玻璃化设计,细节upup,整体质感也能提升很多。

Figma里的Background blur 功能也让毛玻璃质感实现快捷了许多

弥散柔光

弥散光的设计感与毛玻璃类似,都是给人一个治愈,温柔,轻量的感觉,加入界面中不会让人视觉疲劳,感受光晕慢慢散开的感觉,添加图像,图形,线条分割,进行视觉表达。

与毛玻璃,燥点等手法,效果更加

7
Report
|
5
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
大家都在看
Log in