视觉化因素在手机图形用户界面设计中的运用

【内容摘要】在人类的认知过程中，从报纸到电子刊物、从照片到网络电视，视觉化因素逐渐占领主导地位。随着智能手机的普及与发展，各式各样的手机图形用户界面开始呈现在移动设备上，融入我们的生活，刷新着手机用户的视觉感受。视觉化因素让手机图形用户界面设计不再空洞无趣，而是充满人性化的生动设计，让用户在使用的过程中更加方便、愉悦。文章通过对界面中文字、色彩、图标、板式布局、交互性设计五个视觉化因素在手机图形用户界面设计中的运用的探讨，提出了五点基本的视觉化因素在手机图形用户界面设计中的运用方法，以期为设计师提供一些新的思考模式的理论支撑。

【关键词】视觉化 图形用户界面 手机

人类对外界环境的感受方式主要有触觉、视觉、听觉、嗅觉等，其中最重要的感官体验方式之一便是视觉，人类对于视觉的依赖性远远高于其他感官。在人类的认知过程中，从报纸到电子刊物，从照片到网络电视，视觉化因素逐渐开始占领主导地位。人们对于那些视觉化了的事物相比非视觉化事物而言，往往能更加增强表象性、记忆性与思维性等方面的反馈。

视觉化因素被广泛地运用到设计中，这一点从手机图形用户界面设计的发展历程中能够得到验证。用户界面从单纯、生涩的文字诉述，到普通的Logo、文字与框架，再到设计师精心设计的符合主题的背景、绚丽的肌理效果、一目了然的艺术排版等。视觉化因素正充实着我们的眼球，让手机图形用户界面设计不再空洞无趣，而是充满人性化的设计，让我们在与界面交互的过程中更加方便、愉悦。

手机图形用户界面设计中的视觉化因素主要包含以下五个要素。

一、文字设计

文字属于视觉符号的一种，作为图形用户界面重要组成部分，为用户与界面之间搭起一座沟通的桥梁。在设计手机图形用户界面中的字体大小、效果与编排时，应遵循文字的可读性、文字的位置符合整体界面、视觉上给人以美感等原则。每一种字体都有着自己独特的性格，楷体的严肃、手札体的幽默、黑体的力量等，选择符合界面的字体与字体特效，能够起到主题突出、烘托整体界面效果的作用，为手机图形用户界面的设计锦上添花。字体的颜色运用也同样对界面信息的传达有着很大的影响，相同的字体、不同的色彩设计可以起到强调或者弱化的效果，使文本不受位置的局限。

二、色彩的设计

“色彩就是生命，因为一个没有色彩的世界在我们看来就像死的一般。”①

色彩最强烈、最直接地作用于人类的视觉感受。在用户与手机图形用户界面交互的过程中，色彩对于界面的视觉形象的描绘与表达起着重要作用，是界面设计中重要的视觉化因素。用户在浏览手机图形用户界面时，往往会先忽略文字、图标等小的细节，最先关注的是界面整个的色块色彩，而优秀的设计师总是能够巧妙地运用色彩因素，为手机图形用户界面创作属于自己的品牌色，增强界面对用户的视觉冲击，提升用户对界面的记忆。

三、图标的设计

用户的体验习惯往往是根据一个界面中的图标来判断此软件的质量、用途与交互方式。每一个界面都需要图标来与用户沟通，以生动活泼的图形吸引用户的眼球，直观告诉用户该怎样进行操作体验，最终完成界面的信息传达与交流。图标的设计过程中，应遵循简洁与美观并存、静态与动态协调、个性与统一结合的原则，发挥图标的趣味性高、交互性强、易理解等特点。这能够便于用户快速理解界面的逻辑结构，从而积极、直观地指引用户在交互过程中顺利地完成操作命令。

四、板式布局的设计

手机图形用户界面通常有文字、图标、按钮、动画等细节，通过板式布局构成一个完整的界面。无论多优秀细节的设计，如果布局框架杂乱无章、无迹可寻，那么这个界面都是失败的。许多设计师由于过于遵循自己的个性，一味地追求美观的板式设计，而忽略了界面内容的布局，使得界面空有形式，用户难以理解界面所要传达的信息，无法完成操作。一个成功的板式布局，应把用户的需求作为设计的首要目的，并深入了解、观察、研究用户的心理需求与操作习惯。明确板式布局设计本身并不是目的，传达给用户正确的信息才是设计的重心。

五、交互性设计

手机图形用户界面的交互性设计，是指用户与图形用户界面之间使用特定的逻辑方式进行交流与对话，通过用户与界面之间信息的交换与反馈，从而完成操作任务。用户可以使用诸如点击、拖拽、开合等手势与手机图形用户界面进行互动，触屏技术的运用让用户与界面之间架立起一座更加人性化的沟通桥梁。在用户与界面的交互过程中，常会加入动态效果来增加界面的亲切感。动态效果方便界面更直观、便捷地传递信息，为抓住用户的眼球起很大作用。如在界面中的子集页面切换时加入变形、位移等新奇的过渡形式，将会大大增加页面切换的趣味性与艺术性。

结语

在互联网渗入人们的生活，并成为人们在学习和工作中形影不离的工具的今天，手机图形用户界面作为现代化的设计方式拓宽了人们的视野、丰富了人们的生活，为互联网资源信息的共享发挥着不可替代的作用。设计师在设计图形用户界面时能够以全新角度的设计方式去创造出新颖而赋予特色的视觉形式，但仍需不断地探索、学习图形用户界面设计的视觉化因素的理论研究，为界面的设计提供充实可靠的理论基础。

注释：

①I.R.I色彩研究所.色彩设计师营销密码[M].北京：人民邮电出版社，2005：10.

参考文献：

[1]薛红艳.设计的视觉语言[M].北京：化学工业出版社，2006.

[2]廖洪勇.数字界面设计[M].北京：北京师范大学出版社，2010.

[3]普里斯.交互设计――超越人机交互[M].刘晓晖，译.北京：电子工业出版社，2003.

作者程安萍、杨阳系北京林业大学艺术设计学院

工业设计专业2013级硕士研究生