网页页面排版技巧

一、版面的基础样式:

第一种样式,也是最基础的版面样式为页头(包含logo、导航、联系方式等)、主体内容、页脚。通常情况下整个网站的页头和页脚是不变的,保持网站的风格统一,把主要的设计中心放到主体内容上。

第二种样式,通常为二级页样式。右侧通常可添加相关文章或者相关产品的列表(如图所示)。这样做的目的一方面是更方便网站的浏览者点击跳转到别的页面,为网站多个页面增加浏览量与曝光量,二是可以增加网站信息的推广。

二、根据人的视觉浏览习惯进行版面的设计:

根据人的浏览视觉习惯,分为两种情况。第一种是如下图(图1)左边的效果,“F”型浏览效果,也就是通常的由上至下浏览,把最主要的、最吸引人的图片及文字新闻放到最上边,根据主次往下层级递减,把最不重要的放到最下边。

图1

第二种浏览习惯,也就是如图1右侧所示的“Z”型浏览习惯,利用这种视觉效果,可以引导人左右的横向浏览,百度搜索引擎也是利用了这种视觉布局。例如,我们在百度中搜索“包装”一词,首先引导人们看到的是“包装生成-在线平台设计”,再引导人看到的是右侧的包装公司的推广信息,随后再让人的看到的才是包装的一些图片(如图2所示)。所以,只要利用好这一点,便可以很好的引导人们,先看哪里,再看哪里,更容易让人们注意到自己想让别人看的信息。

图2