基于移动互联网的界面图标艺术设计原则

文/敖蕾

首先需强调，图标有别于标志和图示。标志不受地理、人文与历史的限制，允许通过打破传统的时间与空间限制而采用的多种艺术表现形式，重在传达出企业的理念与愿景；图示则是通过较为直观的展现形式，实现快速被用户认知的提示作用的图形。图标是基于图像与隐喻的集合，在用户脑海中建立连接后，用户才会点击相应的图标，通常运用在某个应用程序、界面窗口、导航选项、计算机命令等互联网平台。

识别性不佳的图标，往往会给用户在操作时带来误解和障碍，尤其是过度复杂或者过度简练、抽象概念的图标，都会给用户带来很多困扰。识别性好的图标，不仅可以为用户操作提供方便而且还能在使用过程中带给用户愉悦感。因此，图标不是随意的设计与表达，它需要根据产品的设计逻辑，遵循以下几个艺术设计原则：

一、隐喻的精准性

在艺术设计中，设计语言很多时候是联想的、隐喻的。如果我们能充分了解思维隐喻的“工作”方式，就能更深层次的把握设计的创造性语言，创造出更多情感化、人性化的设计。

(一)通用的图形符号

1981年推出的XEROX 8010是第一款图形用户的系统(图1)，被认为是用户图形界面设计的鼻祖，其界面展示一系列具有隐喻的图标设计：文件、文件夹和信箱等。我们现在很多设备的界面设计都是基于此款系统界面设计的视觉使用习惯来制定。

设计师Jon Hicks认为，“图标设计是一个小小的奇迹，它们可以超越语言的障碍，简明的指引警告和方向，传递我们的情感，并且指明用户应该点击哪一个按钮。”[1]图标的根本意义就是通过大家共同认知的语言，让用户理解、操作并快速的获取信息。选择目标用户都可以用认可的图标来进行表现，这样可以帮助我们设计更加行之有效。

图1 Xerox 8010 Information System界面

(二)跨文化

国际化图标设计，更需在充分调研后谨慎的使用视觉隐喻，注意其形象和色彩在跨文化上产生的差异：

1.形象

用户界面中，只有图标在被准确识别的情况下才是有效的，才会通过按钮将会实现的目的快速而紧密联系在一起。设计师们会通过调研尽力回避做出模棱两可的图标设计。

在界面设计中运用国旗、地图、手势和动物都是非常敏感的符号，同样需要谨慎使用。国旗普遍具有丰富而鲜艳的色彩，可以添加到沉闷的界面中，增加界面的活力与艺术美感，但是旗帜代表了更多政治的色彩。

2.色彩

色彩可以是一个主题，在抽象的界面背景或者按钮中使用色彩是没有什么顾虑的。但是当色彩用在一个特定的语境中，不同的国家就会有不同的意义。在图标艺术设计中不仅仅要考虑到用户，同时也要考虑到在什么场景下，用户会使用该产品，以及目标用户真正的需求体验。这与互联网产品设计逻辑是紧密相连的，怎样将用户需求与艺术表现形式相结合是现代互联网下图标设计的艺术挑战。因此，在制作图标设计之前利用网络进行充分的调研必不可少。

二、图形表达的简约性

除了颜色、形状给人的直观感受外，图标作为人与机器互相传递信息的媒介，其主要职能就是负责引导用户对于界面的使用和操作。简约的图形表达可以增加用户对于产品使用的友好度，与增加用户粘性。一种错误的观点认为图标只是对界面起到装饰作用，不会主导界面的信息操作。事实上，拥有繁琐细节的图标不仅会影响其被准确的识别，为用户能够快速理解图标所传递出的信息造成障碍，而且比文字更难理解，造成了操作时的信息传递障碍。有意思或者趣味性很强的图标会带给用户新鲜感，但不是所有用户上来就可以轻松操作。利用视觉策略能够准确而快速的把信息提供给用户是至关重要的事情。

如Starbucks网站的导航设计，我们仅在页面上端看见一个代表购物车的口袋图标、寻找店面位置的图标以及查找图标。两个图标对该品牌色(绿色)进行提亮，并且作为导航合理的进行使用，体现图标在导航中的作用，为用户快速的使用提供了方便。(见图2)

图2 Starbucks 官网

可见，图标不仅仅是作为装饰或者视觉趣味元素被添加在界面中，更重要的是他们可以作为导航的辅助元素，让用户快速的获取最主要的需求，让一个图形快速的促进用户的记忆保留。

三、设计风格的一致性

在为移动互联网设备做整体图标设计的时候，除去要回避过度复杂的图标设计，也要与整个系统或者网站美学风格一致，要求具有统一的设计风格。图标通常情况下可以划分为象形图、表意图形、随意图形，由于图标不可能单独只设计单一的图标，所以无论采用何种形式，必须保证图标的系列感和一致性的风格。虽然图标设计师在很多方面会受到技术的限制，但是创造性永远是设计的核心思想，风格化的产品会受到人们的青睐。长久的扁平化图标也会带给人乏味感，人们在精神上会渴望不寻常的设计。如果设计师产生好的设计想法，就要保持风格的一致性，将图标做成一套系列化的、独一无二的、易读懂的图标。

同时，准确的运用隐喻、简洁的图形表达与一致性的艺术风格是界面设计中重要的设计原则，它可以使得界面设计化繁为简，把复杂的界面变得简单。使得用户对于界面的认知行为更加迅速和直观，减轻用户的辨识难度，让用户在轻松愉悦的状态下完成交互过程。

综上所述，在移动互联网迅速变化的背景下，新的概念界面会随着新设备的出现，影响和改变人们操作的方式。随着显示器分辨率和尺寸的不断提高，图标设计也摆脱了像素的限制，大图标被广泛的运用在各种设备中。通常一套全新的图标设计难度要大于一套标准的、常见的、习惯的图标符号。因此，要想做出好的图标设计，除去遵循以上艺术设计原则外，还应该跟踪新的产品、了解界面设计的发展趋势、及时了解客户的需求，经过系统而全面的调研与思考。

[1]http：//www.hicksdesign.co.uk/journal/