制定图标设计规范

用户头像
杭州/设计爱好者/5年前/799浏览
制定图标设计规范
用户头像
PlanB0

如何制定图标设计规范,让设计更整体

归纳图标设计原则

在日常工作中,有没有人吐槽你的图标不精致,大小不一致,质疑你的专业性,而自己却又无从下手。

在此归纳总结图标设计的基本规范,记录方法,方便回顾。


规范一:基本尺寸比例


规范的第一点,就是图标的基础形状比例。这个比例,主要是约束长与宽,共包含了四个关系,分别为「正方形 : 横矩形 :竖矩形 :圆形」




我这里以图标容器大小为 56×56,预留8px安全间距,图标最大大小为 48×48。

由于视差关系,圆形在图标里面的尺寸是最大的,所以圆形的大小为48×48。所以正方形的大小我两边各减去2,为42×42。

然后再绘制出横矩形(48×36)与竖矩形(36×48),各线段之间的间距保持一致。


第二步:设定图标基本规范



接着制定好图标的基本规范,设定图标的线条粗细为3px,圆角为6px,干净简洁一些,让它看起来更饱满。



第三步:绘制图标

好了后就可以开始绘制图标啦。

2
阅读原文
|
举报
|
9
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
登录注册