产品用户界面中图标元素设计研究

袁天昊 刘永翔

摘要：本文通过梳理产品用户界面中图标元素设计中拟物、扁平和符号化三种表现形式，分析现在的用户界面的设计特点和现状，以此探讨归纳未来的设计发展趋势和方向。

关键词：用户界面 国标元素 拟物化设计 扁平化设计 符号化设计 用户体验

中图分类号：TB472

文献标识码：A

文章编号：1003-0069（2015）12-0034-02

引言

产品用户界面中的图标元素设计自2000年传入中国，在互联网与移动互联网蓬勃发展下得到快速的发展，在这期间出现了大量的产品用户界面设计师，即UI设计师。

用户界面设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的用户界面图标设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。通过界面给用户一种情感传递，是设计的真正艺术魅力所在。用户在接触作品时的感受，使人产生感情共鸣，利用情感表达，切实地反映出作品与用户之间的情感关系。

一 产品用户界面中图标元素设计的三种风格

1.1 拟物化设计

拟物化设计是一种产品图标设计的元素或风格，指原有物件中某些必需的形式在新的设计中已不再必要，但新设计仍模仿旧有形式，以使新的外观让人感觉熟悉和亲切。这可以看作是技术领域中的路径依赖。拟物化设计的代表作品：iOS7.0以下，Android、以及iOS7.0以下时代的大部分APP。拟物化设计的特点（如图1所示）：界面模拟真实物体的材质、质感、细节、光亮等；人机交互也拟物化，模拟现实中的交互方式。

拟物化设计的好处是学习成本低，一学就会，而且传达了丰富的人性化的感情，所以家居类物品适合拟物化设计。拟物化设计坏处是拟物化本身就是个约束，会限制功能本身的设计。

拟物设计并不仅仅局限于计算机图形用户界面中，在生活中我们会发现许多拟物设计的影子，比如你的相机在拍照时，相机会发出”咔”的一声，你家塑料地板的样式也很可能是木纹的，这样的例子很多很多，如果你仔细观察一定会发现不少。这些隐藏在生活中的拟物设计会让人感觉自然，你甚至会觉得它是某些产品中必不可少的元素。

1.2 扁平化设计

扁平化的概念最核心的地方就是放弃一切装饰效果、诸如透视、纹理、渐变等能做出3D效果的元素。所有的元素的边界都干净利落，没有任何羽化，渐变。尤其在手机上，更少按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接地将信息和事物的工作方式展示出来。

目前扁平化设计主要应用在Windows Phone手机和Window 8操作系统上（如图2所示）。扁平化合计拒绝特效。顾名思义，扁平化设计仅仅采用二维元素。所有元素都不加修饰——阴影、斜面、突起、渐变，这样会带来深度变化的设计都是不应该的。从图片框到按钮，再到导航栏都干脆有力，需要极力避免羽化、阴影这样的特效。现实主义、3D、拟物化更是扁平化设计的大敌。扁平化设计中的层次和其他的——对应，但各个位面间没有交叉，不会明确区分背景图片、前景图片、按钮、文本、导航等。

最近，越来越多的设计师开始赞同扁平化的设计。在大部分扁平化设计中，基调仍然是扁平风格的，但会在设计方案中添加一种，且仅添加一种特效，无论是阴影也好、梯度也好，这种设计风格相比严肃的、纯粹的扁平化更加灵活。设计师们喜欢它，因为可以添加深度和纹理：用户喜欢它，因为它能有助于直观的交互。

1.3 符号化设计

目前符号化设计可以分出以下三种不同的类型：指示符号设计、象征符号设计和图像符号设计。其中指示符号设计，如路标就是道路的指示符号。象征符号设计，如红色代表着革命，桃子在中国人的眼中是长寿的象征。图像符号设计，中比如肖像，就是某人的图像符号。人们通过形象的相似就可以辨认出来。图形符号还是人们最初记录和传递的重要工具，图形符号仍有语言、文字、图形无法取代的独立意义，所以在界面设计中，符号与图形会有着必然的联系。符号化的造型语言在界面设计中是完全可以得到充分发挥的。符号化设计在界面设计中的特征是将界面设计为可视的形象，易于用户理解，产生共鸣。因此，界面设计中的图形元素从现实到非现实会有巨大的跨度与多样的变化。

符号作为人们工作生活中不可缺少的一部分（如图3所示），在日新月异的现代社会中发挥着越来越重要的作用。无论是用户还是符号设计人员，都会有一种共同的感受：每个人每天都生活在充满符号味道的氛围中。可以说，只要有人活动的地方，就有符号的存在。而标识，也随着人类文明进程的加快而迅速得到完善。

符号影响和改变着我们的生活。因为符号系统的警示及指示功能随时都在为人们服务、引导，不管是正确的，还是错误的。就如一个没有交通指示符号的路口，人们可能会经常性地与来往车辆抢道，路口充满了安全隐患，设立了交通指示符号之后。路口的交通就会变得安全有序。符号，无形之中改变了我们的生活习惯。正因如此，我们应该对身边的符号引起足够的重视，把用户界面中的图标元素设计提升到符号化设计的高度。

二 产品用户界面中图标元素设计的发展及未来趋向

2.1 现阶段用户界面中国标元素的需求趋向

在这个高速发展的时代，人们每天都在潜移默化地接受着新鲜事物，而随着智能产品例如手机的出现，其对用户界面中的图标元素也有着明显的冲击，人们在逐步接受智能产品的过程中，这在年轻人中尤其明显。对于界面中的图标设计需求也不在向以往那样，需求在不自觉中已经较过去发生了一些改变。

2.1.1 情感化的转移

在智能产品如手机出现之前，可以说产品用户的界面中图标元素主要是拟物化的设计为主。人们由于已经习惯原先手机的按键式的操作模式，所以产品所给予人类情感的方式主要是通过视觉传达的，即通过多元的界面（阴影，发光，拟物化）等方式呈现给用户的；但是隨着智能产品的问世，人们对产品的操作方式产生了根本性的动摇，你会发现人们不再是冰冷地按动按钮，而是有着更加多元化的操作体验（点触、拖动，长时间按，放大缩小手势等），人们不在单一地通过界面国标即视觉获得情感，相反，人们对于操控手机的体验得到的情感甚至远远超过了原来多元的界面所带来的，人们的情感发生了转移，也可以说人们从单一的视觉情感体验为主转移到了操作手机的情感体验为主。

2.1.2 产品界面中的图标设计更加服从于功能

由于智能化产品如手机的问世导致按键式操作方式逐渐全屏触摸方式所取代，这也直接导致现在的产品屏幕也比原来的增大很多，因此其也比原来包含了更多的内容、功能、界面及图标，自然而然复杂程度也相对增加了不少。而面对着这么多的改变，复杂的增加，现在的界面图标设计就会相对于以往更加服从于功能，即让用户把更多的注意力集中在更加有效的信息上，而不是分散用戶的注意力。

2.2 现在设计的趋势——极简主义

伴随着win8的上市以及苹果ios8的发布，不难发现，现在用户界面中图标元素设计正在发生明显的改变，更加简单以至于简单到了极点。拟物化设计正在越来越少被人们谈起，而扁平化设计和符号化设计有着更加紧密的结合，形成了一种被大家称作为极简主义的设计趋势。

2.2.1 极简主义的特点

极简主义的概念最核心的地方就是：去掉冗余的装饰效果，意思是去掉多余的透视，纹理，渐变等能做出3D效果的元素。让“信息”本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。

极简主义设计的产生源于迎合了用户需求的变化，即情感的转移和更加让用户去留意更加有效的信息，界面服从于功能，这些都是该设计的优点。然而极简主义的缺点也十分明显，我个人认为其设计理念不易理解，即它的美很难被人发现只有受过高等教育的人才能所理解。由于现如今界面被设计的高度抽象化，简单化，造成了对人们视觉情感上的忽视，也可以说极简主义的界面设计过于单一、冰冷，缺少多样性的感情。

2.2.2 拟物化设计不会消失

随着极简主义即扁平化和符号化融合的愈发流行，现在出现了一些类似的声音即拟物化图标设计已经过时之类的的观点，我个人并不赞同。我认为他们之间不存在着绝对的对立，只是两种截然不同的风格，或者可以说二者是站在了不同的用户角度、需求去进行的设计。拟物化设计强调视觉上接近现实世界，有着很强的认知性；而极简主义设计则是强调高度简洁的设计，即尽量地将用户的注意力放在产品自身的内容和功能上，有着很强的抽象性。相较于极简主义的界面图标设计，拟物化设计更加容易被认知和理解。

极简主义风格设计出的图标元素过分强调简洁、高效风格，主要针对的用户是在上班族和青年人这些每天生活很紧凑的人，然而这种设计方式对于儿童、老年人、及其他一些视觉和认知并不完善的人来说很难让人理解。例如你很难让儿童或者老人轻易地能够看出（如图4所示）代表的是照相机，而且儿童的智力正处在发展阶段，过于单一的用色和平面化的设计对于儿童的智力发展也是不利的。相反，拟物化在这方面尤其先天的优势（如图5所示），由于其高度还原了现实中产品的形象，所以在认知上不会有较大困难。

2.3 未来产品用户界面中国标元素设计的趋向

就目前的设计趋势来看，当前的这种极简主义风格还会持续一阵子，但纵观设计史，没有哪个设计理念能够长期作为主导，哪怕是现在看来被奉为经典的现代主义，也不过风靡了十几年。因为人类是善变的，长期接受一个风格之后就会自然产生厌烦心理，从而产生全新的设计理念。未来的界面设计如果发生改变我认为一定会有基于以下几点原因：

（1）基于用户群体、情感发生改变或者主要参考用户需求产生转移

比如现在是为大多数年轻人上班族设计的极简界面图标，力求高效，加强内容和功能，但如果未来不是基于此类人为主导，或者主要考虑用户群体的需求对于极简的界面产生厌烦，对于追求简洁高速的情感产生转变，则必然设计理念发生改变。

（2）基于移动智能产品操作模式、交互模式发生改变

如果未来的产品不再依靠触摸式方式作为主导交互模式，而是改回按键式，或者是很热门概念的增强现实技术在未来得以成熟的应用在智能移动端，则我认为设计界面中的图标理念必然为迎合这一新兴交互模式的改变而发生改变。

无论如何，界面中图标元素设计也是设计史的一部分，从长远的角度看，其必然是符合反复循环，并在循环中产生创新的规律，用一种新鲜的设计理念来代替人们已经厌倦的旧有理念。

三 结语

产品的界面图标元素是人与移动产品进行交互的纽带，重要程度不言而喻。在产品高速发展的今天，我们作为设计者应该时刻关注用户需求、情感以及交互手段等的不断变化。作为一个产品界面中图标元素设计者，我们应该有义务去为大众设计功能良好的图标元素，设计出符合用户心理模型的界面图标，帮助用户解决实际生活中的所遇到的各种问题，规划好、设计好标识系统，更好地为大众服务，才能为社会营造出一个和谐有序的生存环境。