张 健 孙 芳

从计算机诞生到现在，人机交流的方式从利用穿孔纸带输入计算机程序，发展到面对终端机上的字符操作界面，再到个人计算机上图形界面的多媒体，从发展历程来看，随着技术的进步，人机交互方式日益朝着更友好、更便捷的方式发展。今天，人性化的设计成为人机界面设计的核心。

在人机系统模型中，人与机之间存在一个相互作用的“面”，称为人-机界面。人与机之间的信息交流和控制活动都发生在人机界面上。机器的各种显示都“作用”于人，实现机-人信息传递；人通过视觉和听觉等感官接受来自机器的信息，经过脑的加工、决策，然后作出反映，实现人-机的信息传递。人机界面的设计直接关系到人机关系的合理性。它是计算机科学和认知心理学两大科学相结合的产物，同时也吸收了语言学、人机工程学和社会学等科学的研究成果。上世纪80年代以来，随着软件工程学的迅速发展和新一代计算机技术研究的推动，人机界面设计和开发已成为国际计算机界最为活跃的研究方向。

网络作为新闻出版业的新兴媒介，其界面的构建（即我们通常所说的网页设计）是人机界面研究的重要对象之一。如何根据人的心理、生理特点，运用技术手段，创造简练、友好的界面，直接决定着网页传达的有效性。

网站是一种新的信息传播工具，它没有改变信息生成的本质，只是运用了一种新的信息传递的通路。网页设计不像其他领域，有现成的和快捷的规则可以引导设计过程，它在某种程度上更多地要遵循认知心理学和人类工效学的原则。网站界面之形态是以一种非物质的数字形态与用户进行的交互，而形态界面是人们最易理解又最引人注意的要素，不同的界面形态包含的技术含量和艺术含量不一样，它所体现的界面的艺术审美品位也不一样。网站界面设计以功能效用的发挥作为核心和目的。它依据功能来设计，所以属于功能形态。网站界面的美，不仅要作为艺术审美形式的美，满足人实现某种目的时带来的愉悦性，而且是一种实质性的体现，带有更多的实用性。人是一切设计面对的主体，设计的一切活动和成果，都是为人们服务的，网站界面设计也不例外。不同的人群对信息的需求各不相同，他们的社会和文化背景、生活习惯等都不尽相同。用户的需求是首位的，没有忠实的用户，网站就不能生存。因此，网站界面设计只有充分分析，了解网站的用户需求，才能准确地把握设计的方向和尺度，设计出令人满意的界面。

1.色彩特性

色彩是人类视觉最敏感的元素。在网站界面设计中，色彩设计是我们首先应考虑的。好的色彩设计是网页设计成功的一半。

网站界面的色彩搭配应以大众的欣赏习惯为标准，同时兼顾网站专业特点和艺术规律。一般说来，普通的底色应柔和、素雅；背景色一般选用饱和度较低的浅色，如灰色或带有网格的浅色；蓝色对人眼不敏感，对广大面积的区域背景来说比较合适，但蓝色不宜用在小区域、细的线段或文字上。为了使色彩醒目，便于区分对象，应选用好的背景和前景色搭配，如无特殊用途，一般应尽量避免强烈颜色对比的组合，如：蓝/黄，红/绿，红/蓝，绿/蓝。这些组合会在边界产生颤抖或余象效应，影响视觉效果。黑白是最基本和最简单的搭配，白字黑底，白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果找不出合适的色彩，便可尝试一下灰色。

此外，一个网站的标准色彩不宜超过3种。标准色彩主要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。网页色彩在协调、引人注目的同时要照顾到人眼的生理特点，避免采用易使人眼产生疲劳的大面积的高纯度色相。在一帧屏幕上的色彩种类数目，在非真实感图形显示时，应加以限制，以低于7种为宜，因为人在观察屏幕时很难同时分辨多种色彩。

最后，色彩应服务于网站的内容，和网站的气氛相适应。蓝色、灰色常被用于高科技企业，如www.foundstone.com的网页大量使用灰色，显得十分高雅，而蓝色、浅红色可体现青春、活泼的特色。根据不同的设计领域和服务对象，采用不同的设计色彩，可以衬托出网站的个性。

2.空间布局

布局指的是在限定面积范围内合理安排图形、图像和文字的位置，反复推敲其中的空间关系，使浏览者有一个流畅的视觉体验的过程。在界面布局时，我们应注意以下几点：

平衡－－使画面的图像、文字的视觉分量在左右、上下几个方位基本相当。过于平衡容易显得呆板，因此，可在局部打破平衡或对称。同时，应特别注意分页面与主页之间内容的心理均衡。

呼应－－同一种设计元素同时出现在不同地方，形成相互联系。不同页面之间连接的通达性和有效性。

对比－－用不同的色彩、形态、线条等视觉元素相互并置，可造成页面的丰富变化，达到多效的视觉效果。

疏密－－充分利用页面空白，适当的疏密搭配可以使页面产生节奏感。同时包括各个页面之间疏密关系的考量。

总之，在结构布局中，应尽量做到整体布局合理化、有序化、整体化，善于运用巧妙、合理的视觉方式，使一些言语无法表达的思想得以阐述，做到丰富多彩且简洁明了，充分体现网站的连贯性特点。

3.风格化

网站界面的设计同样需要独特的风格来彰显其个性。关于这方面的处理，网站与其他传媒存在显著的不同之处。

首先，网页标准色彩必须突出，文字的链接色彩、图片的主色彩、背景色、边框等色彩尽量与标准色彩相呼应。使用统一的图片处理效果，比如：阴影效果的方向、高度、模糊度等都必须统一。使用统一的语气和人称，即使是多人合作，也要有一气呵成之势。

其次，与客户CI系统配合，使用朗朗上口的宣传标语，标志尽可能出现在每个页面上（可位于页眉、页脚和背景等辅助位置）。

再次，在关键的标题、菜单、图片里使用相同的标准字体。

最后，统一本网站特有的符号、色彩、旋律等，以网站的一致性体现特色风格。

4.符号的认知性

设计网站界面还要充分发挥符号的认知功能，使人获得相关网站的类型、品牌特性、使用方法等一系列相关信息。因此，符号设计应保证图形与背景的稳定与清晰；符号应采用简化抽象的形式表现对象；而且符号应是自身封闭的图形，构成单个符号的各个图形元素相互联系，形成协调统一的整体，尽量采用粗实对比明显的图形轮廓。由几个图形元素组合成的符号，应按一定次序强调重要的图形元素：表示运动方向的图形元素采用实体图形，表示运动的元素采用轮廓线。

简言之，网站界面的符号设计应按符号与符号的功能关系进行组合，形成协调和易理解的符号系统。

5.文字的识别性

字母设计的重要特性是字母的认读性。字母的认读性是指从多个字母中辨认出某个字母的可能性，是由字母的字宽（字幅）、字高、笔划宽的比例决定的。在这里建议采用黑字白底：字宽/字高为0.7：1；笔划宽/字高为1：6。字母的觉察还与视距有关，应保证浏览者浏览时认读字母。观察字母的视角应控制到位。

根据对人体器官生理结构的研究与分析，对于视觉的舒适感，呈现在电视机上最小且清晰的中文字型应为36 pixels﹝W﹞×36 pixels﹝H﹞的点阵字型，而呈现在计算机影像显示器上最小且清晰的中文字型应为16 pixels﹝W﹞×16 pixels﹝H﹞点阵字型的细明体。从阅读习惯来看，人们横向阅读中文的最佳状态是，一列最好不要超过35个字。

所以，适应观赏者的生理需求，网页设计的计算机影像显示器分辨率最好设定为800 pixels﹝W﹞×600 pixels﹝H﹞。

6.图标设计

图标是描述视觉形象与空间关系的自然语言，可以比同等大小的文字具有更丰富的含义，因而能更简练、精确、形象地表达对象的状态和动作。由于人在知觉图标信息时，辨认的信号与客体本身有着形象上的直接联系，其信息接收的速度远远高于抽象符号，并且图标具有形、意、色等多种刺激，因而传递的信息量较大，抗干扰力强，易于接收。

一个精心设计的图标可以使人只需一眼就可以领会其含义。对于需要及时掌握信息、立即作出反应的人来说可以起到很有效的作用，且根据网站界面设计的需要，我们可以随心所欲控制图标的大小变化。

图标设计应尽可能简单，尽量符合常规的表达习惯，同时保持图标含义的前后连贯，同一含义的图标与网站风格保持一致性，不同的图标之间应相互区别。一般应为图标设置一个清晰的边界轮廓，以利于辨别区分图标对象。对于图标尺寸的设置，在能够表达实体对象的情况下，图标宜小为好，以减少图标所占用的内存空间及显示空间。此外，图标设计美观与否，还由以下因素决定： ① 视线角度与透视关系应具有动感。② 所有的图象中的线条边缘和角都要求圆滑，不能有生硬的感觉。③ 物体阴影要过渡自然，同时使图标具有对比性和深度。④ 物体轮廓清晰，边缘的线条不能有锯齿型的折线。⑤ 有些图标的设计可以考虑使用部分重叠的方案，图形对象多，会意将变得更加形象，便于理解含义。⑥图标中显示的物体，尤其是工厂设备，外形要有现代感，尽量采用时尚流行的样式。

网站界面经历了字符用户界面和图形用户界面，现在正进入“社会用户界面”阶段。其用户界面设计得美观易读、操作简单、具有明晰的引导功能，能直接使用户产生愉悦感，从而极大地增强其参与的兴趣，最终提高网站界面的使用效率。

一个好的界面不仅要有强大的功能，还应美观适用。科学技术的发展，是一个满足与适应人类欲望的过程。21世纪，科技的高度发达使各类电子产品的功能越来越复杂，而市场的普及要求其使用及操作方法更为简洁和自然，更加适合人类生理和心理习惯。人机界面技术还引导了相关软硬件技术的发展。未来计算机的发展是以人为中心的，它不仅能看、能听、能说，而且能“善解人意”（即理解和适应人的情绪或心情）。其趋势是易用和好用。人类将更多地运用语言、文字、图像、手势、表情等自然方式与计算机沟通。

深入研究如何科学地构建包括网站界面在内的一系列人机界面的问题，无疑具有深远的意义。（张健单位：武汉理工大学）（编辑：徐蟾桂）