交互界面设计方法浅析

刘文华

（南京艺术学院工业设计学院，江苏 南京 210013）

交互界面设计方法浅析

刘文华

（南京艺术学院工业设计学院，江苏 南京 210013）

大数据信息时代的到来使电子设备大量融入人们的生活当中，而对电子设备的软件界面设计水平并没有跟上其增长的速度，水平参差不齐，并且出现同质化等问题。文章通过对交互界面现存问题归纳总结出三大类，并分别根据笔者经验提出参考方法。

交互界面设计；视觉设计；方法

人类社会由大工业社会向信息社会发展已成为必然，交互设计正是在此大背景下逐步发展并走向成熟。人们对交互设计相对陌生，但其设计产品已和我们的日常生活密不可分，例如现代人每天都要打交道的Windows操作系统的交互界面设计、神通广大的手机APP应用设计、银行取款机的交互设计等。

视觉界面设计需要设计师掌握基本的视觉要素的运用，并且必须了解如何运用这些要素来有效地传递行为和信息，创建来自于情感和内心的反应。虽然在视觉表达上总存在有设计师的个人主观成分，但在产品视觉界面设计中还是应将设计师的个人爱好降低到最小化，一切以良好的用户体验和为企业创造效益为主要目标。

视觉界面设计具体体现在三个主要方面，即界面的层次与逻辑关系、版式与网格以及颜色和文字。

一、逻辑关系与层次

从界面设计角度，在设计过程中，要理解产品需要向用户传达什么，也要明白用户认为产品应该传达什么，这是交互设计中的两个最关键问题。这就需要产品的程序要有逻辑性让用户清晰地了解以上两个问题，而这种逻辑性正是通过视觉界面来表现出来的，使产品具有逻辑性能让用户感受到清晰且友好的体验。而使产品具备逻辑性就需要产品有明确的视觉层次关系，运用科学的视觉规律将元素分组是达到清晰的视觉层次结构的好方法。

首先，要确定的是产品的定位是什么，及产品是为用户提供什么服务的，这就决定了这类产品的主视觉是什么类型的，例如，若产品是一款为儿童设计的游戏，那么整个界面就可以多一些色彩以及较卡通的文字等元素。但儿童类游戏风格相较活泼并不意味着杂乱无章，要进行合理的视觉元素的分组，使得产品富有逻辑性。在分组中，要将功能类似的按键分为一组，并且在用户行为上连续在一起的按键尽量摆放的位置相近，以免造成用户多余的行为动作。

二、版式与网格

交互界面中网格的建立就好比一栋建筑在建造前期需要搭建的钢筋结构一样，网格的设置直接影响着网页的版式，一个合理的网格能够清晰、准确的表达网页中的信息。

网格的建立不但在平面设计上还在交互界面设计上都为设计师在排版中提供很大的便利，并且在完成一款交互产品时会涉及到对多个界面进行统一设计，这时网格就起着大大提高效率的并赋予用户良好体验的作用，所以网格已经成为设计师在编排界面时最重要的工具。

三、颜色和文字

颜色的属性很大程度上影响着界面的主视觉，明快的色彩给人以活泼的感觉，也有较强的颜色倾向，对于使用用户是普遍大众的界面，就不太适合使用色彩倾向较明确的颜色，若用户群体相对较明确，可以针对用户群体来设定颜色的倾向。

在界面设计中色彩氛围对用户的感受、行为起很大的影响作用，色彩氛围指的是由多个色彩营造出的一种氛围，多个色彩共同组成的整体色彩氛围给人以特别感受，一般在一个界面中，需要有一个主要的基本色彩。通常情况下，一个页面中面积较大色彩的数量不易过多，避免干扰用户对功能上的理解及使用。

字体作为传播信息和文化的重要载体，在选择页面中起着关键性作用，当文字以段落的形式出现时，它在视觉上所呈现出来的是一个灰色的色块，仔细发现，色块中黑色的是文字，白色的是文字间以及文字里的白色空隙，当黑色与白色区域在灰色色块中呈现均匀分布时，视觉上会呈现一种平衡感和稳定感，人们在阅读文字时会感到舒适。当前网页中多数使用微软雅黑等无衬线字体，该字体使白色区域更加均匀，看起来更加规整。

总之，用户界面设计中涉及到的视觉问题基本涵盖在以上这三个方面，界面的视觉设计是在界面交互设计的基础上进行的，是在美学、符号学以及格式塔心理学的宏观引导下，通过一定的视觉设计方法与原则对界面具体的视觉要素与内容进行设计的过程。与此同时，视觉设计活动还受到用户目标的影响。

界面设计涉及到实用美学的理论。用户对应用界面美的体验是全方位和多维度的，正如约翰·杜威(John Dewey)将审美经验视作一种整体性、完整性和丰富性的体验过程。要真正做到合理有效的交互界面设计需要交互界面设计师有着对“美”的敏锐的感受力、观察力以及丰富的交互设计知识、用户体验知识，时刻以带给用户良好的体验为出发点进行设计。

[1]罗仕鉴,朱上上,孙守迁.人机界面设计[M].北京:机械工业出版社, 2002.

[2]唐荣锡,汪嘉业,彭群生,汪国昭.计算机图形学教程[M].北京:科学出版社,2005.

[3]梁景红.个性化网页设计与鉴赏[M].西安:西安电子科技大学出版社,2003.

[4]王坚,董士海,戴国忠.人机交互和多通道用户界面[M].北京:科学出版社,1999.

[5]张海藩.软件工程导轮[M].北京:清华大学出版社,2003.

TP391.9

A

1005-5312（2015）08-0077-01