2021年都过去一大半了,我才知道这个流行趋势,可以这样用!
共 1073字,需浏览 3分钟
·
2021-09-05 12:47
菜心的第322篇原创
2021年的第99篇
距离2021年小目标100篇原创还剩1篇
大家都知道,这两年比较流行特殊材质,其中一个特殊材质就是毛玻璃效果,而且已经有很多产品已经使用了这种效果,除了大家所熟悉的图标场景,其实还有很多场景可以应用毛玻璃效果,今天就给大家简单盘一盘。
1.图标
对于ui设计师,最早被我们发现的场景应该就是图标了,比如像这种:
也有一些产品有落地使用,比如喜马拉雅:
当然,我觉得结合效果最好的还是韩国这款app——naver的底部图标:
效果非常棒!
图标结合毛玻璃效果是ok的,但是玻璃如果太透明,很容易导致识别度产生问题,所以这也是我们需要特别注意的点。
2.卡片
最近逛了很多be上的ui作品,发现有一个界面元素经常结合毛玻璃效果使用,而且还挺好看,这个元素就是卡片,比如什么银行卡啊、会员卡之类的,我们看看效果:
这里需要注意一点,毛玻璃的卡片还是需要和色块去配合使用的,比如后面还有一张普通卡片,或者后面有一些色块,这样效果才会比较理想。
3.壁纸
以前我做过手机os,经常需要制作壁纸,做壁纸是最需要时刻关注流行趋势的,而且壁纸可发挥空间非常大,没有太多规则和限制,只需要把好看的效果制作出来就可以了,比如像小米的壁纸就很好的把毛玻璃效果给融进去了:
效果还是非常不错的。
4.启动图
因为是流行趋势,所以现在有一些产品的启动图也结合了毛玻璃效果,比如像钉钉啊:
腾讯文档啊:
等等吧,这也是一个非常棒的视觉触点,尤其是在和数字结合使用的时候,简单又出效果,有机会大家可以尝试一下。
5.活动图
当然,什么风格那都少不了活动图啊,那效果也是杠杠滴,看下往上的一些优秀组品:
一般都是用在屏幕啊、板子啊等等地方,上面再加点信息,显得画面材质丰富,耐看度也会比较高一些。
视频
除此之外,视频多媒体领域夜也经常使用毛玻璃风格,其中最早还是应该在微软的Fluent Design System兴起的:
总结
除了以上这些地方,我们平时做一些排版包装,比如封面图啥的:
咔咔一结合,那也是很出效果滴。
特殊材质一会还会流行很长一段时间,大家可以多多尝试,做出自己理想的效果,震惊自己!
下期见!
不想迷茫看这里