APP下载

浅谈图标设计

2015-05-30许馨之

美与时代·城市版 2015年2期
关键词:识别性方形图标

许馨之

摘 要:当计算机时代来临,图形界面得到越来越多的重视,图标设计作为界面设计的设计主体成为重中之重。它有着不可替代的重要性,并有其优点和缺点。对于设计师来说,图标成为了设计中最主要的部分。于是,应该怎样做好图标设计,即满足可识别性,又不失艺术性,是设计图标的过程中应当考虑的问题。

关键词:图标设计 界面设计

一、图标的起源和发展

“icon”,原意为图像,在字典里被定义为宗教图腾。计算机时代来临之际,尤其是在1973年施乐开发出GUI 接口与鼠标之后,计算机图形开始迅速发展。在半个世纪的发展中,苹果公司和微软公司呈现出不同的风貌和样式,同时界面的发展也是精彩纷呈。在这些丰富多彩的图形界面中,图标起到不可忽视的作用。

和早期的计算机界面相比,图形界面对于用户来说来得更加简单和直观。硬件的发展带来了图形化界面的发展,所以从图标的发展历史来看,则是一部计算机发展的历史。如通过分析苹果和微软的操作系统的发展史,我们可以看出整个图标的发展以及图标本身涵义发生的变化。同时现代手机飞速发展,手机更加多样化,这也体现了用户个性的多样化,并且界面对于用户来说尤为重要,图标作为界面的主体则是重中之重。但这就使得图标的设计更趋于复杂和多样。但是,图标的多样化也带来新的问题,用户在众多图表中则感到眼花缭乱,图标的设计也开始变得参差不齐。这也使得我们设计师在面对图标的设计的时候似乎无处下手,但是,我们仍然可以通过分析已有的图标,总结出图标设计的原则。

二、图标的设计原则

(一)可识别性原则。可识别性原则,指的就是图标的设计应当能被用户简单的解读和认识,即当用户看到这个图标时,我能够明白图标所代表的含义。例如,交通标志的设计应当是当之无愧的好的图标设计,因为几乎没有司机看到交通标识而不知道其意义的,交通标识的可识别性在这里得到了极大的发挥。

(二)差异性原则。差异性原则指的是图标之间应该有区别和差异,这样当用户看到图标能识别出它们彼此的不同,从而区分不同图标的功能性。如果不同功能的图标采用了易混淆的元素,这样的软件操作起来必然会使用户陷入困境。

(三)合适的精细度。图标并非越精细越好,我们要明白,图标首先是拿来用的,即是识别性,第二才是美观性。在图标的设计中,起初图标的识别性会随着精度的上升而提升,但是,当精度上升到一个点之后则会呈现下降趋势,所以我们在设计图标的时候,要注意把握好这个点,有时候过度追求精细和质感对于图标的识别性并没有更多的帮助。

(四)适量的元素选择。在设计图标的时候,图标的元素并不是越多越好,而是适度就好。图标设计的原则可以说是“不要让我思考”。例如vista图标的设计可谓是失败的设计,虽然微软在这套图标内倾入了相当的心血,但是因为选择了过于多的元素,使得整体认知产生了偏差。

(五)风格统一原则。图标的设计往往是成套的,这就要求我们在设计的时候统一它们的风格。

(六)与整体环境的协调。图标并不是孤立存在的,他们应当彼此相关联,如你想做一个80年代的复古设计,你的整体的色彩基调应该在复古色的范围之内,且应该和当时的环境有一定的契合,元素可以选择当时的物件,毕竟当时的产品和我们现代的物品有很大的差别。

(七)原创性。这一条对于图标设计提出了更高的要求,虽然原创性并非是图标必须的要求,而且在图标愈加丰富的今天,图标的风格已经千变万化,过于追求图标的原创性可能会带来识别性的降低,但是,有时候也可以根据产品本身的风格加入更为艺术的效果,从而给图标设计带来新鲜的血液。

三、图标的共时性和历时性

可以说,图标的发展不是一成不变的,从图标的发展历史我们可以发现,经历了像素图标和如今的超精细图标,改变的不仅仅是风格,还有意义的变化。

adobe公司的图标随着时代的发展也在变化。Adobe的软件其实都很难根据功能提取出一个具体的形状,于是早期的软件都用羽毛、花朵、蝴蝶这些“精神层面”的物体来表达。但是,这很难在用户和软件之间建立起关联。从CS3以后,adobe的套装图标发生了很大的变化,虽然美观程度不及以前,但这也让用户无需建立起对象和象征物之间的关联,这不是表意而是直接告诉用户“我是ps”。文字带来最直接的响应。

同时,由于苹果手机的普及和影响,近些年来图标的设计更加统一,更趋于圆角方形化,但是圆角的图标过于流行和普及也带来了一定的问题,这使得图标的设计过于单一,抹杀了图标的多样性。可以说,当在各类图标设计网站看到很多图标都变成方形的时候,比如说所有的球类都变成了方形,所有可能的物品都被放入方形的框内的时候,可以说,在图标设计方面,我们的方向出了问题。方形的图标设计实际上是苹果公司在手机图标设计方面做出的妥协,因为在手机这个有限的屏幕之内,自由形的排列会因为空间问题显得凌乱,于是就出现了方形圆角图标。并且因为app store的开放性使得各个厂商可以自行决定自己的icon图标,即使是再不怎么好的图标设计,在整体图标效果上也会显得整体和谐性,也就是统一性里面讨论的问题。在图标外形方面,苹果公司的这个规则只能说是一个方面,我们既不能完全按照这个方向走,也不能完全抛弃它,但是,当我们设计的时候,我们应该考虑新的解决方案来改进图标设计,这也是我们设计师应该去做的。

参考文献:

[1] 朱铭,奚传绩.设计艺术教育大事典[M].济南:山东教育出版社,2000

[2] 谭坤,王凯翔.软件界面中的图标设计[J].饰,2007(04)

作者单位:南京艺术学院

猜你喜欢

识别性方形图标
方形料仓堵料解决方法
捕捉方形泡泡
方形夹具在线切割切槽的应用
Android手机上那些好看的第三方图标包
Android手机上那些好看的第三方图标包
变方形
国产汽车标志设计批评
中国风图标设计
符号的识别性在广告视觉形式中的体现——以标志设计为例
以改性松香为交联剂的甲硝唑磁性分子印迹固相萃取材料的制备、表征及分子识别性研究