摘 要:手机界面是人与手机之间传递和交换信息的媒介,文章从设计艺术学角度探讨了手机界面设计的视觉语言构成要素。
关键词:手机 界面设计 视觉
随着社会日新月异的发展,手机作为消费类电子产品,从诞生之日起至今从未停止过前进的步伐,并且以前所未有的速度发展,成为更新速度最快的个人电子产品。 手机不仅仅是用于通话的工具,更多地集娱乐、生活、新闻资讯于一体,越来越深入地介入到了人们的日常生活中。
一、人机交互下的手机界面设计
手机界面在人机交互的信息传递过程中具有重要的作用。 手机软件界面是置身于手机操作系统中的人机交互的窗口,设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计。早期的手机界面由于技术上的制约,大部分采用黑白色、蓝色、绿色等屏幕。在界面设计上,文字是界面的主要信息,而图形则是用线条简单勾勒,缺少图形的设计美感,手机界面单调,仅仅以满足功能,缺乏视觉形式美。随着技术的发展,人们对审美的需求日益增加,手机界面由原来的单色发展为彩色,信息内容更加丰富,文字选择既能满足功能性又符合审美需求, 图形更加精美,甚至有些图形还采用动态形式出现,受众还可以根据个人需要自行定义文字和图形,手机界面得到了快速的发展。2007年,“iPhone”手机的诞生,使手机界面设计产生了一种革命。它给用户带来了前所未有的手机新体验,还前所未有地拉近了用户与手机之间的距离,让不同年龄、性别、地域的人都能够在手机图形化界面中得到体验的快感,它将文本界面图形化,界面设计更加个性化、人性化。随着科技的发展,界面正悄悄地融入我们的日常生活中,变成生活的一部分。
二、手机界面设计的视觉语言
手机界面的视觉语言,主要包括文字、图标、色彩搭配、动态导航、界面版式等一系列构成元素。
1、界面文本的选择
文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息,要达到这一目的必须考虑文字的整体诉求效果,给人以清晰的视觉印象。手机界面的字体设计直接影响到界面的风格,字体标准的选择依据操作系统类型决定,应当使用与其界面视觉风格统一标准的字体,避免繁杂零乱,使人易认、易懂,切忌为了设计而设计。 通用的字体最易阅读,特殊字体用于标题效果较好,但是不适合正文。如果在整个页面使用一些特殊字体,这样读者阅读起来感觉一定很糟糕。特殊字体如果在页面上大量使用,会使得阅读颇为费力,浏览者的眼睛很快就会疲劳,不得不转移到其他页面。手机界面中字体的选择,还应考虑界面的大小,使两者大小比例协调。对于触摸屏手机来说,由于其屏幕较大,文字可以适当放大,不仅从形式比例上考虑,同时也方便了其功能性的操作。
2、界面图标的设计
图标是界面的图形符号,是具有明确指代含义的计算机图形,是构成界面风格的重要元素,和用户如何操作手机关系密切。 图标的功能是我们进行图标造型设计的标准和依托,在设计图标之前要确定图标功能,也就是说要考虑图标的隐喻性,它代表的意思必须是用户可知的、熟知的。比如iPhone内置的备忘录应用就是一个使用隐喻的典范。除了基本的删除和邮件这些图标隐喻,整个产品的外形:棕色的头部导航,米黄色的纸质背景,配合细致的行隔线和垂直的双细线,俨然就是一可爱的小小备忘本。将产品与实体对应起来,用户一看就知道软件的用途。结合界面图形设计的隐喻性,图标图形应尽量使用简洁的平面图形,尽量使用像素化的表现形式。 图标的设计要尽量避免生硬的边缘轮廓,提倡渐变、羽化加强图形的仿真性能,使设计更加趋于人性化。一方面图标的设计要求简单美观、富有吸引力,这样用户才愿意让这些图标长久占据有限的屏幕空间;另一方面也要把握可识别特点,让用户在大量图标中轻松找到该应用程序。图标必须有自己的特点,对于关联的产品,可以结合品牌进行设计。
3、色彩的搭配
手机界面的总体色彩应该与界面主题相协调,在手机软件界面的色彩设计上,妥当运用色彩这种感性元素协调各要素之间的关系,使形态和功能特点得到突出,达到明确产品特征、强化诉求的目的。 色彩是影响手机界面的重要因素, 色彩搭配要考虑到你希望对用户产生什么影响,为手机界面设计选择合适的颜色,包括背景色、元素颜色、文字颜色等。 比如基于饱和的色彩和华丽的质感,塑造超酷、超眩的视觉感受,利用羽化了的像素对图形图像进行仿真设计,不仅塑造界面色彩、形状,还进一步在元素的质感和体积感上下功夫,给用户一种高贵华丽的视觉享受。对于界面的整体色调,最好使用邻近色或同类色进行色彩构成,采用色彩的弱对比,因为界面图形本身就结合了体积感和质感的塑造,如果整体色调对比太强,很容易给用户造成眼睛疲劳。把握界面整体色调的同时应注意在图标和线条的色彩配置上下功夫,以活跃整个画面,避免整个界面色彩单一、黯淡无光,合理地使用线条和色彩渐变,以确保细节的完美体现。
4、动态导航的设计
手机界面的动态导航设计是结构层面设计中的主要工作之一,它是对手机操作进行宏观操控的区域,随时可见,在这里它可以保存当前操作结果、切换当前操作模块、退出系统,实现对软件的灵活操控。导航设计的好坏,直接关系到用户使用是否能够流畅。 面对较复杂的导航,我们第一反应是将其简化。 合理的导航设计,应该首先关注用户,提示明确,让用户知道自己的当前位置,并且能够迅速跳转到下一个界面,尽量让用户一目了然,减少用户操作步数。在设计导航时,也要遵循人类的认知法则,符合所对应用户的认知度。如果设计的导航让用户很费劲或者花费较长时间才能搞清楚,无疑是失败的体验。
5、界面版式
手机界面的版式在设计时应该结合软件的应用范畴,合理安排,在有限的屏幕上将众多元素整合排列,以达到美观实用的目的。由于屏幕有限,设计师应考虑将重要信息或视觉流程的停留点安排在注目价值高的最佳视域,使得整个界面的设计主题一目了然。比如将最常使用的高度概括的信息,或者一些常规操作如添加、完成、保存、取消——置于屏幕顶端。 屏幕的底部一般是辅助性的工具栏或切换视图使用的页签栏。一些影响较大的操作如果出现在屏幕下半区域,要仔细考虑它们的排列设计。 应用程序界面必须尽量简洁,一目了然,用户看到就能马上理解。比如我们可以尽可能地减少输入,直接为用户提供选项,如索引列表,既方便用户记忆,也可以帮助用户快速扫描并直接选中。要尽量避免不必要的交互,不要一味提醒用户如何操作,设计时应该关注如何更有效地引导用户集中精力快速完成任务。在iPhone手机内置的短信发送,版式布局合理,不但写信人和收信人的信息内容左右区分,而且在底色的选择上也进行区分,信息内容通过时间顺序排列下来,整个信息来回历史一目了然,用户进行功能操作的时候更加方便快捷。界面版式的设定,在很大程度上需要借鉴相关手机系统界面的版式,以确保样式的相对统一,利于系统与软件的整合。当然也要考虑软件本身的应用特性,结合操作的可用性和可实施性,对版式进行合理的调整,使呈现信息的区域与区域之间协调统一、主次得当。
美国未来学家尼古拉·尼葛洛庞帝曾在其着作《数字化生存》中写道:“我的界面梦想是,我的电脑将变得更像人。” 可见用户希望得到更加人性化的界 面,不仅要求视觉的形式美感、功能上操作便捷,更重要的是一切必须以人的需求为根本,带给用户人本主义设计关怀。好的界面设计也不仅仅是包括视觉上的,同时还有触觉、听觉以及交互性方面等,相信未来的手机界面设计能给用户带来多感观的体验。
参考文献
[1]刘冬冬 何人可 3G手机用户界面设计探讨[J].包装工程,2007。
刘心雄 郑家元 触屏手机界面设计[J].包装工程,2009。
祝瑜 王毅 黄海燕 手机界面设计的视觉语言分析及其风格化设计艺术研究[J].包装工程,2007。