图标的定义
一般而言,图标是具有高度概括性的、用于视觉信息传达的小尺寸图像。图标常常可以传达出丰富的信息,并且常常和词汇、文本搭配相互搭配使用,两者互相支撑,或隐晦或直白地共同传递出其中所包含的意义、特征、内容和信息。在数字设计领域,图标作为网页或者UI界面中的象形图和表意文字而存在,是确保界面可用性的基础设施,也是达成人机交互这一目标的有效途径。
基于图像隐喻来划分的图标类型
著名的可用性研究专家 Jackob Nielsen 曾经在 NNGroup 的文章中披露了这种图标类型划分的标准。图标基于其中所反映出来的隐喻,可以划分为三个主要类型。
相似图标,它是将现实世界中的物理实体给符号化,这种设计最典型的就是用于搜索的放大镜图标,购物车图标,邮件图标等。
参考性图标,它是使用类比对象的方式来设计的图标,比如压缩和解压类的工具图标,常常会使用包、拉链这样的意象来传递出概念。
随意式图标,这类图标的设计和其功能/含义并没有关联,它们本身并不传递出功能性的含义,依靠的是用户长时间的查看、使用,逐步习惯来熟悉其中的含义。现在许多界面当中的“保存”按钮采用的是软盘的图标,但是软盘实际上早已退出历史舞台,许多用户甚至都不知道软盘的存在,但是用户会在长时间的使用过程中了解它的功能,并且在大脑中形成这样的概念回路。
有效的图标设计
高效的图标设计应该具备的特征:
清晰:图标的意义应该是可理解的,可供受众吸收的
有意义:传递出有意义的信息
可识别:图标中所包含的视觉符号应该能够被正确地识别和呈现
简单:图标中仅仅包含必要的元素,便于被快速的感知,不会让用户感到费劲
吸引人:图标设计要比其他的视觉元素更突出,直觉而引人瞩目
灵活可拓展:图标应该可缩放,并且不论大小都能被人所理解,完整而易读
不冒犯人:它应该没有隐含意义,也不会有被误读的可能
一致:图标应该和应用保持一致的风格