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兴起的:




现在已经在很多产品宣传视频上都有用到多了。



总结


除了以上这些地方,我们平时做一些排版包装,比如封面图啥的:



咔咔一结合,那也是很出效果滴。


特殊材质一会还会流行很长一段时间,大家可以多多尝试,做出自己理想的效果,震惊自己!


下期见!


不想迷茫看这里


30岁迷茫,都是因为20岁的时候没有好好沉淀,沉淀基础要趁早,快来看看吧:



浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报