【链环科技】UI设计中的icon设计规范

网页里icon是不可缺少的一个组成，设计合理形象的icon图标可以加速用户理解这个功能是做什么的。也能提升页面的美观度。 icon的设计方式常见的如渐变、线条、圆角、或者是面状等。本文简单介绍下icon的设计规范。

●准确性

设计icon图标时一般选择Ai工业标准矢量插画软件，采用矢量图的而不用位图是为了保证图标放大时不会模糊或者出现像素块。Ai制图既保证了精准度还确保了清晰度。

●留位

留位的做法是可以预防图标在具体应用时候边缘别切掉的风险，避免图标规整不一。也可以为设计留下进退的余地。比如，利用1024*1024的画板进行制作时，可以在边缘预留64像素的位置。

●韵律系统：点、线、圆角、三角

圆角的规格以8的倍数为原则，常用的分别是8.16.32等两倍数关系；尺寸的选择会保持16倍数的原则来进行；链环科技认为点的设计选择都是以80、96、112、128来设计，特殊尺寸可以按照16的倍数进行延伸

●辨识性

在icon图标的设计上可以将特色和自然两块融合。通过图形的定义将72像素的圆角调整至32像素可以在视觉上令图标看起来更坚硬和理性。

链环科技.1.支持二开，2.代码迭代 3.功能延展 4.操作培训 5.无偿维护 6.代码移交 7.服务器部署