网页版式布局 网页版式浅谈

网页中心

由于人的生理特征所决定,在一个版面中,人们感觉到的中心比实际的几何中心要略高一点,我们称它为视觉中心,这就是为什么在一个版面设计中,主要的文字和图形经常放在中间偏上一点位置的原因,应当认识到,在版面中这个区域较之下部或边缘地区是最爱人重视的区域

但是,这并非所有的设计都要千篇一律将版面中心放在视觉中心的位置,反之,聪明的设计师往往用种种办法,将版面中心偏离视觉中心,以取得新颖醒目的效果,他们或采用大面积空白,或通过版面运动导线的走向,色彩纯度、明度的对比进行强调、烘托,从而突出版面中心。

画家潘天寿作画时便是这样做的,他一反传统绘画中将主体放置画面中间的惯例,以一块用线勾勒的空白大石头充满画幅,将画面的主体——老鹰或花草放在画面边缘。这种大胆破格的精神值得我们借鉴。

网页比例

美的形式原理存在于艺术各个门类,网站制作也不例外,好的网站制作必须遵守这些设计原理,将美融汇于网站制作中,网站制作中的页面原理的讲解虽然分十二节进行,但是你应当清醒地认识到:这些网页制作中的页面原理之所以分开来讲解,只是为了给深入研究每一课题提供方便,实质上,它们之间是相辅相成的、密不可分的,通常情况下,这些网页设计原理是既对立又统一地共存于一个网页中的。

第一节 网站制作中的比例

美的比例是网页设计成功的基础,好页面的首部、菜单、页面和底部的合理安排和选择,首先取决于良好的比例!

自古以来,公认为最美的比例是黄金比(黄金分割)--1:1.618.取AB线段的二分之一作垂线与点B得BO,取O为圆心,BO为半径作圆与AO交于点C,AB为长边,AC为短边,它们的比例既为黄金比.

还有一种美的比例标准产生于德国,我们称之为德国标准比例.既以正方形的对角线为长边,正方形的一边为短边,作圆弧得到的长方形(如上图右)是德国标准比例.其大方、朴素、公正,用之于网页设计,可使人感觉稳重、可靠,确实是一种美的比例标准。

良好比例的运用,是网站制作中艺术修养与审美情趣综合、灵活应用的结果,切生搬硬套.

网页方向

在版面中,字行、字组、图片的安排都存在着某种方向的运动感,我们将其概括为水平、垂直、倾斜三类,水平线与视线左右运动的方向一致,使人感到舒展、自在、犹如广阔平静的大地,而垂直线与视线上下运动不如左右运动灵活自如,垂直的运动使人联想到瞻仰纪念牌等崇高、肃穆的活动,倾斜线条则充满着动感。

当两条线逐渐向选拔的方向移动,我们称之为会聚,当它们相交后,便形成了角,当视线沿角的两边滑动,相交于角的顶点时,会停留片刻,然后沿角的方向继续向前移动,这也是许多指路牌使用箭头的缘故.

还在一种情况:当两条会聚的线,在相交之前就停住时,人们的视线会不自觉的沿着一存在的虚线继续向"会聚点"移动.

在版面中,会聚的方向通常应引向版面中较为重要的中心,而不应引向边缘次要的位置,从而分散了对主体的注意力.但是有一种例外,当将角群化处理后,多个角的不同方向形成了一个美丽而富于变化的底面,这时,单个角的方向感大大削弱,也就无所谓对主体注意力分散的问题了.

网页分割

网页制作中的分割是一种最基本的,随处可见的版式原理。分割有两种:1.横向分耕,2.纵向分割。

横向分割是二维的、平面的,在一个网页中,随意排上一行字,便有意无意的存在着一个分割的问题,即:一条线被分割为两段后,两段间的比例是否美的问题,实质上,它是一个比例问题。如版心与开本比例是分割,行距、字距的确立也是分割,每一个字的设计也存在分割。在一个网页中,多层次、讲究的横向分割将复杂的局部组织成统一协调的整体。

 

纵向分割是指向网页深处沿伸的纵深分割,使二维的平面具有三度空间的效果,犹如一幅风景画具有清晰的近景、柔和的中景、轻柔的远景一般。这些层次的形成,首先决定于每一层次与空白版面本身的明度对比,其次还有色彩纯度对比的影响。通常将这种层次对比称之为三分法,三分法使版面主次分明、清新美丽,避免了主次不分、杂乱无章的状况。各层次间的对比可强可弱,它们可以组合成无穷无尽的多种情调的版面,但是经验告诉我们,过多的层次往往影响版面单纯、清晰的气质,简练的少层次的分割往往更受欢迎。