就像传统的报刊编辑一样，我们可以把网页排版成报纸或杂志。虽然网页技术的发展更注重新技术的应用和新模式的推广，但固定的网页布局设计布局仍然需要学习和掌握。网页布局的基本原则是共通的。在设计中，作为设计师，要了解网页布局中应注意的问题，遵循网页设计中约定的常规规则。只有理解关键点和核心，我们才能从一个例子中得出推论，设计各种独特的网页。

网页布局规则很多，最重要的是掌握这三点。

1.页面尺寸。

由于页面尺寸与显示器的大小及其分辨率密切相关，在网页布局中，应首先考虑显示器和分辨率的大小。

当分辨率为640×480时，页面显示尺寸为620×311像素。

当分辨率为800×600时，页面显示尺寸为780×42个像素。

当分辨率为1024×768时，页面显示尺寸为1007×600像素。

根据目前的布局习惯，设置的页面尺寸为780×428已成为一种趋势。620×311大小的页面现在很少见，1007×600大小的页面在网上也在逐渐增加。

浏览器工具栏也会影响页面尺寸。一般可以取消或增加当前浏览器的工具栏。当显示所有工具栏时，页面的大小与关闭所有工具栏时不同。

在网页设计过程中，增加页面高度是为网页添加更多内容的唯一方法。但根据习惯，一个页面不应超过三个屏幕。如果您需要在同一页面上显示超过三个屏幕的内容，最好在页面顶部做一个内部链接，以便于浏览。

2.页面风格。

风格定位应考虑网站类型，如新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。对不同类型的网站，应体现相同的设计风格。例如，新闻网站的风格应权威，娱乐网站要活泼生动，文化教育网站要优雅，商务网站要民俗。

3.页面布局。

T型布局。

指页面设置为网站标志和广告条，下方左侧为主菜单，右侧显示内容布局。这种布局应用广泛。布局的优点是页面结构清晰，主次分明。缺点是规则呆板，如果细节颜色粗糙，很容易让人无聊。

圆形布局。

指网站的标题和横幅广告条，中间是网站的主要内容，下面是网站的一些基本信息、联系方式、版权声明等。各种小功能板块、导航、链接和信息提示放置在页面的左右两侧，中间是主要内容。页面四面空出，中间窗型设计。这种布局的优点是充分利用布局，信息量大，缺点是页面拥挤，不够灵活。

三型布局。

指页面上的两个横向色块，将整个页面分成四个部分，其中大部分是广告条。多用于国外网站，国内用途不多。

人行布局。

指左右或上下对称的布局，一半深色，一半浅色，一般用于网站设计。优点是视觉冲击力强，缺点是两部分页面很难有机结合。

画面布局。

指以精美图片为页面的设计中心。常用于时尚网站。优点是美观吸引人，缺点是文件太大，影响浏览速度。

标签： 网页布局设计 网站设计