人机工程学 大作业

浙江大学城市学院2013 — 2014 学年第 1 学期期末考核《人机工程学》大作业

姓名：林敏耿

学号：31202228

班级：电信1201

人机工程与交互设计——网页设计

摘要：就产品而言，随着时代的发展，产品已不是单纯地重视款式的创新，更多的强调的

是用户的体验。但社会上仍有许多产品新增了各式各样的功能，却忽略了用户对产品功能是否可以简单方便地使用。而本文将从使用者的角度探讨网页设计，主张网页设计要以人为本，进行人性化设计。在探讨过程中，我们会对各种类型的门户网站进行对比，分析其设计的含义。指出网页设计的主要内容，并提出网页设计的要点。但在设计中由于网站对针对自己用户方面有自己独特的创新设计，所以不能以偏概全，因此会产生些许不足。

关键字：人机界面网页设计以人为本人性化设计

Abstract：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 user's 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.2分析传统网页界面的不足之处 (2)

（1）排版不简洁 (2)

（2）字体不统一 (3)

（3）主次色彩不分 (4)

（4）广告图片太多 (4)

（5）没有重点 (5)

（6）文字形式相同，功能不同 (5)

第二章网页中文字的编排与设计 (11)

2.1字体的使用 (11)

（1）宋体字型结构

(11)

（2）楷体字型 (11)

（3）仿宋体笔画 (11)

（4）黑体 (8)

（5）圆体 (11)

2.2文字的大小 (11)

2.3网站的共性 (12)

第三章网页设计可用性研究 (13)

3.1太小的链接点击区域 (13)

3.2错误使用的分页

(14)

第四章以人性化为主旨的交互设计的5样产品 (16)

4.1浙江大学城市学院 (16)

（1）网站主题 (16)

（2）排版 (16)

【参考文献】 (18)

一、网页设计

1.网站界面的设计原则

网站设计绝不是凭自己的臆想来进行设计的，其中有许多设计原则是需要熟记并且遵守的。如果你经常上网的话，会看到很多网站设计很朴素，看起来给人一种很舒服的感觉；有点网站很有创意，能给人带来意外的惊喜和视觉的冲击；而相当多的网站页面上充斥着怪异的字体，花哨的色彩和图片，给人网页制作粗劣的感觉。网站界面的设计，既要从外观上进行创意以到达吸引眼球的目的，还要结合图形和版面设计的相关原理，从而使得网站设计变成了一门独特的艺术。通常的讲，网站用户界面的设计应遵循以下几个基本原则：

（1）用户导向原则

设计网页首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计网站。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等

（2）KISS原则

KISS原则就是"Keep It Sample And Stupid"的缩写，简洁和易于操作是网页设计的最重要的原则。毕竟，网站建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆集上很多复杂和花哨的图片

（3）布局控制

关于网页排版布局方面，很多网页设计者重视不够，网页排版设计的过于死板，甚至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。因此合理的排版是必须的。

（4）视觉平衡

网页设计时，也要各种元素（如图形、文字、空白）都会有视觉作用。根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，在设计网页时需要以更多的文字来平衡一幅图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个道理。同时，也决不能低估空白的价值。如果你的网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，