浅谈用户界面中的图标设计

(武汉理工大学 艺术与设计学院，湖北 武汉 430000)

摘要：好的界面不仅是功能布局清晰、易操作，更要具有视觉美感。图标不仅起到代替文字描述以节约空间的作用，不仅是一种装饰图形与符号，更重要的，它发挥着交互性、情感化、指代性、隐喻性等作用，成为人机界面中不可或缺的元素。

关键词：图标；设计；界面

中图分类号：J529文献标识码：Ａ文章编号：1005-5312（2012）09-0179-01

界面设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的界面不仅是功能布局清晰、易操作。更要具有视觉美感，笔者一直在思考：好的视觉设计从何而来，整体视觉风格固然重要，是采用有质感和高光的简洁的苹果风格还是采用摒弃一切高光与投影等效果的平面metro风格。作为GUI设计师，不仅要顾全大局也要把握局部，笔者认为图标在整个界面中至关重要，它已成为一个成熟界面的重要元素。

一、图标的分类

在界面视觉设计中，图标并没有非常确切的分类，因为界面的风格和趋势一直处于变化中，图标的风格也在朝多元化、提炼化、易识别、易认知等方向发展。图标基本上分为三类：线描式图标、剪影式图标、像素化图标和立体感图标，而立体图标又分为带有隐喻且低质感的图标和写实图标。每种图标均有各自的优势和使用限制。这需要我们在实践过程中不断积累才能应用自如。

二、图标的使用情景和作用

为什么我们要使用图标呢？那么我们回归发到它的本质：符号,基督教思想家奥古斯丁给了符号学一个一般性的解释：符号是这样一种东西，它使我们想到在这个东西加诸感觉印象之外的某种东西。意思是说符号是代表某种事物的另一种事物。它既是物质对象，也是心理效果。由于图标的这种指示作用（在此，笔者主要取指示中的“所指”这一层含义，即图标的内容和含义）相对于文字来说具有无可比拟的优越性，使它在某些语境和情景下能更好的表达人类头脑中的抽象概念，使某些用语言和文字描述起来很困难的信息的传送和接收变得更直接。

在一个知识爆炸、信息过剩的时代，视觉语言也会不断跟随时展趋势而发生变化，从前，大众接收信息主要通过文字，到现在我们的用户测试结果显示为大众更倾向于接受图片信息。因为在有限的时间和空间里，他们更希望立马抓住信息的意义，而把界面中的精彩的文字描述转化为一个简练而意义明确的图标就成为满足用户需求的有效途径。更深一步，图标的应用让整个界面与人之间的交互更便捷，使情感化设计和人性化设计得以回归。所以在生活中，我们可以经常接触到图标。

（一）图标在平面设计中的应用

大家都知道中国的书法艺术博大深邃，但是在平面设计中，我们更多时候采用印刷字体，中国汉字笔画多，结构复杂。尤其内容较多时，排版比较困难。因此，一些海报、广告中开始使用图标，一方面可以节省空间，把图标作为图形与文字混合排版以突出重点信息，另一方面，图标本身的视觉装饰作用也能为整体平面效果锦上添花。

（二） 图标在设备终端界面中的使用

在各种终端如phone端、pad端、pc端、查询机等的界面设计中，图标得到最为广泛的应用。在各种终端交互界面中，图标不仅起到代替文字描述以节约空间的作用，不仅是一种装饰图形与符号，更重要的是它发挥着交互性、情感化、指代性、隐喻性等作用。人机界面交互中，一个小小的icon是减小用户阅读负担，实现界面友好性、界面情感化等交互目的的重要途径。例如下图手机界面中所示，一级导航采用了剪影图标加文字说明来表示，不同的菜单图标用不同的底色，剪影图标简洁凝练且有明确的指向性，让用户不费吹灰之力就找到功能入口。

（三）图标在装饰品、服饰等的应用

现在是90后的时代，年轻一代带动消费市场向青春、个性、时尚的方向发展。他们为了彰显个人的性格及价值观会选择一些潮流的服装饰品等。如下图，我们可以看到图标所体现的“个性”概念。这里图标主要发挥了装饰的作用，其具体含义并非那么重要。但是也会尽量保持图标风格上的一致，这样整个服饰的图案设计才会和谐统一。

参考文献：

［1］俞建章、叶舒宪.符号：语言与艺术.上海：上海人民出版社，1988.