网页排版设计100个技巧（网页排版布局规则多）

网页排版设计100个技巧（网页排版布局规则多）“T”型布局风格的定位要考虑网站的类型，如新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。对于不同类型的网站，应体现同的设计风格。例如，新闻网站风格应稳重权威，娱乐网站应活泼生动，文化教育网站应文雅，商务网站应民俗等。根据目前布局习惯，设置的页面尺寸大小为780×428上下已经成为趋势。620×311大小的页面现在已经很少见了，而1007×600大小的页面在网上也在逐渐增多。浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，当显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。在网页设计过程中，增加页面的高度是为网页增加更多内容的惟一方法。但按照习惯一个页面不要超过三屏。如果需要在同一页面显示超过三屏的内容，那么最好在网页顶部做个内部链接，方便浏览。

像传统的报刊杂志编辑一样，我们可以将网页看作一张报纸或一本杂志来进行排版布局。虽然网页技术的发展更关注新技术的应用和新模式的推广，但固定的网页版面设计布局依然是必须学习和掌握的。网页布局的基本原理是共通的，在设计时，作为设计者了解网页布局中要注意的问题，遵循网页设计中约定俗成的规则，只有领会了要点和核心，才能做到举一反三，设计出各式各样具有特色的网页。

网页设计示例展示

网页布局需要设计，但也遵循标准或者说符合浏览习惯，只有在此基础上进行设计才能是最好的设计。用户可以创意自己的网页布局，但要先明白网页布局的基本规则。

1．页面尺寸

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

• 当分辨率为640×480时，页面的显示尺寸为620×311个像素。
• 当分辨率为800×600时，页面的显示尺寸为780×42个像素。
• 当分辨率为1024×768时，页面的显示尺寸为1007×600个像素。

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

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

在网页设计过程中，增加页面的高度是为网页增加更多内容的惟一方法。但按照习惯一个页面不要超过三屏。如果需要在同一页面显示超过三屏的内容，那么最好在网页顶部做个内部链接，方便浏览。

2．页面风格

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

3．页面布局

“T”型布局

指页面设为网站标志和广告条，下方左面为主菜单，右面显示内容的布局。这种布局方式使用比较广泛。布局的优点是页面结构清晰，主次分明。缺点是规矩呆板，如果细节色彩粗糙，很容易让人乏味。

“国”型布局

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

“三”型布局

指页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。多用于国外站点，国内用的不多。

“人”型布局

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

“画面”型布局

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

1.阅后如果喜欢，不妨点赞、评论和关注一下。

2.如果喜欢玩软件，请关注本头条号阅读相关文章。

3.在学习中有什么问题，欢迎与我沟通交流，今日头条号搜索：微课传媒，我在这里等你哟！