手机用户界面视觉元素的符号化设计

陶　婵　黄　炼　张　涛

M·I·T·媒体实验室的创始人及现任主席Nicholas Negroponte于二十世纪末说道:无论你有没有做好进入数字化时代的准备,有一点很清楚的,我们正以飞快的速度进入它,我们身边所有能被数字化的东西都将被数字化。毋庸置疑,数字化生活引领了今天的信息潮流。

美化数字信息化时代下产品的界面设计运应而生,融合多门学科,其中认知心理学、语言学、符号学等在其中都扮演着重要的角色。手机作为一种能提供信息服务或通过网络系统交互信息的消费类电子产品,服务于用户。随着人机界面中视觉元素设计的越来越丰富、细腻,手机界面视觉设计产生了巨大变革。用户界面设计的三大原则(适用于手机界面设计):置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。手机用户界面,从心理学意义来分,可分为感觉(视觉、触觉、听觉等)和情感两个层次。符号亦是人类世界的一个普遍工具。界面设计所包含的符号元素是极为广泛的,通常来说,可以把手机设计的元素看作符号通过这种融合去达到美感和可用性的统一,使现代图形界面更有魅力和更易于使用。比如用字母和图标代替了手机的各种信息,人们通过字母和图标这一符号形式,获得了符号所隐含的意义,通过对这些元素的再加工与整合,使得手机界面视觉符号化,遵循给用户舒适、生机与活力的原则,刺激视觉感官系统,增加用户的亲和力,适应不同用户的不同心理特征,实现设计所要正确传达信息的目的。如图1的手机界面,用完全图形化的符号来表示各个功能模块,例如:其中名片夹的功能模块采用日常生活中人们熟知的电话簿小本子的形态样式代替,以直观、快捷、易懂的认知感受,完成信息的传达。

这里我们所说的再加工与整合,即是对手机界面设计中视觉元素进行合理符号化设计。符号的种类很多,概括起来大致有听觉符号、视觉符号、触觉符号。设计时我们主要考虑的是视觉符号中文字、色彩和图形图像这三大类。

1.文字符号

文字在手机界面设计范围,尤其是年轻人的个性主题界面中,引领了年轻人的审美时尚的新视角,是一种最直接的的视觉元素符号。选择何种字体、何种大小、何种颜色,怎样与底色搭配、怎样排布,都深深影响这界面视觉和运行效果。

文字是一种十分清晰的符号,经过精心处理的文字信息完全可以制作出效果很好的界面,可以立即引起我们的大脑作出含意明确的思考。同时,这符号又具有形态方面的审美功能,即特别强调从艺术的角度,从视觉要素方面去考虑字体的类型。文字内容必须简单浓缩。文字尺寸在屏幕尺寸已定的前提下应该严格按照人机工程学标准进行设计。每个屏幕可以显示的文字的列数、行数、文字尺寸和字间距,包括文字的颜色都应该按照屏幕的规格尺寸来设计。使用统一字体,字体标准的选择依据操作系统类型决定。

文字符号在手机中主要体现在各级菜单名、菜单选项、各类阅读信息提示信息、帮助文档文字等方面,其表达遵循以下准则:口语化、客气、多用您、请,不要用或少用专业术语,杜绝错别字;断句逗号句号顿号分号的用法,提示信息比较多的话,应该分段;警告、信息、错误使用对应的表示方法;使用统一的语言描述,例如一个关闭功能按钮,可以描述为退出、返回、关闭,则应该统一规定;根据用户不同采用相应的词语语气语调,如专用软件,可以出现很多专业术语,用户为儿童可以语气亲切和蔼,老年用户则应该成熟稳重。制定标准遵循之。

2.色彩符号

手机界面设计者要考虑用户最初一瞬间的色彩感觉,紧抓住用户视线聚焦的那一刻,使设计的图例、照片、字体与空间等关系与色彩一起变成一种视觉化、形象化的语言,以达到更有效的传递目的。而且在“动”的手机界面中,特别在色彩元素设计上,要具有较强的可识别性,确保艺术原则和可用性原则同样重要。

针对大多数人群,手机界面色彩个性化,影响一个人的情绪符号,要为用户的个性需要制定多套色彩方案,不同的色彩会让人产生不同的心理效应,展现到图形界面的精到之处,合理的使用线条和色彩渐变,以确保细节的完美体现。当选择一种自己满意的个性化设置,不断变换色彩达到软件产品与用户之间的协调性时,才能使用户对手机界面的软件产品时常保持一种新鲜度,给用户带来视觉舒适和易用性。但是弱势群体,如色盲色弱人群,这类色彩符号效果就会较差,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊着重号指示性图标。

手机界面设计颜色使用恰当,还需遵循对比原则:在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。

3.图形图像符号

在手机界面的视觉元素中,图像和图形是最为直观常见的内容,当一种信息、现象、行为以一定的形态出现时,这种形态形象在视觉上既是反映各种事物不同属性的视觉信息符号,也是人们传达与接受信息的工具与媒介。

首先,它们所展现的最大特点在于它的直观感知,可以直现自然形态的美或是具体的行为,使得画面和按键易懂,容易辨别,令人产生清晰、具象、亲切生动和信任感。

其次,抽象性图形以简洁单纯的特色,运用点、线、面及几何图形将规律高度概括与提炼,留给用户想象的空间。人们可以根据自己的主观感受、生活经验等来理解和感受图像和图形符号所传达的信息。

另外,隐喻性较强的含蓄符号,本身特有的艺术性和内涵去吸引和引导用户,从而诱导用户的视线和操作行为。透过其传达与接受的互动而生成意义。

最后,图形图像符号更能表现设计趣味性。在手机界面设计中,可以考虑使用个性化的图标或者有趣味性的版面造型等手法表现界面的趣味性。这是一种活泼性的界面视觉语言。界面充满趣味性,使传媒信息如虎添翼,起到了画龙点睛的传神功力,从而更吸引人,打动人。

手机良好的界面设计,除了上述“再加工与整合”外,将视觉元素符号化应当还注意一些特殊的地方,如手机的屏幕显示区域小,因此要求元素设计精简而不失表达能力,不能太过于花哨难于表达;针对同一品牌不同型号的手机,屏幕大小不一致,因此需要考虑图片的适应问题和界面元素的布局问题;不同型号的手机支持的图片格式、声音格式、动画格式不一样,需要选择尽可能通用的格式,或者针对不同的型号进行配置选择。

总之,用户界面对于手机,如同姣好的姿色对于魔鬼身材,其重要性不言而喻。要想手机产品更出色,必定要软件够出彩,而对于界面视觉元素的符号化设计来讲,漂亮好用的元素可以给用户使用带来视觉上的享受和操作上的成就感,提升产品的市场竞争力。

(作者单位: 湖南农业大学艺术设计系)

责任编辑:杨建