网页版式设计的分类

5.6.2　网页版式设计的分类

网站版式的基本结构有满版型、中轴型、曲线型、倾斜型、焦点型、分割型、对称型等。

（1）满版型

满版型是指网页布局以一张精美图片作为页面的设计中心，像杂志中的出血图片，页面以这张大图为主要诉求点，将少量文字压置于图像之上。满版型给人以舒展、大方的感觉，视觉传达效果直观而强烈。这种版式在商业网站设计尤其是网络广告中比较常见。

（2）中轴型

中轴型版式是沿页面的中轴线将图片、文字作水平或垂直方向的排列。水平排列的页面，给人稳定、平静、含蓄的感觉。垂直排列的页面，给人舒畅的感觉。

满版型结构的网页

中轴型结构的网页

中心焦点型版式结构网页

四角对称型结构的网页

网格排列图

横向图片切割的网页

左对齐的网页

中间对齐的网页

（3）曲线型

曲线型是将版面中的图片、文字按照曲线的路径编排构成的版面，这样的版式会产生韵律与节奏感。版面中的曲线可以显现和隐显，显现是网页上有可见的曲线结构，隐显是曲线没有直接可见的曲线，曲线型的页面格局灵活，有流动的美感。

（4）倾斜型

倾斜型是网页主要图片、文字作倾斜编排，形成不稳定感或强烈的动感，引人注目的动态美。

（5）焦点型

焦点型的网页中有一个视觉中心作为焦点。通过对网页中的图片与文字的布局，使图片或文字独居页面某个部位或完全充斥整版，从而成为视觉心理上的焦点。焦点型版面分三种情况：第一种，焦点的页面是把对比强烈的图片或文字置于页面的视觉中心；第二种，页面中的视觉元素引导浏览者视线向页面中心聚拢，形成了一个向心的版式；第三种，离心版式是视觉元素引导浏览者视线向外辐射，形成一个离心的网页版式。

（6）分割型

分割型版式是把整个页面分成上下或左右两部分，分别安排图片和文字。两个部分形成对比：有图片的部分感性而具活力，文字部分则理性而平静。还可以调整图片和文案所占的面积，来调节对比的强弱。

（7）四角对称型

四角对称型指在页面四角安排相应的视觉元素。四个角是页面的边界点，重要性不可低估。在四个角安排相同的内容能产生安定感。控制好页面的四个角，也就控制了页面的空间。