020-29815005
预约专线时间:09:00-23:59

判断图标设计的标准

新闻来源:本站 日期:2021-07-16
我们知道了icon的基础知识,那么如何设计一个好的icon呢?如何评价我们的icon是否适合我们的产品,是否与整个产品相匹配?我们需要知道什么是好的icon。
    从以下五个方面对其进行检验:识别性、规范、统一、通用性和品牌感。

    1、认识性。

    “图标”是为了帮助用户理解信息,因此识别性(以及可访问性)是图标中最重要的一项,尤其在没有文字说明的情况下,肯定不会让用户产生疑惑。测试图标的可读性通常是在一个图标的背景色底板上用黑和白来切换对比,不管是黑还是白,都能看到图标的全部细节,同时也要保证图标中的各种颜色是可见的。

    图像的识别可分为两大类,即意义识别和视觉识别。

    意义识别:是视觉语言能否替代文字语言,简单地说就是让你的图标能够被用户理解,不会让用户产生歧义。

    可视化:图标的尺寸、复杂性、颜色、线条粗细,这些都是影响视觉识别的重要因素。

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

    自然,脑洞也不要太大,失去了原来的意义,造成误会。

    2、标准。

    规范也是做好一个图标的基础,我们要保证图标在视觉上的一致性,图标饱满度,遵循相同的规律,细节统一。

    外观尺寸的一致性:在相同尺寸的基础上分析不同形状之间的视觉差异,以检验视觉上是否统一,如同样大小的圆圈与方形视觉大小不一致,那么我们可以规定其最大尺寸,然后在尺寸规范中适当调整,使视觉尺寸达到统一;

    丰满度:常用的度量方法是正、负形度量,在矩形框内所占图标的区域内,看图标正形的面积是否还可以增大;

    同样的法则:同一套图示必须采用同一种风格,如是否全部采用直角式还是圆角式,圆角大小、画风是否一致;

    详细统一:包括像素是否对齐、圆角、描边粗细是否统一等问题;


图标设计


    3、同一性。

    当画出相同类型的多个图标时,我们需要注意这一组图标集需要在视觉上保持统一。整个产品中,会有许多种图标,但图标的功能和表达内容各不相同。在这个时候,图标一致性的意义就体现出来了,根据格式塔原理中的相似性原则:人们会把类似元素的东西视为一组。它还意味着,如果元素具有相同的功能、意义和层次结构级别,那么在视觉上应该是一致的。

    对图标内容的统一将使用户明白相似图标所代表的功能也相同,而且在视觉上也更协调美观。所以我们在画完后还要检查线的粗密度,边角的大小,颜色方案,层次细节以及设计元素是否在整个合集都是不变的、一致的。

    从四个方面来看,图标的统一可以从:线的粗细、设计语言、复杂性、色彩规范四大方面入手。

    线型粗:同一功能类型的图标宽粗统一,带背板的图标线条不容易过细;

    设计语言:可被拆分为透明(拉出层次)、圆角(圆角还是直角)、断线开口(开口位置)、设计特征四个纬度来规范;

    复杂性:如果不能简化图标,保持同一组图示墨水重量,简化过于复杂的图标,提高识别度;

    色彩规范:对于线面结合的平面图标,建议最多使用两种颜色,如果需要大量的颜色,那么活动入口图标需要对颜色保持敏感,从一种颜色周围小范围提取另一种颜色或多种颜色,调整其色相、饱和度、明度可以搭配许多和谐的色彩。

    4、呼吸感觉

    气的意思是适当地留白。无论是图标还是界面,恰当的留白都能突出主体内容,使内容易于阅读。绘制图示时,要注意图示元素间的间距不能太小,元素也不能太多。图示是物体的简略缩写,旨在表达内容,让用户快速理解,过于复杂的细节也会影响图标识别的速度。所以在绘制图标时,应移除所有无法表达图标含义的元素,避免使图标过于复杂而难以识别。

    5、感觉。

    名牌是我们在上面采访到的,要与品牌理念相一致,传达给用户的感觉,通过吸取品牌色,提取品牌元素,采用品牌吉祥物和品牌图形的方法提取品牌基因。要从品牌设计的角度去理解,寻找自己产品独特的品牌气质,选择适合自己的工艺。将这些要素具象化,融入到界面设计中。

    所以,怎样才能提升自己的品牌感,打造自己独特的App风格?在近几年来,品牌基因给我们提供了一些线索。