网页设计如何把握网页布局

最开始，网页出现在面前的时侯，就好像一张白纸，需要你任意挥洒你设计才思。开始的时侯，需要明白，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的规范或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西。当然也可以创造出自己的设计方案，但如果你初学者，那么最好明白网页布局的基本概念。

1. 页面尺寸

由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你页面范围变得越来越小。一般分辨率在 800x600 情况下，页面的显示尺寸为： 780x428 个象素；分辨率在 640x480 情况下，页面的显示尺寸为 :620X311 个象素；分辨率在 1024X768 情况下，页面的显示尺寸为： 1007x600 从以上数据可以看出，分辨率越高页面尺寸越大。

浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的

网页设计过程中，向下拖动页面是惟一给网页增加更多内容 ( 尺寸 ) 方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示逾越三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。

2. 整体造型

什么是造型，造型就是发明进去的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，可以充分运用自然界中的其它形状以及它组合：矩形，圆形，三角形，菱形等。

对于不同的形状，所代表的意义是不同的比如矩形代表着正式，规则，注意到很多 ICP 和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温暖，平安等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形加以设计，这其中某种图形的构图比例可能占的多一些。

3. 页头

页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。

4. 文本

文本在页面中出现都数以行或者块 ( 段落 ) 呈现，摆放位置决定者整个页面布局的可视性。过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着 DHTML 兴起，文本已经可以依照自己的要求放置到页面的任何位置。

5. 页脚

页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。能看到许多制作信息都是放置在页脚的

6. 图片

图片和文本是网页的两大构成元素，却一不可。如何处置好图片和文本的位置成了整个页面布局的关键。而你布局思维也将体现在这里。

7. 多媒体

除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它不是经常能被利用到但随着动态网页的兴起，网页布局上也将变得更重要。

编辑整理：北京网店建设 ecshop模板 ecshop模板