ICON制作基本法则

一、制作icon的基本原则

二、让你的icon更加出彩

三、制作icon的经验方法

       01. 使用网格

       02. 使用面板精确控制，为整数像素（完美像素）

       03. 保持厚度一致，尽量让厚度为2的倍数

       04. 用形状表现轮廓

       05. 不要出现断开的路径

一、    制作icon的基本原则

1. 站在“老大”角度思考，为目标受众设计

在制作icon前一定要找到你的目标受众，弄清楚你为谁设计。这样才能解决销售的问题，搞清 需求才是设计的开始。不要单凭自己的感觉来，而忽略的目标受众。

2. icon不必过于复杂

清晰的表达含义，让人一眼就知道其中意思，不需要思考。复杂又表述不清会误导用户。

3. 应用在你的网站或应用中

制作的图标要在实际的网站或应用中进行应用测试，通过icon的不同颜色、选中未选中等相互对比，找到最合适的icon进行设计。

4. 教客户或其他使用者使用你的icon

制作完成的icon，要教会icon使用者充分利用你的icon，让你的icon以最佳方式呈现。让客户觉得效果最好，让你显得更加专业。

一、    让你的icon更加出彩

1. 统一icon风格

icon的漂亮且一致才是关键，在制作前要准备好制作的风格，不要边做边想。一旦决定要制作的风格，就要坚持每一个图标都保持一致。保持整体的魅力和价值。

— 腾讯云icon —

2. 可以使用相同元素在你的每一个icon中

在icon中使用相同元素会让icon看起来更加整体，且具有一定的独特可识别性，例如：你在一个icon中使用了品牌的某一个小元素或是仅仅就画了一个圆，那么你应该在下一个icon需要使用品牌元素或者圆的时候直接复制它。

3. 使用一套色板

当全部icon制作完成时，它的颜色应该出自同一个色板，保存颜色统一相当重要。当然，你可以制作深色与浅色两种来配合在不同背景下的使用，依然要保持颜色统一。不要让你的图标眼花缭乱。

- Justas Galaburda -

一、    制作icon的经验方法

1. 使用网格

合理使用网格制作icon会加快你的速度，同时也能让你更加标准。虽然网格有很多好处，但也不要被网格给限制。在大多数情况下复杂的网格也不是那么重要，合理利用。要记住它只是让你更严格的工具。

2. 使用面板精确控制，为整数像素（完美像素）

Ai使用变换面板，Sketch使用检查器来精准制作你的icon，切记不要使用纯手工调制。当然数位板手绘icon除外。

保持整数像素，从局部查看为整数，从整体查看也应为整数。绘制完成后Ai可使用像素预览来观察icon是否对其像素。之后得到你的完美像素icon。

3. 保持厚度一致，尽量让厚度为2的倍数

让每个图标的厚度保持一致，同时建议厚度尽量使用2的倍数。因为假如你在一个32px*32px的画板绘制一个31px*31px的icon，那么当把画板缩小到16px*16px时，icon变为了15.5px*15.5px。这样违背了我们上面说过的要保持整数像素。应该尽量避免这种情况的出现。

 

4.    用形状表现轮廓

请记住，当你要绘制一个32px*2px厚度时候，应该绘制32px*2px的矩形，而不是绘制一个32px*2px的线或轮廓。

5.   尽量不要出现断开的路径

切记，不要出现断开的路径，想办法把你的路径完全闭合。让它成为一个完美的icon。

接下来导出你的icon吧，它肯定很棒。

文章最后感谢腾讯云，Adobe，Justas Galaburda的图片支持。