在UI设计当中，图标是一个界面重要的组成部分。一套高质量的图标对产品的品牌形象和用户体验有着很大的影响，不仅可以提升界面质感及美观，降低用户理解使用成本。  

  在如今大同小异的图标中，如何设计出让一个让用户产生强大吸引力且有想点击的冲动，提升业务数据的图标，是每个设计师努力的方向。  

  一、图标的定义：  

  图标是具有高度概括性的、用于视觉信息传达的图像。图标常常可以传达出丰富的信息，并且常常和词汇、文本相互搭配使用，两者互相支撑，或隐晦或直白地共同传递出其中所包含的意义、特征、内容和信息。  

  二、图标设计原则：  

  1.、识别易读  

  图标的根本价值就是信息传递，帮助用户理解使用“功能”。如果图标无法传达含义，就是白扯。  

  2、统一性强  

  同一套图标要保持风格统一、线条粗细统一、夹角大小统一、视觉面积统一、颜色统一，避免用户产生疑惑。  

  3、图形清晰且有关联  

  在图标设计中，必须保证图标的简单、严谨、清晰。在次基础上应该与产品的属性和品牌有着一定的关联性，赋予图标更强品牌认知。  

  三、图标的分类  

  A、线性图标：  

  通过粗细线条绘制出来的一种高度概括的图标。线性图标的创作空间看似不多，但实际上有非常多的调整空间。比如：线性图标、多种粗细、描边缺口、多色描边、渐变描边、叠加描边等等。  

  注意在APP中的图标尺寸都不大，如果过于复杂，会影响用户对图标的识别。  

  B、面性图标  

  面性图标是即使用对内容区域进行色彩填充的图标样式。面性图标不止有纯色还有很多视觉表现类型。比如：纯面性图标、渐变色彩、透明叠加、线面混合等。  

  C、其他装饰类型图标  

  和线面图标相比较，装饰类型的图标视觉冲击力更强。比如：扁平插画图标、拟物风格图标、2.5D风格、质感图标、实物图标等  

  四、图标设计规范  

  1.图标尺寸  

  为了保证图标的尺寸大小一致性，我们往往会建立基础的网格尺寸来进行绘制图标，常用的网格绘制尺寸为：16、24、36、48、64、128、512、1024。这些尺寸并不是固定的，在设计中也会存在特殊的尺寸。  

  以常用的24x24为大家展示,网格包含2px出血位。这样可以确保图标在导出时将保留其所需的比例和周围的空白区域，同时还能够很好的平衡图标的视觉重心。  

  2.图标的keyline  

  keyline由圆形、正方形、矩形、正交、三角形和对角线组成。它可以为您提供图标集中基本形状或比例的一致大小。这使创建视觉上的稳定变得更加容易，并有助于在设计相似比例的图标时有共同的参考准则。  

  图标规范源文件，如果有需要的后台回复：“图标规范”  

  3、图标的命名  

  图标的命名要求较为严格，涉及到我们切图给开发，所以我们命名争取做对，且需严格遵守规则，正确的命名原则：类型_位置_功能_状态_大小  

  五、总结  

  图标设计师一个设计师必备的能力，好的图标不仅可以高效的帮助用户解决问题，还能帮助产品和品牌形成差异化。我们需要清楚的明白图标是什么？在界面中充当什么角色？在了解背景信息的前提下进行有效的设计，切勿追求“视觉”和“炫技”。  

Powered by Froala Editor