面整体设计影响极大。以文字排布为主的网页界面，只要文字排布得当，版面同样可以生动

活泼，分类条例清晰，不会给人单调感觉。

2 图形

在大多数网页中，图形占据了重要的位置，有的甚至是全部页面。图形往往能引起人们

的注意，并激发阅读兴趣，合理的运用图形，可以生动直观、形象地表现设计主题。网页中常
用的图形格式包括

JPG、GIF 和 BMW。图形元素包括标题、背景、主图、链接图标四种。以图像

作为标题和链接可以使网页具有更好的视觉效果，配合文字增强生动和形象性。主图与背景
在装饰性上小有不同，背景是衬托主题，主图则是突出表现主题。主图是整个网页的视觉中
心，它具有直观性强的特点，可以为单调的文字信息增强活力，不需要像文字那样去逐句阅

读，可以不受文化水平的限制，能给人强烈的视觉信息。

3 多媒体

随着网络硬件设备的日益完善，网页构成中的多媒体元素运用的也越来越多，主要包

括音频、视频和动画。这些是界面构成中最吸引人的元素，好的多媒体元素不但可以增加网站

的活力还可以有效的提高网站与浏览者之间的互动交流。

 

二、网站界面布局

网页设计源于平面设计但又与平面设计有所区别不同，相同的是在设计中多运用平面

构成的基本原理，不同的是它的大小比较固定，传载的媒体只限于电子显示器（包括手机 、

PDA 等），这样就为设计者提出了更为苛刻的要求。

（一）页面尺寸

由于网页的浏览多是基于显示器实现的，所以显示器的分辨率就决定了网页设计者设

计网站页面的大小，目前比较流行的显示器的尺寸为

800*600、1024*768、1125*864、1280*720、1280*768、1280*960、1280*1024

而目前主流设计网站页面的大小一般为

600*300、760*420、995*436 

有效可视区域（单位：px）

屏幕

一

二

三

800

600

1024

768

1280

1024

IE6.0

779(+2

1) 

432(+16

8) 

1003(+2

1) 

600(+16

8) 

1259(+2

1) 

856(+16

8) 

IE7.0

779(+2

1) 

452(+14

8) 

1003(+2

1) 

620(+14

8) 

1259(+2

1) 

876(+14

8) 

Firefox

2.0

783(+1

7) 

417(+18

3) 

1007(+1

7) 

585(+18

3) 

1263(+1

7) 

841(+18

3) 

Opera9.

0

781(+1

9) 

461(+13

9) 

1005(+1

9) 

629(+13

9) 

1261(+1

9) 

885(+13

9)