1.网页的分栏

做网站的版面变化主要通过“栏”的变化来体现。受计算机显示屏和网站制作浏览习惯的影响,网站的宽度相对固定,但高度是不定的,因此网站“栏”的设计主要集中在竖栏的区分和版式设计上。

栏的变化有两种,
一种是横栏打通.
一种是竖栏打通.

如果是网站的重要内容,可以跨越好几个栏。在网站制作的版面中左上方是最受瞩目的地方,其次是右上方,在其次是右下与左下。重要的栏目标题尽量放在首屏。

由于计算机显示屏的不一致,栏宽有定宽和随着显示屏大小相应调节两种方式。做网站的版面设计要注意整体的形式美感。文章的安排要做到:主次、大小、长短、横竖的搭配。在一个版面中,或以大块文章为主,配以少量小块文章,或以小块文章为主,配以少量大一点面积的文章,如各占二分之一,也会“花”在处理大块文章时,应注意在统一中求变化,避免版面单调。在处理小面积文章与图板时,应避免版面零乱,可用画线、分组等方法使版面在变化中求统一,井然有序。

多数网站采用1一4竖栏的版式。

(1)一栏版式
一栏版式是指网站纵向只有一个竖版的版面结构。这种版式最简单,用户视觉流程就是从上到下,但如果页面首屏要同时传达两相以上内容,这种版式就很难实现了。因此,单栏版式较多使用在目的较单一的最终页面中。

(2)二栏版式
二栏的版式是指网站制作纵向有两个竖栏的版面结构,由于其结构简单清晰,又能够解决内容并置的问题,受到许多网站的欢迎。

(3)三栏版式
三栏的版式是指网站制作纵向有三个竖栏的版面结构,其结构相对复杂一些,但由于能够同时呈现较多内容,因此是最常用的版式结构。

2版面率

在版面中文字的面积与版面总面积之比,称为版面率,版面率主要受文字、图片和留白之间关系得影响。版面率低给人高雅感,版面率高的新闻性、通俗性强。网络有这样两点特征:首先上网是付费的,其次网页每屏的显示范围受浏览器的限制,如果版面率较低的话,页面会拉得很长,看一点内容得换好几屏,而每屏的内容又很少,不方便使用;但是版面率过高又会使得页面杂乱拥挤,既不好看,也不好用。所以,要根据网页的功能、内容和性质确定适当的版面率。

高版面率常用于新闻页面,信息量大,新闻性强。中版面率常用于娱乐信息站点,既有内容丰富、信息及时的特点,又有轻松休闲的娱乐特点。较低版面率常用于产品宣传做网站,比如汽车销售网站,营造了高档和神秘感,又有必要的内容信息。

有时,当版面中实行的分量很满,以至于无法感受到线形存在的时候,却仍能感受到一种空气的流动,它们时而舒婉流畅,时而欢快雀跃,或汇拢成静静的一片,或分散成涓涓细流从字里行间穿行而过,这就是版面中的空白。版面中的空白与建筑中的虚空间相似,在一个版面中,不能只看到图形、文字,而注重空白;就好像不能只看到字体的笔画,而忽略画笔之间的空当。正是由于空白的衬托才使视觉得以集中,从而提高了图文的价值。