icon设计小技巧

icon设计原则

可识别性

直观易于理解，能够识别出图标所代表的含义。

独特性

具有明显区别于其他图标的特征，避免语意混淆。

统一性

设计风格协调统一。同一组设计的图标采用同样的风格进行设计。包括且不限于线条粗细，圆角角度等。

辅助网格

辅助网格能很好的帮助统一同一套图标的协调性。可以自己制作或者在一些字体图标设计网站下载。

非常规圆角

常用在APP核心区域的图标背景上。通过圆的四个锚点调整得到。调整的力度不同得到的不同感觉圆角。

辅助切线

辅助切线通常用于logo的设计上。在icon上也可以使用。

视觉错觉

人眼在观察物体时，会因为摆放或者位置的不同产生一些视觉上的错觉。通过细微的调整得到自己想要的结果。

视觉对齐

以视频播放icon为例，物理上的居中对齐，三角偏左，需要调整横向位置使其视觉看起来居中。

描边圆角

描边的方式不同得到的圆角弧度不同，同一组图标应尽可能选择同一种描边方式。

一组带圆角的图标

一组直角图标