如何让我的icon看起来差不多大?
上海/UI设计师/3年前/132浏览
版权
如何让我的icon看起来差不多大?
用一个简单的方法就可以让我画的图标看起来差不多大
【一些碎碎念】👇
刚入行UI的时候我始终画不好图标,那个时候页面图标画得一塌糊涂毫无美感,后来有幸接触到了有个课程讲到关于图标的制作,因此学会了让图标在视觉上看起来更具平衡的方法。我使用这个方法绘制了icon网格,在每一次进行图标绘制的时候直接复制过来使用,的确很好用。
但是最近关于icon的绘制重新困扰着我,那就是当图标多起来了,我就会忘记这套网格规范。如今开源的icon网站越来越多,赶工期的时候很多时候都是下载网上的资源直接改,项目走到开发那里我有时间重新梳理设计规范的时候就发现icon们自己玩自己的,毫无一家人的感觉。
今天花了“一点点”时间重新了解了一下图标绘制规范,不管是谷歌还是iOS看完都只剩懵逼,所以我还是使用原来的方法,等到时机成熟我大概就能明白那些关键线分割是怎么画出来的了吧。🧠🧠
画图标是先画出点击区域,其次是视觉区域
提取一个缩进值,缩进值=icon视觉区域*10%
⚠️注意:所禁止取整数、偶数,举例如果是4.4就取4,取最近的一个值
由此可得:
正方形:视觉区域减去缩进值就得到了正方形icon的尺寸
横向长方形:宽度为视觉区域的最大值,高度=视觉区域-2*缩进值
纵向长方形:高度为视觉区域最大值,宽度=视觉区域-2倍缩进值
圆形:视觉区域就是圆形尺寸
2
举报
声明
2
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
2登录即可同步推荐记录哦
2登录即可加入我的收藏
评论登录即可评论想法
分享分享















































































