网页设计中人机界面的特征

刘倩

刘倩（武汉软件工程职业学院，湖北武汉430033）

摘要：互联网的飞速发展给予人们更丰富的网络体验，也对网页设计提出了更高的要求。本文基于人机界面的以人为本的设计理念和特征出发，指出网页设计的主要内容，并提出网页设计的要点，最后简单介绍了网页设计所必需的几项网络技术和需要注意的问题点。

关键字：互联网；网页设计；人机界面

中图分类号：TP393.4文献标识码：A文章编号：1673-0992（2010）02-079-01

人机界面是指人机间相互施加影响的区域，通过此区域，人们发送特定指令给计算机，而计算机根据指令，通过存储的程序运算，将结果反馈到界面上。人机界面设计的研究是目前计算机学科中最年轻、最活跃、多学科交叉性的新型研究领域，得到了长足的发展。从早期“以机器为本”的功能优先逐渐转向“以人为本”的个性化发展。

1网页设计内容

首先，定位网站的CI形象

所谓CI(CorporateIdentity)，意思是通过视觉来统一企业的形象。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定了，相关的资料内容也收集好了，应该如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引，索引应该将网站的主题明确显示出来。

第三，确定网站的链接结构

2网页界面设计要点

网页作为界面在网站页面的设计中，对界面进行充分分析，做好以下几点：

首先，页面设计的前期调研

也就是设计前的需求分析阶段。网站页面中的人机界面设计，已经不是产品简单的外壳包装，虽说大众的品味各不相同，众口难调，但“知己知彼，百战百胜”还是经验之谈。在设计之前，通过问卷、走访、座谈等形式，征询人们对于构建网站的种种意见和建议，是珍贵的第一手资料，也使得网页设计者能够设计出“以人为本”的页面，少走弯路。

其次，页面的舒适性设计

也就是让浏览者更加舒适的浏览。例如：界面用什么样的主色调，才能够让浏览者在心情愉悦的情况下，长时间浏览而不觉得疲劳呢？红色：暖色，火热、耀眼，易使人兴奋、焦虑和冲动。蓝色：冷色，平和、舒适，易使人镇定、安静，有安全感。明色：清爽、明亮，但刺眼易疲劳。暗色：浑浊、暗淡，对眼睛刺激小。灰色：是万能色，可以和任何色彩搭配，也可以帮助两种对立的色彩和谐过渡。微软公司，使用了浅灰色作为系统的主色调，这也是微软成功的重要因素。好的色彩设计是网页设计成功的一半。

第三，页面的人性化设计

现代设计的风格已经从纯功能性逐步走向了多元化和人性化。今天的消费者更会表现自我意识、个人风格和审美情趣，反映在设计上亦使产品越来越丰富、细化，体现一种人情味和个性。一方面要求产品功能齐全、高效，适于人的操作使用，另一方面又要满足人们的审美和认知精神需要。以人为本。建立自然化、人性化的人机界面已成为当今社会研究的主课题。

最后，页面和谐的人机环境

今后计算机应能听、能看、能说，而且应能“善解人意”，即理解和适应人的情绪或心情。未来计算机的发展是以人为中心，必须使计算机易用好用，使人以语言、文字、图像、手势、表情等自然方式与计算机打交道。人机环境不再受限制，就人与人之间的交流，可以在嘈杂的环境中对话交流，也可以窃窃私语。

3网页设计技术知识

首先，HTML技术知识

HTML是超文本置标语言（HyperTextMarkupLanguage），是构建网页最基本的要素，几乎所有网站的网页都是由HTML构成，或者嵌入了HTML的结构元素。HTML由众多的标记（TAG）组成，代表不同的意义，也呈现不同的表现形式，有控制页面、字体、文字布局、展现图像、表单、表格、多窗口页面、多媒体页面等等各种标记。随着网络技术发展，出现了以HTML位基础的XHTML技术，即可扩展超文本置标语言（eXtensibleHyperTextMarkupLanguage），保留了HTML设计的简单性，有增加了XML的特性，使网页设计样式丰富化、个性化、简单化。

其次，JavaScript技术

JavaScript是一种广泛应用在客户端Web开发的脚本语言，给HTML网页带来动态功能，相应用户的各种操作，进行简单的操作合法性、安全性的检查，从而减少服务器的负担。虽然存在一定的安全隐患，但由于其跨平台、简单等优势，在网页设计中成为不可缺少的技术之一。

第三，CSS技术

CSS，（CascadingStyleSheets）即层叠样式表，用来结构化文档添加样式的计算机语言，使文件的结构和文件的表现分隔开来，加强文件的可读性，增加结构的灵活性，作者或读者可以决定文件的显示，文件结构本身范围变小，结构简单化。目前被广泛应用在WEB2.0类型的网站中，如biog。

4网页设计过程中注意问题

首先，网页设计要服务于内容

页面只是一种表现形式，需要把网站内容展示出来。如果不能很好地反映内容，再好的页面设计也是无法得到用户的支持。

其次，有利于内容维护

网站的生命力在于内容的不断更新。因此在网页设计过程中，要考虑到内容的更新不会影响网页的结构，表现形式也要保持一致性。

最后，网页设计要考虑到企业的商业活动

网站的建设除了信息发布功能之外，需要最大限度地位企业创造经济利益，比如发布网络广告。目前的各大门户网站等，网页的设计有利于网络广告的发布，怎么在尽量减少浏览用户对网络广告的反感的同时，扩大网络广告的宣传，是网页设计者在网页布局等方面需要考虑的课题之一。

参考文献

1李方圆.《人机界面设计与应用》[J]化学工业出版社.2008.2

2陈启安.《软件人机界面设计》[J]高等教育出版社.2004.2

3叶青译.《HTML+CSS+JavaScript实用详解》[J]电子工业出版社.2008.6