如何设计图标

如何设计图标

设计图标几大要素总结

结构性什么是结构性？「结构性」是一个图标的基本框架，体现了图标的设计语言。设计师应该考虑到图标中各个点线面的相互组合是否完好的体现了结构性。基本的几何图形包括正方形、三角形和圆，这几个也是制作图标的基本形状。以下图柯基图标为例，将它拆分后我们可以发现，它是由两个圆和两个三角形构成，因此，设计图标时往往由最简单的部分开始，再一步步细节化。

视觉统一性「视觉统一」是指在一套图标设计中，它的设计元素和风格应该相一致。也就是说，我们在为客户设计图标组的时候，应该时时关注细节和视觉上的统一，因为稍微一点点微小的变化，都会破坏整套图标的统一性

可识别性顾名思义就是图标设计需要容易识别，这也是一个图标的意义所在。可识别性往往展示用户能够与之产生联想的元素，同时也会包含一些独特的元素，例如柯基图标鼻子的心脏。需要注意的是，可识别性不仅指的是对所描述对象、想法或动作的理解，而且也包括识别一些图标组。所以，「视觉统一性」和「可识别性」往往是共同体现的。

善用网格

最外围2个像素的区域，我们称之为「空白区」（no-gozone），主要是为了避免图标元素过大，从而为整体提供空余空间。圆形图标往往会接触到网格的四边，这也是为什么我们需要设置「空白区」的原因，因为一些小的符号在伸缩的时候，会越过边界，如下图所示。

方形图标也往往以网格为中心，但在大多数情况下，不会将其扩展到区域的最外边缘。为了保持与圆形和三角形图标一致的视觉重量，大多数矩形和方形图标将与中间的关键线对齐（下图中的橙色区域）。至于什么时候对齐关键线则是由图标本身的视觉体量决定的，这往往需要丰富的经验。

从几何图形开始即使你的最终成品再复杂，也从使用简单的正方形、三角形或圆开始你的图标设计。目前许多的图标设计服务于手机应用，对于较小的手机屏幕，手绘造成的边缘将使图标看起来不那么精致。从基本几何形状开始将使边缘更精确（特别是沿着曲线），并允许您快速调整设计元素的相对比例，同时也确保遵循网格。