网页的版式结构也可以称作排版样式，使用这些样式可以创建出不同的网页风格，因为排版样式不仅仅是一个形式，同时还具有信息性。空间的构成是在考虑造型因素和视觉因素的基础上创建出的页面形式。按照版式的方向及元素面积，把版式结构划分为如下类型：水平均匀、水平不均匀、水平多重、水平翠变垂直均匀、垂直不均匀、垂直多重、垂直变动、交叉划分、曲线划分等。网页创作时，只有协调好这其中的关系，顺应视觉感受，才能够打动用户，实现想要的效果。

 

   这种结构把整个版面在水平方向上划分为平均的几个部分，上部分或下部分放置图片，另部分则放置正文。图片部分感性而有活力，正文部分理性而靜止，二者相得益彰。这种结构的版面中，上下部分所占页面的比例是不一致的，如果上半部放置标题或导航，则面积较小；如果上半部放置主体内容，则面积适当加大。这种结构强调水平分割的层次感和精确感，并有助于不同信息的分类，水平变动与斜线、瓜线棱相结合，打破了页面的安定，产生运动和速度感，垂直均匀的版式结构是把页面在竖直方向上分割为大小相等的几个部分，页面在具有稳定感的同时，体现出层次感和精确性。

 

   垂直不均匀型的结构是把页面分割为大小不相等的几个部分。根据一般人的阅读习惯，左边的视觉注意度较高，可放置网站的Logo和导航等。这种结构把页面在竖直方向上划分为不同的部分，每个部分的面积可以不尽相同，放置导航、标题、主体内容等。可以多次垂直分割，也可进行多级分割，不过这种版式一般很少单独使用，而是与其他的分割方式混合运用。这种结构的版式中，页面以垂直和水平的方式分割，风格比较简洁，但内容丰富。这种结构的版式以流动的曲线把页面划分为几个区域，与直线型结构相比拥有更强的创造力。

 

    各种类型网站页面展示

 

    在线教育展示页面，某学校的在线教育网站。因网站内容繁多，设计者使用了多导航系统，网站结构清晰，用户浏览起来非常方便。公司形象展示页面，整个版面被线条和色块分割为两个部分，左右两部分形成强弱对比，造成视觉上的不平衡，从而起到突出强调的作用。

 

    个人网站展示页面，人网站的风格不尽相同。设计上可以以网站Logo的变形和艺术化的文字为设计中心进行主体构图，注意强调个性。购物网站展示页面，购物网站的宣传作用是首位的，产品的图片和功能的介绍是网站的重要组成部分，所以网站的结构一般要求是对称型，即文字和图片的比例相当。

 

    汽车服务网站展示页面，无处不在的导航，为网站的浏览者提供高效的服务，亏网站主题密切贴合的导航设计，令人耳目一新。艺术视觉展示页面，艺术类的网站有着强烈的空间感，很多元素自然地组合在一起，视觉上浑然一体，设计这类的网页必须有独特的创意和娴熟的网页图像处理技巧。

 

    LG网站展示页面，随处可见的企业Logo在网页中的宣传作用显而易见。设计上对细节的雕琢，更加体现出企业的气势。展示是网站的主题，结构上简洁明了，突出企业的风格，视觉流程自然。细致的布局，温馨的画面是家居类网站的特征。视觉传达直观而强烈，尊令人印象深刻。服饰与时尚紧密相连。设计上要避免呆板僵化。多层次不均匀划分的布局可以带来感时尚的感觅。