人机交互技术第7章 ---web界面设计

《人机交互技术第7章 ---web界面设计》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、第七章Web界面设计内容摘要Web界面及相关概念Web界面设计原则Web界面要素的设计Web界面基本设计技术Web3D界面设计技术7.1Web界面及相关概念Web基础互联网是近年来对社会影响最大的技术进步,影响到人类生活的很多方面。互联网已经成为全面支持多媒体，能在多种平台上运行的庞大信息服务系统。互联网的应用范围也日趋扩大，被广泛用于商业办公、业务管理、购物娱乐等人类生活的各个方面，业已成为一种全球化社会现象。7.1Web界面及相关概念90年代初，瑞士日内瓦的欧洲核能研究中心分布在世界各地的科学家需要高效率的通讯方式来进行彼此交流与分享信息

2、。该中心高能核理学家TimBerners-Lee研究发展了万维网（WorldWideWeb，WWW）的雏形，目的是为了建立一个能够整合各种资源、文件及多媒体的系统，让使用者方便地取得不同媒体的资料。7.1Web界面及相关概念Web是一个由许多互相链接的超文本（HyperText）文档组成的系统。分布在世界各地的用户能够通过Internet对其访问，进行彼此交流与共享信息。在这个系统中，每个有用的事物，被称为一种“资源”，其由一个全局“统一资源标识符”（URI）标识；这些资源通过超文本传输协议（HyperTextTransferProtocol

3、）传送给用户；而用户通过点击链接来获得这些资源。7.1Web界面及相关概念简单来说，WWW是建立在客户/服务器模型之上，构成的一个环球信息网络空间，主要使用：超文本标记语言（HypertextMarkupLanguage，HTML）超文本传输协议（HypertextTransportProtocols，HTTP）通过Internet把遍布世界各地的服务器连接起来，它能够提供各种Internet服务，具有一致用户界面的信息浏览功能。7.1Web界面及相关概念Web应用的成功与否，除了受其所采用的技术和所能够提供的功能的限制，还受Web网页的外观

4、的影响。Web网页的外观经常是最先被用户注意到的。用户对网站的第一印象与界面外观是否友好、吸引人密切相关。所以对于设计人员来说，Web界面设计至关重要。Web界面设计的人性化、易用性是Web界面设计的核心。如何根据人的心理、生理特征，运用技术手段，创造简单、友好的界面，是Web界面设计的重点。超文本与超媒体超文本（Hypertext）是一种使用于文本、图形或计算机的信息的组织形式，是一种非线性的信息组织形式。它使得单一的信息元素之间相互交叉引用，这种引用并不是通过复制来实现的，而是通过指向对方的地址字符串来指引用户获取相应的信息。超媒体（Hy

5、permedia）利用超文本形式组织起来的文件不仅仅是文本，也可以是图、文、声、像以及视频等多媒体形式的文件。这些多媒体信息就构成了所谓的超媒体。山东大学考古数字博物馆视听博览界面7.2Web界面设计原则一般的Web界面设计应该遵循如下基本原则：以用户为中心要求把用户放在第一位。设计时既要考虑用户的共性，同时也要考虑他们之间的差异性。一致性Web界面设计还必须考虑内容和形式的一致性。其次，Web界面自身的风格也要一致性，保持统一的整体形象。简洁与明确Web界面设计是设计的一种，要求简练、明确。迪斯尼网站（http://disney.go.co

6、m/，2008年7月）Google首页（http://www.google.com，2009年9月）7.2Web界面设计原则体现特色只有丰富特色、内容翔实的网页才能使浏览者驻足阅读。特色鲜明的Web网站是精心策划的结果，只有独特的创意和赏心悦目的网页设计才能在一瞬间打动浏览者。清华大学首页（http://www.tsinghua.edu.cn/，2009年9月）7.2Web界面设计原则兼顾不同的浏览器明确的导航设计网站首页导航应尽量展现整个网站的架构和内容，要能让浏览者确切地知道自己在整个网站中的位置，可以确定下一步的浏览去向。无论那种类型的

7、Web网站，想要把界面设计得丰富多彩，吸引更多的用户前来访问，Web界面规划至关重要。明确网站的目标和用途。Web界面的布局、元素的设计都要以这个目标为中心。有必要将网站作为一种文化、艺术作品看待，力求在设计Web界面时追求艺术效果与美感7.3Web界面要素设计7.3.1Web界面规划个人网页示例（优美）7.3.1Web界面规划7.3.2文化与语言网站一经发布，意味着全世界都可以看到其中的信息。所以，全球服务型的网站还要考虑如何适应不同国家的不同类型的文化与语言环境。Google首页图标（中国七夕）内容：Web界面的内容不仅要遵循简洁明确的原

8、则，也要符合确定的设计目标，面向不同的对象要使用不同的口吻和用词。风格：Web界面的风格是指网站的整体形象给浏览者的综合感受。这个整体形象包括网站的标志、色彩、字体