1.4 如何设计网页

网页设计的方向取决于设计的任务目标。网页设计中最重要的并不是对软件的应用，而是设计者对网页设计的理解及其设计制作的水平，以及设计者的审美能力及其对页面的把握。

1.4.1 网页设计的基本原则

建立网站的目的是为浏览者提供所需的信息，这样浏览者才会愿意光顾，网站才有真实的意义，以下是网页设计的几条基本原则。

1．明确主题

一个优秀的网站要有一个明确的主题，整个网站设计要围绕这个主题进行，也就是说，在网页设计之前要明确制作这个网站目的，所有页面都围绕这个目的来制作。

2．重视首页

首页设计得如何是整个网站成功与否的关键，因为首页可以反映出网站给人的整体感觉。首页设计效果的好坏决定了网站能否吸引访问者。首页最好设计得简洁、清楚，如设计人性化的类别选项，以便让访问者快速找到自己想要找的东西。

3．内容分类

网站内容的分类也十分重要，可以按主题分类、按性质分类、按组织结构分类，或者按人们的思考方式分类等。不论是哪一种分类方法，都要让访问者很容易就能找到目标内容。

4．互动性

互动性是互联网的特色之一。好的网站首页必须与访问者有良好的互动关系，包括整个设计的呈现、使用界面引导等，都应遵循互动性原则，让访问者感觉他的每一步操作都确实得到了恰当的回应。

5．图像应用技巧

图像是网站中的特色之一，它具备醒目、吸引人及传达信息的功能，好的图像应用可以给网页增色，不恰当的图像应用则会适得其反。应用图像时一定要注意图像下载时间的问题。

在图像应用上，尽可能采用一般浏览器均支持的压缩格式，如果需要放置大型图像的文件，最好将图像文件与网页分隔开，在页面中先显示一个具备链接的缩小图像或者说明文字，然后加上该图像的大小说明，如此不但可以加快网页的传输速度，而且可以让浏览者判断是否继续打开放大后的图片。

6．避免滥用技术

技术是让人着迷的东西，许多网页设计者喜欢使用各种各样的网页设计技术。好的技术应用到页面上会使页面更生动，给访问者一种全新的感觉；但不恰当的技术应用到页面上则会起到相反的效果，从而让访问者失去对网页的兴趣。

7．及时更新和维护

访问者希望看到新鲜的东西，基本没有人会对过时的信息感兴趣，因此网站的信息一定要注意及时性，时刻保持新鲜感是很重要的。

1.4.2 网页设计成功的要素

设计一个网页，要注意以下几个基本因素，这些因素对网页设计的成功与否有着重要影响。

1．整体布局

网页设计作为一种视觉语言，特别讲究编排和布局，一般来说，好的网站应该干净整洁、条理清楚、布局清晰，过多的闪烁、色彩、图片等只能会让访问者无所适从。

2．信息

无论是商业站点还是个人主页，都必须提供有一定价值的内容才能吸引访问者，这些有价值的内容可以是信息、娱乐、对一些问题的解答、提供志趣相投者联络的机会、链接到相关的网页等。

3．下载速度

页面的下载速度是网站吸引访问者的关键因素，如果不能在短时间内打开一个网页，一般人就会失去耐心。所以至少应该确保页面下载的速度尽可能快，而图像是影响页面下载速度的重要因素，所以图像应该尽量小一些，这样才可以加快页面的下载速度。

4．图像和版面设计

图像和版面设计关系到浏览者对网站首页的第一印象，图像应集中反映网站所要传达的主要信息内容。

5．文字的可读性

能够提高文字可读性的主要因素是选择的字体，通用的字体（如Arial、Times New Roman、Garamond、Courier等）最易阅读，特殊字体用于标题效果较好，但是不适合正文。

文字的颜色也很重要，不同的浏览器有不同的显示效果，有些针对某个浏览器设置好的字体颜色在其他浏览器上可能就无法显示。

6．多媒体功能的运用

页面可以巧妙地运用三维动画、GIF动画和视频等来表现，以吸引浏览者的注意力。但由于网络带宽的限制，在使用多媒体的形式表现网页中的内容时，需要考虑客户端的传输速度。

7．导向清晰

导航设计使用超文本链接或图片链接，可以使浏览者能够在网站上自由地前进或后退，而不用使用浏览器上的前进或后退按钮。

由于人们习惯于从左到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长的页面来说，在最底部设置一个简单导航也很有必要。确定了一种满意的模式之后，最好将这种模式应用到同一个网站的每个页面中，这样更方便浏览者使用。

在制作网站的时候一定要细心，不要因为对某些步骤的疏忽而影响网站的整体效果。

1.4.3 网页设计风格及色彩搭配

在一个网站中，除了要有由基本元素构成网站内容，还要对网站风格进行设计及对网站页面进行合理的色彩搭配。

1．确定网站的整体风格

风格是抽象的，是指站点的整体形象给浏览者的综合感受。这个整体形象包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等诸多因素。

2．网页色彩的搭配

无论是在平面设计中，还是在网页设计中，色彩搭配永远是最重要的一环。当距离显示屏较远的时候，人们看到的不是优美的版式或美丽的图片，而是网页的色彩。

（1）单色搭配：使用一种色彩，即先选定一种颜色，然后调整透明度或饱和度。这样可以使页面看起来颜色统一，有层次感。

（2）对比搭配：使用两种色彩，即先选定一种颜色，然后选择它的对比色。

（3）同色搭配：使用同色系的色彩，如天蓝、海蓝、深蓝，或者橘黄、褐色、土黄。

提示：

在网页配色中，还要注意：

不要将所有颜色都用到，尽量控制在3～5种色彩。

背景和文字的颜色对比要尽量明显（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。