background image

论网页设计的布局及色彩搭配

    摘 要:网页设计就是依据网站宗旨,把造型、结构、信息、色彩等视觉元素有机地统一在网页

,并对网页风格等进行整体设计。其目的主要是利用造型的原则和规律,合理的分配和排列

文字、图形等视觉元素

,以便准确、系统、有效地传达信息。 

  关键词

:网页设计;布局;色彩;搭配 

  

 

  一、网页设计的布局

 

  网页设计实际上就是平面设计

,不过目的性、时效性更强。每一次网页设计都可以看成平

面设计

,不同的是设计网页不仅是把相关内容放到网页中就行了,它还要求网页设计者能够把

这些内容合理安排

,给浏览者以赏心悦目的感觉,这样才能增强网站的吸引力。网页设计者能

够随意控制页面上所有的元素

,但假如不知道什么是约定俗成的标准或者说大多数浏览者的

浏览习惯

,那么就不可能在此基础上加上自己的东西,从而被广大浏览者所接受和欣赏。这些

概念

,也就是人们常说的章法。要做好页面设计,就必须先了解一些网页布局相关的基本概念。

 

  

(一)页面尺寸 

  页面尺寸显示器的大小及分辨率的高低决定显示页面的尺寸

,网页的最大局限性在于页

面显示无法突破显示器的范围。由于浏览器本身也占用了网页显示的一部分

,所以能显示网

页的页面范围已经相当紧张。一般情况下

,显示器在 640*480 像素的分辨率下,页面的显示尺

寸为

620*311 像素:在 800*600 像素的分辨率下,显示器的分辨率越高,能显示的页面尺寸就越

大。

 

  

(二)整体造型 

  造型就是创造出来的物体形象

,这里指页面的整体形象。尽管显示器和浏览器都是矩形,

但对于页面的造型

,可以充分运用各种形状以及它们的组合:矩形,圆形,三角形,菱形等等,但图

形与文本的结合应该层叠有序。

 

  

(三)页头 

  页头又称之为页眉

,页眉的作用是定义页面的主题。比如一个站点的名字人多都显示在

页眉里。这样

,浏览者一看就能知道该站点的主题是什么。 

  

(四)文本文字 

  文本文字是网页的主体

,是传达信息的最重要的方式。一方面是因为浏览网页上的文字

和看书很相似

,比较符合一般人的习惯,另一方面也因为文字所需要的存储空间非常小。文本

的摆放位置决定着整个页面布局的可视性。在过去由于网页制作技术的局限

,文本放置的位

置灵活性非常小

,随着 Html 的兴起,文本已经可以放置在页面的任何位置。 

  

(五)页脚 

  页脚是和页眉相呼应。页眉是放置站点主题的地方

,而页脚是放置作者或公司等各种制

作信息的地方。

 

  

 (六)图片 

  图片在网页中占有非常重要的地位。因为采用图片可以减少纯文字给人的枯燥感

,巧妙

的图像组合可以带给浏览者美的享受。

 

  

 (七)多媒体 

  多媒体一般指音频、视频、动画、虚拟现实等形式。将多媒体引入到网页

,可以在很大程度

上吸引浏览者的注意。利用多媒体文件可以制作出更有创造性、艺术性的作品

,它的引入使得

网站成了一个有声有色

,动静相宜的世界。 

  

(八)导航栏的位置 

  导航栏能让我们在浏览时容易地到达不同的页面

,是网页元素非常重要的部分,所以导航