怎么判断图标UI设计的好坏

    要怎么判断一个图标的UI设计是不是好呢？评判标准是什么呢？我们可以从以下五个方面来检验，分别是：识别性，规范性、统一性、呼吸感与品牌感。

    1.识别性

 

    图标就是帮助用户理解信息，所以识别性（也可以说是可访问性）是一个图标最重要的一项，尤其在没有文字说明的情况下，一定不能让用户产生疑惑。我们检测图标的可读性通常要将图标的背景色底板在黑色和白色之间进行切换对比，不论是黑色还是白色的背景都可以看清图标的全部细节，还需要确保图标中的每一种颜色都是可见的。

 

    图标UI设计识别性可以分为两类，分别是含义识别和视觉识别。

 

    含义识别：是视觉语言是否可替换文字语言，简言之就是让你的图标可以被用户理解，不会让用户产生歧义。

 

    视觉识别：图标的大小，复杂度，颜色，线条的粗细，这些影响视觉识别的因素识别性是否高。

 

    灵活的设计思路，在保证识别度的前提下灵活发挥，尝试各种不同风格的表现形式。

 

    当然，脑洞也不要太大，失去了原本的含义，造成误解。

 

    2.规范性

 

    规范性也是做好一个图标UI设计的基础，我们要保证图标在视觉大小的一致性，图标饱满度、遵循同一种规律，细节统一性。

 

    视觉大小的一致性：在相同尺寸的基础上分析形状间的视觉差异，来审视视觉上是否统一，如一样尺寸大小的圆和方形的视觉大小就不一致，那么我们可以规定它的最大尺寸，进而在尺寸规范中适当调整，使得视觉大小达到统一；

 

    饱满度：常用的衡量方法就是正负形衡量法，在图标所占区域的矩形框中，看图标的正形的面积是否还可以增加；

 

    相同规律：同一套图标必须是以同种风格呈现的，例如是否全部使用了圆角或直角的风格，圆角大小、绘制风格是否一致；

 

    细节统一：包括像素是否对齐、圆角、描边粗细是否统一的问题；

    3.统一性

 

    在绘制多个类型相同的图标时，我们需要注意这一套图标合集需要在视觉上保持统一性。在一整套产品中，会有很多种图标，但是图标的功能不一样，所表达的内容也不同。这时，图标UI设计一致性的意义就体现出来了，根据格式塔原理中的相似性原则：人们会将如元素彼此相似的东西感知为一组。这也意味着如果具有相同功能、含义和层次结构级别的元素，则应在视觉上保持统一匹配。

 

    图标内容的统一会让用户明白相似的图标所代表的的功能也相同，而且在视觉上也更加和谐美观。因此我们在绘标后还需检查线条的粗细比重，边角的大小，配色方案，细节层次和设计元素在整个合集中是否是不变且一致的。

 

    图标的统一性可以从：线条粗细、设计语言、复杂程度、颜色规范四个大的方向去着手。

 

    线条粗细：相同功能类型的图标线宽粗细统一，有背板的图标线条不易过细；

 

    UI设计语言：可拆分为透明度（拉开层次）、圆角（圆角还是直角）、断线开口（开口位置）、设计特征四个纬度去规范；

 

    复杂程度：如果不能简化图标，就保持同一组图标的墨水重量一致，简化太复杂的图标，增强辨识度；

 

    颜色规范：对于线面结合的扁平图标的UI设计建议最多用两种颜色，活动入口图标如果需要的色彩数量多，那就需要保持敏感，从一种色彩的周围小幅度提取另一种色彩或多种色彩，调整其色相、饱和度、明度就能搭配出许多和谐的颜色。

    4.呼吸感

 

    呼吸感的意思就是适当留白。不管是图标还是界面，适当的留白可以突出主体内容，让内容具备易看性。在图标的绘制过程中，我们应该注意图标元素之间的间距不宜过近，元素也不宜过多。图标是一个物体的简略缩影，目的是为了表达内容，让用户快速理解，太过复杂的细节会影响图标的识别速度。因此在图标的绘制过程中应该删除所有无法传达图标意义的元素，避免使图标变得太过复杂难以识别。

 

    5.品牌感

 

    品牌感就是我们上面谈到的要与品牌理念相符，传达给用户的感受一致，通过吸取品牌色，提取品牌元素，采用品牌吉祥物和品牌图形的方法来提取品牌基因。我们要试着从品牌UI设计的角度去理解，寻找自己产品独特的品牌气质，挑选合适的技法。然后把这些元素具象化，融入在界面设计中。