人机工程与交互计(网页界面设计).doc

浙江大学城市学院 2012 — 2013 学年第 学期期末《》Terms of products, with the development of the times, the product has not simply emphasis on models of Innovation, more emphasis is the user experience. But there are still many products added to a variety of functions, but ignored the user whether the product functions can be simple and easy to use. This article from the users perspective of web design, advocate web design to people-oriented, user-friendly design. Explore the process, we will all types of portal comparison analysis of the meaning of its design. That the main content of the web design, web design and made points. Website design has its own unique innovative design for their own user, so can not be generalized, and therefore will have a little less. Key word：Man-machine interface Web Design People-oriented User-friendly design 目录 第一章 交互设计的介绍 1 1.1传统的交互设计 1 1.2以人为本的人性化交互设计 1 第二章分析人机界面的设计 2 2.1人机界面的介绍 2 2.2网站界面的设计原则 3 2.3分析传统网页界面的不足之处 4 （1）排版不简洁 4 （2） 字体不统一 5 （3）主次色彩不分 6 （4）广告图片太多 6 （5）没有重点 7 （6）文字形式相同，功能不同 8 （7）导航目有重复 8 （8）信息遮拦 9 2.4分析好的网页界面出彩之处 9 （1）排版整齐 9 （2）突出重点 10 （3）字体统一 10 （4）色彩搭配协调 11 （5）条目数量适宜 12 （6）导航目录合理安排 13 2.5针对不足提出如何改进 13 （1）明确网页主题 13 （2）排版改进 13 （3）色彩搭配 15 （4）图片处理 17 第三章设计网页界面 23 3.1网页界面的用户研究 23 3.2人机界面的信息设计（强调视觉） 24 3.3人机界面的视觉设计 24 第四章以人性化为主旨的交互设计的5样产品 26 4.1浙江大学城市学院 26 （1）网站主题 26 （2）排版 26 4.2网易新闻网 28 （1）网站主题 28 （2）排版 29 （3）颜色搭配 30 （4）图片 30 4.3Dota视频网 31 （1）网站主题 31 （2）排版 31 （3）色彩搭配 33 （4）图片 33 第五章人性化交互设计未来的发展 35 5.1人性化交互设计未来的发展 35 【参考文献】 36 引言：一个门户网站作体现着是企业的形象，好的网站对企业重要性不言自喻。如今越来越多的行也开始注重网站对于自身宣传。然而目前由于网页技术更新很快，导致目前的网页设计普遍沿用某个经典模式，而没有根据用户的需求去设计。比如现在的市场中，有大部分中小企业看重网站对其知名度的宣传，从而匆匆仿照某个模板，简单地建立一个网站，但这种人云亦云的网站如何能让人印象深刻。因此一个好的交互网站无疑是必须的。但如何使网站很好地帮助双方的交互交流呢则是我们关注。第一章 交互设计的介绍 1.1传统的交互设计 简单的说，交互设计是人工制品、环境和系统的行为，以及传达这种行为的外形元素的设计与定义通过对产品的界面和行为进行设计，让产品和它的使用者之间建立一种有机关系，从而可以有效达到使用者的目标好的产品设计并非始于图片，而是对人的理解。户喜欢什么他们的习惯是什么他们将如何与之交互。作为设计师，只有对使用的人了解越多这样才能进行更有效的设计。只有了解了用户的真正目的，然后更好的帮助用户达到其目的，才能使用户更加喜欢。第二章分析人机界面的设计 2.1人机界面的介绍 人机界面，又称用户界面或使用者界面，是人与计算机之间传递、交换信息的媒介