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

产品用户界面中图标元素设计研究摘要：本文通过梳理产品用户界面中图标元素设计中拟物、扁平和符号化三种表现形式分析现在的用户界面的设计特点和现状以此探讨归纳未来的设计发展趋势和方向。关键词：用户界面国标元素拟物化设计扁平化设计符号化设计用户体验中图分类号：TB472文献标识码：A文章编号：1003-0069（2015）12-0034-02引言产品用户界面中的图标元素设计自2000年传入中国在互联网与移动互联网蓬勃发展下得到快速的发展在这期间出现了大量的产品用户界面设计师即UI设计师。用户界面设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的用户界面图标设计不仅是让软件变得有个性有品味还要让软件的操作变得舒适、简单、自由充分体现软件的定位和特点。通过界面给用户一种情感传递是设计的真正艺术魅力所在。用户在接触作品时的感受使人产生感情共鸣利用情感表达切实地反映出作品与用户之间的情感关系。一产品用户界面中图标元素设计的三种风格1.1拟物化设计拟物化设计是一种产品图标设计的元素或风格指原有物件中某些必需的形式在新的设计中已不再必要但新设计仍模仿旧有形式以使新的外观让人感觉熟悉和亲切。这可以看作是技术领域中的路径依赖。拟物化设计的代表作品：iOS7.0以下Android、以及iOS7.0以下时代的大部分APP。拟物化设计的特点（如图1所示）：界面模拟真实物体的材质、质感、细节、光亮等；人机交互也拟物化模拟现实中的交互方式。拟物化设计的好处是学习成本低一学就会而且传达了丰富的人性化的感情所以家居类物品适合拟物化设计。拟物化设计坏处是拟物化本身就是个约束会限制功能本身的设计。拟物设计并不仅仅局限于计算机图形用户界面中在生活中我们会发现许多拟物设计的影子比如你的相机在拍照时相机会发出”咔”的一声你家塑料地板的样式也很可能是木纹的这样的例子很多很多如果你仔细观察一定会发现不少。这些隐藏在生活中的拟物设计会让人感觉自然你甚至会觉得它是某些产品中必不可少的元素。1.2扁平化设计扁平化的概念最核心的地方就是放弃一切装饰效果、诸如透视、纹理、渐变等能做出3D效果的元素。所有的元素的边界都干净利落没有任何羽化渐变。尤其在手机上更少按钮和选项使得界面干净整齐使用起来格外简洁。可以更加简单直接地将信息和事物的工作方式展示出来。目前扁平化设计主要应用在WindowsPhone手机和Window8操作系统上（如图2所示）。扁平化合计拒绝特效。顾名思义扁平化设计仅仅采用二维元素。所有元素都不加修饰――阴影、斜面、突起、渐变这样会带来深度变化的设计都是不应该的。从图片框到按钮再到导航栏都干脆有力需要极力避免羽化、阴影这样的特效。现实主义、3D、拟物化更是扁平化设计的大敌。扁平化设计中的层次和其他的――对应但各个位面间没有交叉不会明确区分背景图片、前景图片、按钮、文本、导航等。最近越来越多的设计师开始赞同扁平化的设计。在大部分扁平化设计中基调仍然是扁平风格的但会在设计方案中添加一种且仅添加一种特效无论是阴影也好、梯度也好这种设计风格相比严肃的、纯粹的扁平化更加灵活。设计师们喜欢它因为可以添加深度和纹理：用户喜欢它因为它能有助于直观的交互。1.3符号化设计目前符号化设计可以分出以下三种不同的类型：指示符号设计、象征符号设计和图像符号设计。其中指示符号设计如路标就是道路的指示符号。象征符号设计如红色代表着革命桃子在中国人的眼中是长寿的象征。图像符号设计中比如肖像就是某人的图像符号。人们通过形象的相似就可以辨认出来。图形符号还是人们最初记录和传递的重要工具图形符号仍有语言、文字、图形无法取代的独立意义所以在界面设计中符号与图形会有着必然的联系。符号化的造型语言在界面设计中是完全可以得到充分发挥的。符号化设计在界面设计中的特征是将界面设计为可视的形象易于用户理解产生共鸣。因此界面设计中的图形元素从现实到非现实会有巨大的跨度与多样的变化。符号作为人们工作生活中不可缺少的一部分（如图3所示）在日新月异的现代社会中发挥着越来越重要的作用。无论是用户还是符号设计人员都会有一种共同的感受：每个人每天都生活在充满符号味道的氛围中。可以说只要有人活动的地方就有符号的存在。而标识也随着人类文明进程的加快而迅速得到完善。符号影响和改变着我们的生活。因为符号系统的警示及指示功能随时都在为人们服务、引导不管是正确的还是错误的。就如一个没有交通指示符号的路口人们可能会经常性地与来往车辆抢道路口充满了安全隐患设立了交通指示符号之后。路口的交通就会变