“有限中的无限”
——移动互联时代下手机图标的内涵设计

2020-10-11 06:23刘翠林
艺术与设计·理论 2020年9期
关键词:扁平化图标内涵

刘翠林

(天津商业大学 宝德学院,天津 300384)

信息时代飞速发展,如今已经进入移动互联时代,手机应用越来越广泛,手机应用的图标设计,已成为重中之重。手机应用的图标英文简称为Icon,是为使人机界面更加易于操作和人性化而设计出的标识特定功能的图形标志。随着手机移动端的不断发展,软件界面设计中的图标设计也发挥着越来越重要的作用。图标的图形化设计,在一定程度上替代了文字信息,可以跨越不同的文化背景,透过视觉符号来传递信息。

一、图标设计的重要性

(一)图标是手机应用的名片

用户了解一个新应用是从应用的图标开始的,一个应用的个性和风格可以从图标体现出来。图标作为用户和软件沟通的桥梁,起到了非常重要的作用。对于手机应用来说图标设计有如一个品牌的标志设计一样,人们对某一个手机应用的认知,基本上是从应用的图标开始,一个好的图标设计可以很好的告诉用户软件类型、特征以及用途,可以说图标是应用的名片。

(二)图标设计对软件的操作起到了重要的作用

另外在软件界面中,图标设计对软件的操作也起到了至关重要的作用,可以说软件的易用性很大程度上取决于图标的设计和布局。由于手机屏幕空间的限制,手机应用的图标必须更小,更简洁更直观。用户一看到图标便清楚其功能和操作,不需要看帮助文件或者重新学习。图标设计直接影响到软件的操作,好的图标设计可以让软件操作更简便、更直观。

二、图标设计的限制

手机界面设计经过拟物化和扁平化的不同阶段,如今的图标设计风格已经在扁平化的基础上更加趋向于直观、简洁和易懂。在有限之中拓展无限,是软件图标中的又一个难点。当然,任何事物在一定的条件下都有一定的限度或限制,甚至有的限度,是很难改变的,只能面对和承继它,并在有限之中主动开拓无限,创造无限。具体分析,软件图标设计的有限,主要表现为:

(一)图标信息传达的限制

由于手机应用是一个软件,要通过一个流程完成具体的功能,这个功能或简单或复杂,而软件的图标要表达这个功能。图标直接表达理念也是个难事,它必须采取或寓意,或象征,或暗示,或联想等创意思维方式,需要告诉你的更多在图形之外。图标必须传达对应的手机应用要传达的信息,用具体的有限的图形符号去表达抽象理念确实是非常困难的事情。

(二)图标设计的空间限制

由于图标的特性,在手机软件界面设计中,它属于“小品”。受到手机屏幕的限制,画面中的空间极度有限,图标的尺寸和形状都有严格的限制,一般外形为带有圆角的矩形或者圆形。在这么小的空间里进行创意设计,这无疑在先天上限制了设计者的方方面面,必须用简洁的元素去表达创意。

> 图1 Safari浏览器中阅读列表图标设计

> 图2 iPhone手机地图应用的图标设计

> 图3 IOS中的日历和时钟的图标设计

> 图4 IOS中语音备忘录的图标

(三)图标设计中色彩的限制

由于图标面积较小一般不适合使用丰富的色彩,单纯的色彩是软件图标设计的优势,亦是劣势,让它表现丰富的色彩,既不可能亦不应该。如果用指定的专用色,那么色彩的丰富性又无回旋余地了。这些有限的条件,在软件图标设计中更是无法回避的客观存在。

(四)图标设计的扁平化限制

界面设计的扁平化为用户的操作带来了便利,减轻了系统的负担提升了性能,但扁平化的设计也为图标设计增加了难度。在扁平化设计概念下,图标更加追求简洁直观的表达,舍弃所有额外的材质、光影等元素。什么质感、体积、结构、透视等凡是绘画艺术中能表现的,在图标设计中却无能为力。只能另辟新径,寻找自身的潜能优势。

为了简洁,软件图标中对过多元素持排斥态度。任何不需要的、可有可无的元素必须大胆抛弃,宁缺毋滥;其他艺术形式或可借助外力手段帮助完成创作成果。而图标几乎无法争取“外援”,一切只能靠自己。

三、在有限中创造无限,手机图标的内涵设计

正因为图标的设计面临诸多的限制,才形成了标志独特的艺术形象和表达形式。设计者面对软件图标的种种“有限”进行开拓创新,变被动为主动,寻求“无限”,创造“无限”,在矛盾和统一中寻求生存和发展之路。

一般在进行图标设计时,设计师使用图形创意的方法,运用联想加同构,通过色彩、图形、字体等元素的组合,将软件本身的应用范畴和操作特征精准地告诉用户。然而随着手机应用的发展,每个用户的手机里都装有大量的应用。在这种大量的信息面前,如何让软件的特性得到更好的展现,如何在认知的基础上传递给用户更多的理念和情感,这便需要设计者发挥创意,在有限中创造无限。在很小的空间中设计和表现确实非常困难,只有采用超越常规的思维模式,开拓创新,才能将图标设计出新意。

(一)图标设计中文化内涵的挖掘

图标的图形化特点具有符号学特征,很多符号有着特定的文化内涵,传递特定的信息。比方说一个波动的“K线”图形可以传达经济、金融、股票等等信息;心形图标可以表示爱心、健康等信息。使用约定俗成的符号,可以更准确地将软件的特性传递给用户,但是使用约定俗成符号也会造成缺乏新鲜感。只有在使用这些符号的前提下,挖掘更深层次的文化内涵,运用创新型的思维模式,给图标的设计注入更多的情感因素,才能给用户带来更加深刻的印象。如图1,在苹果手机的Safari浏览器中,阅读列表的图标被设计成一个眼镜的图形,首先眼镜代表阅读的意思,这个图形很好地体现了阅读列表的概念。同时这个眼镜的形状是苹果公司创始人乔布斯生前佩戴的最钟爱的眼镜的形状,这不单是对乔布斯的致敬和缅怀,同时这个图标对于苹果的老用户来说也传达出更深刻的文化内涵和情感信息。

再比如图2,“地图”应用的图标是一个地图上面有一个路标,路标上标有“280”的字样,这个“280”代表了苹果总部所在的位置美国280号州际公路。这些图标背后的故事无疑加深了人们对软件的情感。

(二)动态图标的使用让图标传达更精准的内涵信息

随着图标设计的不断发展,图标不再是一个静止的状态,可以通过动态化处理来传递更多的信息和概念。一个动态的图标可以更好地传达软件的信息,为用户提供使用方便。iPhone手机中日历的图标是一个动态图标,实时显示当前日期,而时钟的图标是一个正在运行的时钟,并始终跟手机的时间保持一致(图3)。这无疑提升了用户的使用体验,不但方便了用户观看时间,也加深了用户的印象。

现在很多系统还采用动态壁纸,动态壁纸不但本身是个动态图片,还可以根据时间地点的不同进行变化。比方说根据时间的不同表现出白天和黑夜的不同景象,展现出丰富的变化。动态背景和动态图标互相结合可以创造出更加丰富的视觉效果,增强的用户体验。

(三)其他感官的可视化处理,让图标具有全方位感官体验

图标作为视觉符号,主要传递视觉信息,如果可以传递其他感官的信息,将会具有更加全面的用户体验。如图4,苹果手机的语音备忘录图标,采用了一个声音的波形作为图形元素,很好的体现了语音备忘录的特征。同时它也是“Apple”的这个单词发出的声音的波形,这个内涵设计无疑带给用户一个惊喜,并更有创意地将声波和图形结合在一起,全方位地展现软件的特性。

总结

手机应用的图标设计已经成为一个独特的设计门类,具有自己的特点和风格。手机应用的图标设计受到有限的空间、有限的色彩、固定的形状等等各方面的限制。随着移动终端的不断发展,如何在众多的手机应用中脱颖而出,让手机应用的操控更加简便直观,图标设计起到不可替代的作用。只有正确面对图标设计中的种种限制,在有限的空间里发挥无限的可能,做好图标的内涵设计,变有限为无限,才能设计出更具创新性的手机应用图标。■

猜你喜欢
扁平化图标内涵
活出精致内涵
理解本质,丰富内涵
扁平化设计在手机界面中的发展趋势
挖掘习题的内涵
Android手机上那些好看的第三方图标包
图标
内涵漫画
中国风图标设计
扁平化的球星Ⅱ
有意思的厕所图标