网页版面规划技巧：揭秘流行的网页布局风格

网页流行的布局模式

1.“囯”式布局

又称“囗”式，常被大型网站所青睐，即顶部展示网站标题及横幅广告，紧随其后的是主体内容，两侧分布辅助信息，中间为核心区域，整体布局至底部，底部展示网站基础信息、联系方式、版权声明等。此类结构是网络中最为常见的一种布局模式。

2.“囗”式布局

此类结构与“囯”式布局仅形式上略有区别，移除了“囯”式布局右侧部分，为主内容区腾出更多空间。顶部为标题及广告横幅，左侧为窄列链接等，右侧为宽正文，底部同样包含网站辅助信息。

3.“三”式布局

这种布局简洁明快，在国外较为流行，国内较少见。其特点为网页整体分为三部分，由横向色块分割，色块中多放置广告条与更新、版权提示等信息。

4.“川”式布局

整个页面垂直分为三列，网站内容按栏目分布，最大化突出主页索引功能。如图1-19所示的“Beijing 2008”网站即为一种“川”式布局。

5.海报式布局

此类布局多出现在网站首页，以精美平面设计结合动画，辅以简单链接或直接在图片上设置链接。此类布局多用于企业网站和个人主页，若处理得当，可给人带来赏心悦目的感觉。

6.Flash式布局

此类布局指整个网页为一个Flash动画，具有动态效果，画面绚丽有趣，为一种时尚布局方式。与封面式结构类似，但Flash功能强大，信息表达更丰富。若处理得当，视觉效果及听觉效果将极具吸引力。

7.标题文本式布局

此类布局以文本为主，顶部常为标题或类似内容，下方为正文，如文章页面或注册页面等。

8.框架式布局

采用框架布局结构，常见类型包括左右框架、上下框架和综合框架。由于兼容性和美观等因素，此类布局目前专业设计人员应用较少，但在大型论坛和企业网站中仍较受欢迎。

网页设计有几种方法

1.靠前、无边框设计。无边框设计近几年较为流行，设计时删去风格线、边框，以间距代替。无边框设计多采用大图，内容有规律，留白间距内容需保持一致、重复、紧密，以便用户在浏览时认为内容为一整体。小众垂直产品更适合使用无边框设计。

2.卡片设计。卡片设计打破传统排版布局，提升版面使用率，增加网站建设惊喜。卡片设计优势包括：提高页面使用率、区分内容、提升可控性和体验度。卡片设计应用广泛，可覆盖、滑动、堆叠，具有良好的扩展性和可操作性。

3.分割线设计。常见页面布局设计方式，有助于用户快速熟悉页面布局，具有良好的内容组织性。分割线贯穿页面，分割不同内容，形成独立信息。

网站建设页面布局设计方式多样，且趋势不断变化。在设计前需考虑合适样式，不可盲目追求潮流，根据产品需求选择合适设计方式。分割线设计需注意间距、粗细、颜色等因素。