小谈页面布局

每开始设计一个网站页面效果时,一般根据网站主题诉求,我们都会在脑海中闪过一些常见布局,这些布局大多是一种约定俗成的标准,符合人们的浏览习惯。我们可以在这些布局中,选择一种最能表达网站主题的布局,在此基础上加上自己的设计才思,最终完成一个高质量的页面布局。

当然,熟练者可以直接按自己的设计方案布局,但如果你的创意不够完美,或者创意灵感枯竭之时,或者你根本就是一个初学者,这时候,按通俗标准进行设计,便是上上之策。

下面是网页设计的一些基本概念:

1.网页尺寸

由于网页是在电脑显示器上面观看的,所以必然受到显示器尺寸及分辨率的影响。

然后浏览器也会占去一些空间,剩下的页面范围才是我们可以利用的实际空间。一般页面尺寸我们按以下情况进行设定:

分辨率640X480,页面显示尺寸620X311;

分辨率800X600,页面显示尺寸780X428;

分辨率1024X768,页面显示尺寸1007X600;

如果页面内容较多,当页面宽度超出上面显示尺寸,浏览器将出现横向滚动条,这对访问者是不友好的,最好避免;

向下延伸拖动页面是唯一解决增加内容的方法,但也最好不要拖动太多,除非页面内容足够吸引人,否则会引起浏览者反感;

当内容特别多时,还是好好规划,用链接表达才是最佳方案。

2.整体布局

顾名思义,是指页面的整体形象,每一部分,比如图片与文本等,应该要恰当自然,层叠有序。页面布局可以是多种多样的,不应该受显示器和浏览器的矩形区域限制。我们可以打开思维,充分运用自然界中的各种形状及其组合,得到一个我们满意的布局。

通常,不同形状,表达的意义也不同。我们可以按照以下规律进行布局选择:

矩形,表示严肃、正式,很多ICP和政府网页都是以矩形为整体布局;

圆形,表示活泼、柔和、团结、温暖、安全等,许多时尚站点运用圆形布局较多;

三角形,表示力量、权威、牢固、侵略等,许多大型商务网站为显示它的权威性常以三角形为页面整体布局;

菱形,表示平衡、协调、公平,一些交友站点常运用菱形作为页面整体布局。

现在的网页设计已经不局限于某一种特定形状的布局,多是以组合为主,灵活运用这些基本形状组合,可以设计出高水准的页面布局,把时尚、活泼、品味、高贵等等品质充分体现出来。

3.页眉

通常用来放公司的名字、logo等信息。有如一篇文章的题目,访问者一进来便知这里是些什么信息。同时页眉处的用色也基本为整个页面定下了主调。

4.文本、图片及多媒体

文本、图片和多媒体是信息的载体,也是页面的全部内容所在。

文本的排版、字体及颜色的选择、文字与图片的位置,决定了整个页面布局的可视性;多媒体的加入,使网页更加显得生动活泼。

5.页脚

此处多用来放置公司(版权)信息、制作者信息等。