图标设计好坏主要体现在识别性和规范化。

一、识别性

图标是UI界面的基础元素，最早由符号语言发展而来，所以图标最基础的一点在于识别性，即表意清晰。而具体图标的表意在设计时结合产品功能来提取关键词即可。

二、一致性和规范化

一致性是UI设计的原则之一。视觉语言的规范化能减少用户认知成本，也能形成产品调性。图标的一致性主要体现在：风格类型、体量大小、配色规范一致。

1、风格类型一致

图标风格从追求具象表意的拟物化，到简化修饰的扁平化，又重新追求不抢视觉焦点的质感细节表达，如轻拟物、轻质感等等。不同风格意味着不同设计语言，可以先从线面占比、质感进行规范。

2、体量大小一致

由于iOS的网格大小要求是4的倍数，最小点击区域是44pt。安卓要求网格是8的倍数，最小操作热区为48dp，同时要考虑不同倍图下的适配问题，一般建议以48pt为常规图标设计尺寸。

其次几何图形视觉量感不同，视觉上会产生大小、对齐参差。如图示，直观大小上，方形>圆形>三角形，而三角重心偏下导致往下掉，因此设计时需要进行微调来保持一致性。

图标网格（keyline）就是为了规范不同图形在视觉上的大小统一，图标网格规范如下：

除此之外，还需保持曲率（圆角）一致、倾斜角度一致、透视一致、复杂度一致，线性图标还需保持描边一致、断点（切口）一致，后续基础课程会有详细说明。

3、配色规范一致

色彩作为设计要素之一，不同风格配色有所不同。最基础的，设计中需控制配色数量，避免视觉混乱，如工具产品图标多为基础线面图标一般最多2种配色。

由于多数软件都有不同皮肤，图标也需要定义不同配色方案来适配，程序上可以通过修改CSS样式实现一键替换。

Powered by Froala Editor