第二章 网页设计的审美需求

 

第三节 网页的版式设计

 

1．网页板式设计的特点

（1）网页的尺寸是由读者来控制的。

（2）网页的组织结构是网状结构。

（3）网页中有很多的注目点。

（4）网页处在经常滚动的状态中，它通常只能够展示页面的一部分。

 

 

 

 

2．页面尺寸

（1）第一屏的考虑

（2）多分辨率的支持

（3）页面的长度考虑

一般情况下，一个页面的总长度不要超过第一屏长度的三倍，以一倍半为最佳。

 

 

 

 

3．视觉流程

一般来说，人们的自然视觉流程是从左上方到右下方的一个弧形曲线。在这个弧形曲线上，视觉优势从上到下递减。

图2-5 网页中的基本视觉流程

图2-6 网页中的两个重点区域

 

 

 

 

4．网页布局类型

(1)骨骼型

网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。

图2-7 同字形网页

(2)满版型

页面以图像充满整版。主要以图像为诉求点，也可将部分文字压置于图像之上。

图2-8 封面型网页

(3)分割型

把整个页面分成上下或左右两部分，分别安排图片和文案。

图2-9 水平分割网页

(4)排列型

将图片或文字按一定规律排列，从而使网页产生不同的视觉感受。

图2-10 对称排列型网页

(5)焦点型

焦点型的网页版式通过对视线的诱导，使页面具有强烈的视觉效果。

图2-11 焦点型网页

(6)自由型

采用类似于平面设计的方法集中构图，如：一字型、重心型、反复型、散点型等。

图2-12 自由型网页

 

 

 

 

5．网页构图要点

（1）主次分明、中心突出

（2）大小搭配，相互呼应

（3）图文并茂，相得益彰

（4）留白忌黑，疏密有秩