当前位置:文档之家› 软件界面中的图标设计

软件界面中的图标设计

,品,0EC01渝艺术设计与理论£=二二=jj二二==二:二=::一二:=:=:::二:二二二l软件界面中的图标设计■谭坤王凯翔【摘要】:图标设计是界面设计的二.图标与信息景。

例如,用图形—下就能表达出重要组成部分,是界面设计到视觉化在信息社会我们面临着两种某个建筑物或其他个体的形体特阶段的重要体现,但目前对于图标设状况,一方面,信息成为影响人类征,而用文字逐字逐句地表达通常计的研究没有被引起广泛的关注。

不少生活乃至经济发展、社会进步的重还说不清楚,还要借助比喻等修图标设计师对产品前期的工作参与的要方面,另一方面,信息超载也给辞方法,这些表达再经过听众加很少,只把自己当作—名界面的“化妆人类生活和社会进步带来负面影工与吸收,与原始信息会产生一定师”,许多图标作品以美为导向,根本响。

于是我们就面临着信息的分的差距。

软件的功能往往以操作不考虑用户和图标所在的环境。

本文散,无序与人们获取信息的选择性过程和行为过程的实现为目的,交结合认知心理学和符号学的理论讲述不强之间的矛盾。

如何使信息得到互过程极大地依赖视觉和手动控制了软件界面中图标设计的目标和图标设有效地交换、如何使人们能够有的参与,因此具有强烈的直接操作特计的原则。

效地、快速地、准确地获得信息是点,用图形更容易表达这类信息,【关键词】:图标;界面;信总;隐喻我们需要解决的问题。

信息时代设因此图标在计算机界面中得到广计的目的就是使信息有序、准确地泛的应用,由此可见图标的使命是一一.图标的概念传达和被有效地利用,设计活动为了帮助用户更快捷、有效地获取。

icon”这个词起源于希腊的集中在对信息的分析与处理上。

信息。

软件界面中的图标是为了帮“eikon”,原意为图像,在字典里人们可以用很多种方法传递助用户更方便地了解软件功能进被定义为宗教的图腾,图标概念引信息,如表情、动作、语言等。

常见而完成操作过程,所以软件中的图入到计算机以后被认为是图像、图的主要有两种:图形与文字。

按照标设计更要以向用户传递信息、减片或者是表示概念的符号。

∞广义线性与非线性的角度区分,文字轻用户认知困难为目标。

的图标是一种符号,它象征着一些传递的信息属于线性的,因为我众所周知的属性,功能、实体或溉们在获取文字信息时,通常按照顺三.隐喻在图标设计中的念。

具有象征、快捷传达信息、便序、逐字逐句阅读。

而我们在观察应用于识别和记忆的特性。

计算机软件图形时,可以根据自己的喜好和理隐喻是一种帮助用户在获取界面中的图标指诸如应用程序以解从任何地方开始观察和获取图信息过程中起到桥梁作用的重要及软件中某些功能的图形替代物。

形中反映的信息,可以同时获取到形式。

图形通过隐喻向用户传递信图标有很多种,按平台可以分为:很多信息。

认知学把信息分为两大息,隐喻在图标设计中占有重要的计算机图标,移动设备图标、网类:主题信息和情景信息。

主题信地位。

作为修辞中比喻的一种手站图标、游戏图标等,在同一平台息一般指诸如法律条文、游戏规法,隐喻目前在设计的各个领域中下可以分为:程序图标、工具栏图则等,一般用文字表达,因为用文有所应用。

在建筑领域:巨大的空标、按钮图标;在同一个操作系统字容易把信息说准确。

情景信息间或形体隐喻权势、等级与显赫的下可以分为:系统图标和应用系统描述事件的环境信息或者操作过身份;在平面设计领域用隐喻做图标等。

程等,用文字表达虽然准确,但理设计的例子也很多,在广告设计中解与接受起来图形更为方便,用图商家在向用户推销产品卖点时通形容易直观地表达主题的整个场常不直接说产品的功能,总是找到筒fiinEC0,品7邕…二。

二,i”二?::二9:■:j::■:_:::I‘=:|”二一,。

:二_二二二:j艺术设计与理论一个合适的喻体来加深用户对该师的第一目标。

功能的理解和认识。

从心理学的角度衡量记忆主在图标设计中隐喻通常根据要有两个方面,一个是回忆,一个事物之间的联系以及功能上的相是识别。

一般情况下,识别比回忆似点,把某一事物(或某种功能)容易,比如我们在看英语单词时,比做另一事物(或行为),从而达如果看了几百个可能回忆出几个,到把抽象的事物说得具体,把深而让你再看一遍你刚刚看过的单奥的道理变得浅显的目的。

如大多词你是可以识别出大部分是看过数软件都用放大镜来表示放大功的。

如果图标中没有留下唤起记忆能,利用箭头来表示移动功能,用的要素,即使曾经知道意思,时间一个大家熟悉的符号就能准确地一长,就留不下多少印象,这样会表达所代表的功能。

软件界面中增加用户的认知困难。

图标的隐喻通常分为两种:一种是图标设计必须考虑用户视觉实物隐喻实物,从隐喻对象实物寻找特性,使用户能够比较容易发的象征意义隐喻图标的功能,如:现和识别想要的图标。

为了图标的放大镜,油漆桶、吸管、铅笔、橡易识别,设计中应首先考虑怎样使皮、打印机等,另外一种是实物隐图标传递更多的信息而不会增加喻动作,从隐喻对象的“功能性”用户的寻找时间。

其次,图标在界的角度出发来隐喻某些不能用直面中的分组与排列也很重要,相似观的实物代替的功能,如:拷贝、功能的图标尽量排列在一起,用户粘贴、左右对齐,窗口的最大化、识别出一个很容易联想到其他的最小化标准模式等。

(图1)。

2、根据目标用户群确定图标四.软件界面中图标的设的风格:计原则设计图标时—定要考虑清楚,1、易识别:使用该图标的目标用户的特点,不图标设计不仅是为了美观,设同的用户群具备不同的认知特点:计也不仅是要追求原创,设计是为如图形图象软件的用户一般是具了让设计对象能够被用户正确、有审美观、具象思维比较好、善于简单、快捷地认识。

图标不同于标想象,习惯于用右脑思维、整体感志,尽管标志也在向观众传递企和知觉很强的用户,因此这类软件业文化、价值观等,但标志不一定的图标可以设计的具象、直观一第一眼就让观众看出它的象征意些;一些计算机程序软件的用户义,可以通过长时间的领悟加深一般是注重逻辑、抽象思维,整天对它的印象。

而软件界面中的图标面对文本字符、很理性的程序员,不同,要求强烈的视觉识别,图标那么这类软件的图标应该设计的的出现和存在的价值都是为了让抽象一些,对于一些容易引起歧.人们易于识别,让用户通过表面视义的图标甚至可以用文字代替。

觉形象去猜测图标含义就比较困3、统一性:难,甚至打消用户的使用欲望。

所同一界面中图标的风格要统以图标设计中,形式美并不是关键一,一致的外观与感觉可以在软件的,能不能准确被识别才是设计界面中创造一种和谐。

如果界面,品,DECnlifii艺术设计与理论【j:=::i:!==“i二:了:j”-|:_1::jj:二i….,[.,:l图标缺乏一致性,则很可能引起混懂它时,又没有任何不同,这样软忽略的。

所以,图标设计不能仅仅淆,并使界面看起来没有条理。

由件的用户满意度就会大打折扣。

看外表及形式是否美观,而要看于图标的功能各异,所用的图形必再次,考虑目标用户对隐喻对象的它是否能完成它在设计环境中的定不同,在同一软件界面里面的图认知与接受能力,我们在设计图标使命。

标可以添加共同元素来统_风格。

时,要考虑不同语言与不同文化背.如在给某一服装CAD软件设计图景的用户对隐喻的认知差异。

应该注释:标时,根据软件的功能与特点提取考虑到使用该软件的大部分用户①(美)BenShneiderman著,张国印、李健钊等译:《用户界面设计》,电子工业服装中的元素设计图标(图2)。

如对你所采用的隐喻对象的认同和出版社,2005年,第135页。

果图形的元素方面找不到共同点,理解能力。

如儿童用的软件产品的②http://content.chinavisual.com,data,c,7,174a15191.htm不少软件图标采用相同的外形,如存储再用3.5寸盘这个隐喻就不太用圆形或用方形环绕图标等。

合适,因为3.5寸盘市面上已经很少参考文献:在设计图标时,应考虑到用户见到,大部分儿童并不知道这是个1,(美)BenShneiderman著,张国印,李健已有的习惯和接受能力,最好调查什么东西更谈不上理解这个图标钊译:《用户界面设计》,电子工业出版社,2005年。

j下其他同类软件的图标情况,以的功能了(图4)。

第四、要考虑到2,(美)唐纳德.A.诺曼著:《设计心理了解已经创建了什么样的用户使用隐喻的唯一性,选择隐喻对象时学》,中信出版社,2003年。

3,(美)ALANCOOPER著:《交互设计之习惯。

例如,许多软件用一张角上尽量选择图形象征意义比较单一路——让高科技产品回归人性》,电子有卷边的纸来表示“新建文件”图的图形,如果隐喻对象有很多其他工业出版社,2006年。

标(图3)。

也许还有更好的隐喻来的指代含义,那么很容易混淆用户4,(美)DONALDA.NORMAN著,付秋芳、程进三译:《情感化设计》,电子工表示这一功能,但改用其他的表示的判断力。

第五、避免不匹配的隐业出版社,2006年。

方法会引起用户理解上的困难。

喻,如果选择的隐喻对象与图标的4、构筑合理的隐喻:功能不匹配会给用户带来认知的负在界面的图标设计中,成功担,也就更谈不匕识别与记忆_L如构筑隐喻关系的第一步是准确了绘[][].垄洲/:photoshop图标中的加深、解用户需要,通过概括、归纳、想减淡、海绵工具让人百思不得其象建立事物之间的联系然后针对解,用一只手表示加深工具,这是这些联系来寻找其现实世界的隐一个完全不匹配的隐喻(图5)。

喻对象。

首先,要选择合适的隐喻对五.结束语象,尽量选择功能上与现实生活中著名图标设计师SusanKare一致的图形,用户在初次使用时就说:“好的图标应该是在同类中易会在外形上-有认同感,减少认知的读易懂易识别,而不是在说明解困难,在具体的使用中也会觉得释,一个好的创意应该以清晰、简顺理成章;其次,约定俗成的隐喻明、给人印象深刻的方式表现出元素尽量不要轻易改变,诸如放大,来。

”。

由此可以看出图标设计应镜、文档新建、拷贝等这些被人们该以减少用户感知困难和理解记广泛认可的隐喻。

可以根据软件的忆困难为目的而不是以设计的是风格需要用各种手段来使得这类否美观为导向。

视觉设计可以帮助隐喻与其他相统一,让它看起来更完善甚至解决交互设计的需要,加适合整体,但决不要放弃这一隐通过视觉独特的导向作用完成交喻元素转而诉求别的隐喻元素。

互设计所要表现的内容,比如结这是因为人们会推测不同的形状构的表述、情感化的表达、减少错谭坤北京服装学院2005级研究生有不同的含义,可当人们试图去读误导向等,这一点正是许多设计师王凯翔北京服装学院艺术设计学院实验师软件界面中的图标设计作者:谭坤, 王凯翔作者单位:谭坤(北京服装学院), 王凯翔(北京服装学院艺术设计学院)刊名:饰英文刊名:DECORATION年,卷(期):2007(4)1.BenShneiderman.张国印.李健钊用户界面设计 20052.唐纳德.A.诺曼设计心理学 20033.ALANCOOPER交互设计之路--让高科技产品回归人性 20064.DONALDA.NORMAN.付秋芳.程进三情感化设计 20065.BenShneiderman.张国印.李健钊用户界面设计 20056.查看详情本文链接:/Periodical_s200704010.aspx。

相关主题