随着计算机界面设计的发展,图标设计已广泛应用到UI设计中。精美的图标设计在画面中常起到画龙点睛的作用,首先在视觉和心理上得到了认可。从最初的简单图形到现在生动逼真的形态,图标设计已经发生了巨大变化。不管是从形态、色彩或材质上,图标设计的变化趋势日渐新颖,这不仅与UI设计的迅速发展有关,更与用户体验中的重要性体现密不可分。
2.1 图标设计的视觉效果
格式塔心理学指出, 人的基本需求满足后就会有更高的审美要求。视觉上,吸引眼球的图标往往都能让用户产生愉悦和舒适的感觉,这种体验会很持久并能产生很好的品牌效果。但是,不管图形设计的有多美观或是创意多新颖,在功能上永远都要遵循形式追随功能的理论。形式只是一种传达,人们通过看得见的形状、色彩、材质等来了解看不见的功能,只有这样它的使用价值才得以体现。但是完全不予以美感关注也是不对的,当用户因为一个丑陋的图标而放弃进入该功能体验的机会时,那后面的交互设计得再精彩,体验再生动也都是徒劳。
2.2 图标设计的语意传达
2.2.1 图形符号学
图形用户界面这个概念诞生于1970年施乐完成的第一个WIMP演示,从此,图形时代开始。符号是一种记号、标记、信息的载体,是一种感官系统所感知的对象,并代表一定的事物。索绪尔所研究的结构主义符号学对欧洲符号的发展奠定了基础,他用能指与所指的关系生动的表达了符号中的形式与内容[4],如图2。
图形符号是图标设计的关键。每个图标都是图形凝练与表达,是设计的体现。在我们看来在普通不过的图形符号,也有其含蓄的意义。如计算机中的回收站用垃圾桶来设计,文档用折角的纸张设计,驱动器用光盘设计,文件夹用拟实的文件表示等,都将图形符号形式表达,给人直观感受,如图3。图形符号的规范也是设计中应该关注的要点,简洁、易用、高效,可识别,风格统一,在满足这些基本要素之余,将个性与创新融合其中,才能设计出优秀的图标。
2.2.2 图形的语意传达
语意传达跨越了语言的界限,将所要传达的信息告知用户,让用户清楚明了自己的位置、想要的是什么,将要去哪里。从而起到告知和引导的作用。图形是经过抽象的代表特殊意义的形式符号,所以,如何更好地将其语意传达,才是成功图形的关键。图3中的几个图标设计,在形式上简洁,大方,在功能上,给人直观、现实的真切感。让用户从虚拟世界中得到现实物理世界的感知,清楚图形的功能,明白自己的需求和选择,成功的将图形语意传达。过于写实的图形又失去了形式的意义,而过于抽象的图形又会产生让人误解和模糊的弊端。所以,图标的高识别性要求在一定写实维度上才可,而这个平衡掌握在介于简单与复杂的写实性之间,如图4。
2.3 图标在布局中体现
图标在界面布局中的位置摆放也是表达整体效果的关键。图标在一界面中的大小与远近都能直接影响交互体验的结果。画面的左上方是最引人瞩目的位置,所以,较为重要和常用的图标都应该放置于此。而在选择一处不起眼的方位放置图标时,也就证明的图标的使用频率会很少或者功能可能忽略。
3 图标设计在用户体验过程中的作用
在设计对象上,以用户为中心的设计(UCD,user-centered design)是一种很好体现交互针对性的设计方法。这种方法常把用户放在首要位置,从用户的角度分析,感受和设计。对此才会有用户体验,这种基于以UCD为中心的观点。体验过程中,交互设计展现操作过程,界面设计体现视觉美感,而图标设计则是交互和界面中不可或缺的关键元素。