当前位置: 首页 >文章 > hi~Big Sur图标
收藏
分享

hi~Big Sur图标

举报海盐社海盐社发布于 2021-01-221661阅读0点赞
今日分享Big Sur、新拟态、杂点、毛玻璃风格图标前段时间macOS推出了新版本——被称为Big Sur的macOS 11,相信大家也已经注意到,这次的版本可以说是最近几年改变比较大的一次,其中图标部分更是有了非常明显的变化。不仅放弃了旧版图标的独特外形,选择使用与iOS相同的圆角矩形以保持一致性。视觉风格上也开始尝试从二维转化为三维,增加光影的使用,带来3D维度的视觉层次。都说潮流是个圈,从极...


今日分享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中,添加杂点也很方便,直接在填充中加一层,选择相应的杂点纹理,调整透明度即可。




毛玻璃


这个风格第一次看到的时候眼前一亮,也太好看了叭!!!色块与白色毛玻璃的组合,需要精心处理色块与毛玻璃的关系,交集过小的话,识别性会有一些问题,特别是浅色背景下,深色背景的效果会优于浅色背景。



为了解决与背景融合的问题,也可以选择彩色的毛玻璃,视觉效果也不错~



同样应用于页面中的效果也很棒,只是对于背景色的依赖度比较高,真正落地于实际项目时,还需谨慎考虑使用。



今天分享的几种风格有你喜欢的吗?小伙伴们可以在评论区留言,分享自己喜欢的风格哦~




本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:海盐社!

0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户134,939人)

Blender基础提升训练营
距离开班仅剩6天20人已报名
【12月】人像后期案例实操训练营
距离开班仅剩12天23人已报名
【12月】趣味合成入门训练营
距离开班仅剩20天13人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服
虎课
积分
免费学习92000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,032
并提交了395份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 92000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证