1.图标
对于UI设计师,最早被我们发现的场景应该就是图标了,比如像这种:
也有一些产品有落地使用,比如喜马拉雅:
当然,我觉得结合效果最好的还是韩国这款app——naver的底部图标:
效果非常棒!
图标结合毛玻璃效果是ok的,但是玻璃如果太透明,很容易导致识别度产生问题,所以这也是我们需要特别注意的点。
2.卡片
最近逛了很多be上的ui作品,发现有一个界面元素经常结合毛玻璃效果使用,而且还挺好看,这个元素就是卡片,比如什么银行卡啊、会员卡之类的,我们看看效果:
这里需要注意一点,毛玻璃的卡片还是需要和色块去配合使用的,比如后面还有一张普通卡片,或者后面有一些色块,这样效果才会比较理想。
3.壁纸
以前我做过手机os,经常需要制作壁纸,做壁纸是最需要时刻关注流行趋势的,而且壁纸可发挥空间非常大,没有太多规则和限制,只需要把好看的效果制作出来就可以了,比如像小米的壁纸就很好的把毛玻璃效果给融进去了:
效果还是非常不错的。
4.启动图
因为是流行趋势,所以现在有一些产品的启动图也结合了毛玻璃效果,比如像钉钉啊:
腾讯文档啊:
等等吧,这也是一个非常棒的视觉触点,尤其是在和数字结合使用的时候,简单又出效果,有机会大家可以尝试一下。
5.活动图
当然,什么风格那都少不了活动图啊,那效果也是杠杠滴,看下往上的一些优秀组品:
一般都是用在屏幕啊、板子啊等等地方,上面再加点信息,显得画面材质丰富,耐看度也会比较高一些。
视频
除此之外,视频多媒体领域夜也经常使用毛玻璃风格,其中最早还是应该在微软的Fluent Design System兴起的:
总结
除了以上这些地方,我们平时做一些排版包装,比如封面图啥的:
咔咔一结合,那也是很出效果滴。
特殊材质一会还会流行很长一段时间,大家可以多多尝试,做出自己理想的效果,震惊自己!
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务