2.1.2 视觉因素

视觉因素应该说是交互设计中最引人关注的一个点，因为一般而言，交互设计的好坏在很大程度上由视觉开始，并由视觉结束。在20世纪早期，一个由德国心理学家组成的研究小组就试图去解释人类视觉的工作原理。他们发现：人类的视觉是整体的，视觉系统自动对视觉输入构建结构，并在神经系统层面上感知形状、图形及物体，这就是非常著名的格式塔原理（后面章节会有详细阐述），为图形用户界面设计准则提供了有用的基础，2.1.1节中的有些原理就是以格式塔原理为基础的。

当前许多出色的UI设计都是将格式塔的接近性、相似性、连续性、封闭性、对称性、图底、共同命运等原理综合起来使用的。

如图2.1-4所示为Leodis网站首页界面设计。这个网站的设计用到上述七个原理中的多个，使得整个网站看起来井然有序，内容丰富而不凌乱，漂亮的图片被置于简约的排版中，引人入胜，令网站真正与众不同的是它的配色，强烈的对比令网站的色彩不再“扁平”，这种错落令人着迷。

格式塔原理的运用很好地说明了视觉系统是如何被优化而感知结构的，感知结构使人们能够更快地了解物体和事物，而结构化的呈现方式更有利于人们理解和认知。很简单的一个例子：手机在显示11位电话号码时是以3-4-4的形式呈现的，还有众多银行卡上的银行卡号，也都是以多个短数字串的形式呈现的，这种结构化的呈现形式提高了用户浏览数字串的能力。还有一种很有用的结构化方法—视觉层次，其将信息分段，显著标记每个信息段和字段，用层次结构来展示层次及其子段，使得上层的段能够比下层的段更重点地表示出来，如图2.1-5所示，使用黄金比例构建层次结构，既能使得布局有轻重，又显得足够协调。

利用视觉因素做交互设计时要注意的4点如图2.1-6所示。