今日分享Big Sur、新拟态、杂点、毛玻璃风格图标
前段时间macOS推出了新版本——被称为Big Sur的macOS 11,相信大家也已经注意到,这次的版本可以说是最近几年改变比较大的一次,其中图标部分更是有了非常明显的变化。
不仅放弃了旧版图标的独特外形,选择使用与iOS相同的圆角矩形以保持一致性。视觉风格上也开始尝试从二维转化为三维,增加光影的使用,带来3D维度的视觉层次。
都说潮流是个圈,从极致的拟物过渡到扁平,现在在扁平的趋势中重新引入物理性,借助光影,在二维转化为三维的过程中探索更多的可能性。设计从来不是单一审美,无论是扁平、拟物还是新拟态,都有其自身的魅力(小孩子才做选择,当然是好看的都喜欢啦)。
那么今天就分享一下最近我个人比较喜欢的几种图标风格,风格案例图片均来源于网络,源文件仅供练习参考,希望和大家一起学习进步。
Big Sur
macOS 11发布后,Big Sur风格的图标也让设计师们跃跃欲试,增加了光影与质感让图标更加立体,有实质感。
因为光影的使用让原本较为硬朗分明的边缘变得更为柔和,也有人将其称为soft 3d风格。
其实在儿童产品中,也早已有这类风格的使用,如小小优酷、腾讯开心鼠中,投影增加空间层次,质感区别于其他扁平内容,更能帮助孩子识别可点击内容。
新拟态
新拟态风格虽然一直存在争议,但我个人很喜欢(经常用在我文章封面中(^-^)V)。依靠的也是光影运用,对比soft 3d,边缘往往更加硬朗。新拟态图标也多为页面中功能型操作,与页面关系更密切和整体,而Big Sur/soft 3d是从新拟态中延伸出的,满足独立的、更具装饰性图标的需要。
(关于新拟态、Big Sur两种风格,目前还没有明确的定义说明,只是暂时的指代,也有将其视为同一种风格-皆为新拟态的理解,小伙伴们选择自己的理解方式就好)。
杂点
简约但识别度高的图形,每个icon1-2种配色,应该说是扁平中经典风格,不一样的是杂点的使用,让图标有了新的质感。
sketch中,添加杂点也很方便,直接在填充中加一层,选择相应的杂点纹理,调整透明度即可。
毛玻璃
这个风格第一次看到的时候眼前一亮,也太好看了叭!!!色块与白色毛玻璃的组合,需要精心处理色块与毛玻璃的关系,交集过小的话,识别性会有一些问题,特别是浅色背景下,深色背景的效果会优于浅色背景。
为了解决与背景融合的问题,也可以选择彩色的毛玻璃,视觉效果也不错~
同样应用于页面中的效果也很棒,只是对于背景色的依赖度比较高,真正落地于实际项目时,还需谨慎考虑使用。
今天分享的几种风格有你喜欢的吗?小伙伴们可以在评论区留言,分享自己喜欢的风格哦~
本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:海盐社!
暂无评论
违反法律法规
侵犯个人权益
有害网站环境