移动终端交互设计中的视觉美学法则

孙超凡 （东南大学 江苏南京 210000）

移动终端交互设计中的视觉美学法则

孙超凡 （东南大学 江苏南京 210000）

随着4G网络的开发和推广以及移动设备硬件技术的进步，移动互联网浪潮逐渐颠覆人们的生活。以触屏手机和平板电脑为代表的移动终端以其高亲密度的人机交互方式获得人们的青睐，越来越多的人们习惯于使用移动终端APP处理衣食住行等各种生活信息，移动互联网甚至有了APP 化的趋势。移动终端APP设计随之成了交互设计研究的新兴领域。然而，我们可以从安卓以及苹果的网上终端商城中看到，APP的设计水平参差不齐，其中有些复杂的APP交互界面让用户无所适从。由于 APP 市场竞争的激烈，使得以视觉中心为驱动的用户体验成为 APP 的竞争软实力，成为衡量产品成功与否的一项重要指标。本课旨在研究移动终端平台上的界面交互设计的视觉法则,通过分析移动终端交互平台的特点,结合平面设计美学的规律,提出一套基于移动终端交互设计的视觉美学法则。

互联网；移动终端；视觉设计；用户体验；美学

如何更好地设计移动终端交互界面，让用户跨越技术的鸿沟进行无障碍的人机交流？随着移动互联网的普及和触屏移动终端的风靡，这是当下交互体验设计师时时刻刻思考的问题。用户对APP的接触始于视觉，基于触觉，而视觉体验是超越功能体验更直接的存在，所以设计师应该通过最简约的美学设计带来最真切的用户体验。一个基于视觉美学的界面设计，是将内容、功能和美学汇聚到一起来产生一个最终设计，完成功能目标的同时满足用户的感官享受。笔者在大量的设计实践中提炼出以下几条概括性的界面视觉准则，请跟随笔者来探索移动终端交互设计中的视觉法则。

一、注意力原则

评价一个终端产品视觉设计最简单的原则，即“注意力原则”。用户的视线首先落在什么地方？哪个设计要素在在第一时间吸引了用户的注意力？它们是对于战略目标来讲很重要的东西吗？或者用户第一时间注意到的东西与他们的或者你想传达给它们的目标背道而驰吗？

用户在页面上的视线移动并不是随机的。它是一种所有人类共有的、对于视觉刺激而产生的、一系列复杂的原始本能反应。这些反应并不是完全无法控制的，设计师可以用各种各样有效的视觉手段，来吸引或分散用户的注意力。

面对一个成功的设计，用户的视线遵循的是一条流畅的路径。有些过于“拥挤”的界面，填塞太多的内容，所有的元素都在试图吸引用户的注意，使用户的眼睛在各种各样的元素之间跳来跳去，丝毫达不到聚焦重点的目的。其次，在不需要用太多细节的前提下，好的设计为用户提供有效选择的某种“引导”。这些引导应该支持用户试图在此刻通过与产品交互去完成某个目标和任务，同时，这些引导不应该分散用户对那些“能完成目标的信息或功能”注意力。

二、对比和一致性原则

在视觉设计中，我们用于吸引用户注意的一个主要工具就是对比。一个没有对比的设计，就像一个灰色的平面，令用户的视线四处游离，而无法解决任何问题。对比是用以把用户的注意力吸引到界面中的关键部分的一个重要手段，能帮助用户理解页面导航元素之间的关系。同时，对比还是传达信息设计中的概念群组的一个主要手段。当一个元素在设计中显得与众不同时，用户就会注意到它，这是他们所不能控制的本能行为。设计师可以利用这一点来使用户注意那些“真正需要从这个页面的其他元素中突出的东西”。比方，在页面界面上的错误提示通常会被页面的其他元素所淹没，但如果给文本一些不同的颜色或者用一个醒目的图形将它们凸显出来，就能将信息迅速送入用户眼帘。这些手段的目的只有一个，就是让“差异”足够清晰，让用户要足够分辨出某个设计选择是特意要传达一些信息的。

在设计中保持“一致性”是终端界面设计的另一个重要的组成部分，它能使你的设计有效地传达信息，而不会导致用户迷惑或者焦虑。“一致性”被广泛应用在视觉设计的许多方面。将视觉元素的大小保持一致的尺寸，可以使你在需要的时候把他们更容易地重新组合成新的设计。举个例子，如果你在导航中使用的所有图形按钮都是同一个高度，那么它们就可以在需要的时候被混合并匹配，而不会形成一个布局杂乱或者被要求重新设计的图形。

三、配色方案

色彩可能是向外界传递品牌识别的一个最有效的方法。一些品牌与色彩具有如此密切的关系，比如，很难相信如果没有色彩，可口可乐如何才能被不假思索的记住。可口可乐公司多年来一直坚持使用了同一种很特别的颜色，红色，这在公众的脑海里创造了一个很强烈的感觉。

在大多数情况下，更亮或者更醒目的色彩可以用于设计界面的前景色——那些你希望得到更多注意的元素。更暗淡的色彩最好用于那些不需要跳出页面的背景元素中，拥有所中可选择的色彩，为我们提供了一套能做出高效的、可供选择的工具包。

正如“对比”和“一致性”原则在视觉设计的其他领域很重要一样，它们在创建配色方案时也扮演了一个重要的角色。在同样的环境中使用时，一个非常接近其他颜色、但又不完全一样的色彩，会降低配色方案的效率。所以当你想使用不同色度的同一色系时，要保证它们之间的差异足够用户把它们区别开。

四、字体简单

从乔布斯的苹果电脑对字体美学的狂热偏执开始，字体便一直作为“用设计来有效传达形象”的一个重要组成部分。在APP中，受移动终端尺寸的限制，任何文本都会呈现在一个可延展且被用户高度集中注视的区域，因此，简单最好。面对复杂字体组成的大段文本，用户的眼睛很快就会疲倦，这就是简单字体被广泛使用并经久不衰的原因。但这并不是唯一选择，在保证可读性的同时并不一定要牺牲风格。

有效地使用字体的原则与那些视觉设计的其他原则完全一样：不要使用非常相似但又不完全一样的风格。只有在你需要传达不同信息的时候才使用不同的风格。风格之间要有足够的“对比”才能在你需要的时候吸引到用户的注意，但是不要使用过于广泛和多样的风格。

终端交互设计市场已成为移动互联网的一项重要产业，吸引了众多企业的关注，越来越多的品牌为其产品打造移动线上操作平台，移动终端交互美学的研究必将为今后的线上商业推广提供巨大的帮助。除了笔者所总结的这几条终端交互的视觉设计法则之外，还有许多交互美学准则有待设计工作者们共同挖掘。

[1](美)威诺格拉德著.软件设计的艺术.北京:机械工业出版社.2005.

[2]柳冠中.设计文化[M].哈尔滨：黑龙江科技出版社，1995.