ICON就是图标的意思,对于UI设计师来说,每一个ICON看似很平常,实际上它都是有一个必须遵循的规范要求的,这样才能够保证整个项目视觉上的统一,那么ICON规范图应该如何绘制呢?
操作方法01、这里我们以sketch软件为例来进行了解 , 当然你也可以使用PS/AI,任何软件都是可以的 , 看自己的操作习惯 。
02、首先我们来绘制最外层的图形 , 最外层的图层是一个正方形,高宽都是44px 。
03、为了方便观察我们将填充给关闭掉,并且需要注意 , 最外层的图形描边方式为外部 。
04、接下来我们继续进行绘制 , 绘制一个42px的正方形 , 这个范围内就是我们图标绘制的安全区域 。
05、42Px的方形描边方式为内部,如果仍然是外部的话就会有重叠了 。
06、接下来我们绘制一个同42px相同的圆,将圆和42px正方形居中对齐,描边方式为内部 。
07、接着我们再绘制一个42px宽,28px高的矩形,关闭描边开启填充,与图形居中对齐 。
08、再复制一个42px宽,28px高的矩形,与图形垂直居中对齐 。
【ICON规范图是什么样】09、最后我们再绘制一个36px的方形,居中对齐,描边方式内部,这样我们就绘制好了ICON规范图 , 在绘制ICON的时候尽可能不要超过红色区域 。
推荐阅读
- IOS UI设计规范是什么
- 如何用高德地图查看地铁线路
- 如何把自己的图片转为微信表情
- 使用百度识图,用图片搜索图片
- 如何制作个性的微信背景图
- 微信公众平台如何插入图片
- 美图秀秀如何把一张图片分为九张
- 外出旅游怎么不费流量使用百度地图手机导航
- “本地连接”图标出现红叉怎么办?
- 怎样查找QQ聊天记录中的图片及文件?