学会这 7 个技巧，画出完美图标

大家，我是莱恩。图标是 UI 设计中最基础也是很重要的部分，辅助人们更的理功能内容。随着扁平化设计风的普及，图标的风越来越简约，看似简单的图形，际要准确的表达含义，也是需要注意一方法的。以下是图标设计技巧分享内容：

设计图标是一个艺术创的程，里面也有很需要被关注而不忽视技巧。要道何设计图标，是对 UI 设计师来说是不或缺的重要技能。

我设图标的时候，我人认以下7规则：

简单

一图标一非写实的表。不需担图标不够真实，消除不必的细节，用基本的形状只保留基础的部分，让这图标易被理解。

时候图标会因多细节传达了复杂的意思，这反样式问题！

一致性

整图标系统中，的图标保持同一种样式确保图标完协调。比如同样的形状，填充，描粗细，尺寸。制好可以被复用的栅格，规范样式。

如果可以的话，尽可能重新设这些图标，不混入其他不同风格的图标使用。

清晰

设「完素」的图标，特别图标非常小的时候。这样图标的描就可以保持锐利，不会模糊。注意半素的况出，尽避免小数点参数。

这也可以帮保持图标的辨识度，比缩他们的时候保持清晰。

空间

确保的图标的所形状足够的空间。笔画空间过于狭小会使图标难被理解。

少给2px的负空间

视觉调整

确保的图标看起确的，当的调整元素的对齐达到视觉的平衡。

不只关注参数，如果需就用的眼睛衡，轻微移动这些元素。

布局规格

所图标保持同样的尺寸，图标周围义一可调整的内距范围，尽让元素设这范围内。不挤满所元素。

当图标需额外控件时可以超出这内距范围。

测试验证

设阶段，的图标可能看起完的，但还需将图标到实际的界面环境中，测试他们不完，可以调整的细节问题。

确保每新增的图标其他图标显示一致。

你在计图标过程中，有用以上的这些巧吗？可以在评论告诉，你是怎怎计图标的。

注作者的微信公众号：「布莱恩设计」