余秦锋 （浙江纺织服装职业技术学院 315211）

随着互联网的不断发展，智能设备逐渐普及人们的生活，电脑界面也从命令语言走向图形交互时代。在交互界面设计中，主要包括了交互和界面两大部分，交互设计是人和机器之间因为某种互动而产生的关联，界面则是这种关联的重要载体。其中图标是最重要的组成部分之一。

一、图标的定义

从符号学方面而言，图标不仅仅是一种功能的识别。更是通过颜色、文字、排版等方式让用户第一时间作出相应反应的一种有效方法。从艺术美学方面而言，用户通过对于风格、分类等方面的比较，分析出用户偏爱的设计风格和审美需求。从品牌传播学而言，图标更是一个品牌的门户，能否让用户对于一个品牌的形象认知和感知更为清晰，有至关重要的作用。

图标，一种具有标识性的图形，将需要表达的内容高度浓缩且便于记忆和传达。从广义的理解上来说，任何具有代表意义的图形都可称之为图标。（如图1）从狭义上理解，图标主要是指应用于计算机界面，快速帮助用户理解执行命令并打开程序的图形。（如图2）

图1

图2

二、图标的作用

1.标识作用

在移动界面中，图标以视觉的方式快速传达信息，主要包括指向性和功能性两个方面。指向性，图标作为用户进入软件的主要视觉呈现。传达软件基础功能是基本职责，引导用户点击操作是主要目的。

功能性，图标本身是传达信息的符号，内容的不同传达信息的侧重点也就不一样，在交互界面中不同图标的角色也就有了区分。通过有效的符号实现有效的信息沟通和准确的功能表达。

2.提高实用性

图标在交互界面不仅需要展现软件的属性和功能，提高产品的实用性也是至关重要的。交互界面自身的框架结构是依据目标用户群的需求和习惯缜密分析出来的，图标即是直观承载逻辑关系的载体，更是用户对于界面交互的感性诉求。因此在设计过程中应保持与实际功能的紧密型和原有造型的完整性。

在图标设计中整体的标准化和一致性是提高实用的重要准则。标准化的前提下，能保证用户在不同环境的情形中有效地识别图标，从而减少猜测和再次识别的情况。当用户对于软件的整体功能和操作流程已经熟练掌握以后，设计对应的图标是提高软件实用效率的重要方案之一。

3.美观性

在人类的发展历史进程中，对于美的追求从未停止过，只是不同的时代对于美的定义不同。对于用户来说，图标的美观程度是第一印象，其次是图标的形象。由此可见，图标设计的视觉体验占据了重要的地位。图标虽小，但是如何用美的法则和环境产生互动是极其重要的。图标设计和传统图形在审美上存在一定的差异性，秩序美在图标中起到了至关重要的作用。图标设计确定基础元素以后，在固定的范围内，依据相似的点、线、面以及色彩来完成整体的秩序感。随着互联网技术的不断发展，更多的设计师在固定的区域内寻求不同的质感，设计出了更多类型的图标。 （如图3）

图3

三、图标的分类

对于图标的分类有着很多不同的方法。从符号学的角度出发，图标分为象征型、指示型和图像型。象征型，图形符号与所指代的对象之间不存在任何关联性，他的具体含义全靠社会文化或者人们之间的约定俗成，比如感叹号代表了警示提醒。（如图4）指示性，图形符号与指代对象之间存在某种含义或者意义的联系，需要用户通过联想建立，比如齿轮代表了设置。（如图5）图像型，图形符号和指代对象之间存在直接的联系或者就是指代对象本身，比如相机直接用镜头或者照相机代替。（如图6）

图5

图6

从图标所针对对象和环境出发，可分为操作型和认知型。操作型指图标所指代的内容为一个操作行为，比如传输文件、下载文件等；（如图7）认知型指图标所指代的内容为某种概念或者某种事物，比如篮球、足球等。（如图8）

图7

图8

从设计风格的角度出发则可以分为拟物化、扁平化和轻拟物化三种风格。拟物化又称之为仿真，即模仿真实物体效果（包括了颜色、质地、纹路等）给人一种真实的感觉；（如图9）扁平化则是忽略物体的真实性，将图像本身或者具有指代意义的图形几何化，用简单的图形传递内容；（如图10）轻拟物化是介于拟物与扁平中间的一种风格，即运用简单的图形搭配真实的材质、光感、纹理、投影等效果给人一种拟物却又不是拟物、扁平却又不是扁平的感觉。（如图11）

图9

图10

图11

四、图标设计的延展性

好的图标设计不仅需要体现图标本身的含义，而且还需要延展体现品牌形象。在设计中做好这一点并不容易，即需要强调图标功能又不能忽略图标的表现形象，同时还要考虑用户体验。

1.图标设计与品牌标志设计

在这个电子设备作为媒介传播图像的时代，品牌视觉形象中图形在表达品牌意义方面占有明显的优势，图形和品牌文化设计的结合即现在所定义的视觉识别系统，是企业识别系统中不可缺少的一部分。在视觉表现系统中，图形相较于文字来说，更加形象简练，同样的内容可能需要更多的文字表现，而且用户并没有耐心细细研究更深层的含义，相比之下图形就更加生动活泼了。图形在传播的过程中，不受语言、民族、时空等因素的限制能够更好的达到传播的作用。

品牌设计中固定的图形形象给用户留下深刻印象，这是品牌的象征意义。在图标设计中，依然是同样的道理，固定的图形形成一定的文化传播，从而体现对应软件的功能应用达到品牌的体现含义。结合这个含义设计图标，既可以表现品牌文化下的潮流趋势，也能完全体现软件的应用。图标和应用是相互影响相互促进的关系。优质的图标设计能够帮助应用提高曝光度，基于多次曝光，软件在用户心理形成固定形象，达到良好的宣传作用。

品牌标志设计是无限定性的，而图标设计大多限定在一定的方框内或圆角矩形中。如何将无限定的标志融于图标中，如何将图标释放转变为标志设计，是在设计初期构思时考虑的重要问题。

现有的标志如何设计为图标是大都企业考虑的问题，主要有几种形式：1、为企业设计萌宠形象；2、企业名称的直接应用；3、图形的再设计。（如图12）

图12

2.图标设计与文创产品

文创产品是将文化主题经过创意转化从而具有市场价值的产品。根据文创产品的特征可以将其分成两类，一是从抽象的概念中提取具象的图形，依靠设计师的设计能力创造出新的图案形象，并通过产品的形式传达给消费者。二是满足人们需求的产品以及非物质形态的服务。

文创产品即“文化，创意，产品”的结合体，所以在功能性上就不再是单一的个体，是以实用功能为基础条件，文化作为载体，通过产品的形式呈现出来。既能够传播传统文化或者文化情感，还具有一定的经济价值促进消费，又是便于生活的用品。实现了真正的“寓教于乐”。

图标设计，将品牌文化或者功能的概念图形化，是文化创意的表现。将图形的表现形式应用到相关的产品中，达到图标与文创的结合。图标设计是数字化的呈现，因此在文创产品中选择与数字化相关的产品较为合适，如手机壳、鼠标垫、电脑包等电子周边。（如图13）

图13

3.图标设计与海报设计

海报，通过视觉语言以及艺术美感向大众传递信息。设计师用图形表达抽象的信息，用色彩让人们感知事物，运用比例、尺寸、节奏、韵律、对比等多种手段塑造海报的内容和信息层级。传统海报设计，利用丰富的视觉语言传递信息与用户达到情感上的共鸣。海报设计中图形是最基本也是最重要的元素，既可以是有型的形态也可以是独创的思维模式，因此在海报设计中得到了广泛的应用。（如图14）

图14

五、总结

随着智能设备的不断发展，从手机手表到家庭家电，人们已经在生活智能设备中了。在交互界面中图标设计，起到了举足轻重的地位。如何让用户在众多图标中清楚认知产品的本质意义是非常重要的，也是在交互设计中一直追求的。随着设计的不断发展，企业不再局限于品牌设计，更加重视所有产品形象的统一性。对于移动应用软件公司而言，图标就是最直观的部分，是用户认知企业的重要载体。除了打开软件前图标作为形象传达以外，周边延展也是十分必要的。

图标图形在不同设计中的应用就是公司形象延展的重要组成部分，引导页面、宣传广告、文创产品、海报等多个方面。图形的不同创意设计，只有充分的理解界面中的图标，才能更好的为用户服务。