网页设计中排版的一些小知识

在制作一个网站时,说到底,只是一个800*600的画面,那么,我们要怎么对它进行安排 才合理呢?首先,也是最重要的一点,就是先停下创作,先想好一个主题设 计,是一种有目的的创造"。若在动手之前并不了解自己将要做什么及要怎么做,而只是一味的靠操作PHOTOSHOP的滤镜而达到一种特效的话,那么,最终做出来的东西最多局部看得觉得挺不错的,但全局就显得太复杂了。页面上的构成,如果要让别人一眼望去觉得很BEAUTIFUL,这里面实际上是有很大的学问的。

我们先来说说构成,"构成:是将造型按视觉效应、视觉力学和精神力学等原则组成的,具备美好形态的造型"。构成形式里,有空间构成(平面构成和立体构成) 和时间构成(静和动)。我们的创作,就是要协调这里面的种种关系,顺应视觉感受,才能够打动观看者的视觉,得到我们想要的效果。在这些形形式式里,都有着如下的部件:点:我们一般认为,点是指圆形的,但这是不正确的。只要在空间里有非常少量的面积,无法形成一个视觉上感觉的图形,都是一个点。无论什么形状都可以。线:点集合在一起就形成线。面:一个平面。体:一个物体。一般是指物体占据的空间,有三维形状。

那么,当点、线、面与体集结在一个页面上时,它们的关系要怎么协调呢?它们之间都有什么作用呢?

点有集中视线、紧缩空间、引起注意的功能。 两个点相距不远而且形状不等时,一般由小向大看。近距离的点引起面的感觉。灵活运用点,可使你的页面有一些本质上的变化。当点占据不同的空间时,它所引起的感觉是不同的。

(1) 居中引起视觉集中注意。

(2) 上引起下跌落感。

(3) 在上左或上右引起不安定感。

(4) 下方中点,产生踏实感。

(5) 左下右下,增加了动感。

人们每看到一个东西,都试图用横直来分析,斜、歪是人们所不愿意见到的,但适当运用,这个要靠个人的感觉。面,指的是二度空间里的形。面又分为几何形和任意形,我个人比较喜欢任意形,因为它往更具人情味。几何形使人有一些机械感,但是,每一个图形里都会要用到几何形,请看它们各代表什么:

(1) 圆形:运动及和谐美

(2) 矩形:单纯而明确,稳定

(3) 平行四边形:有向一方运动的感觉。

(4) 梯形:最稳定,令人联想到山。

(5) 正方形:稳定的扩张。

(6) 正三角形:平稳的扩张。

(7) 倒三角形:不安定,动态及扩张、幻想。

(1) 居于画面中心。

(2) 垂直或水平的比倾斜更易成为中心。

(3) 被包围。

(4) 相对于其它图形较大的。

(5) 色感要素强烈。

(6) 熟悉的图案,如果这件东西我们很熟,则一定会以它为焦点。

一副图,我们怎样才认为它是美的呢?这涉及到形、声、色的有机结合,打动视知觉,使观者产生美的共鸣。一般来说,有如下几点:
(1) 稳定性:我们的视知觉总是试图找一个平衡点,若找不到则产生混乱。
(2) 对称性:相应的部位等量,易产于统一的秩序感,但比较单调,可采用增加局部动势的方法,以取得鲜明、生动的效果。
(3)非对称平衡:可以平衡为基础,调整尺寸形态结构。或者以形态各异的形, 经视觉判断,放置在确定的位置,以得到预想的平衡。这个和个人的审美有关系。

旋律要有情感因素,富于变化而又统一的节奏和总体的和谐。流动的旋律,活泼、明快、自由、变化、生机勃勃。也要注意到,反复、周而复、单纯或渐变重复虽给人以视觉印象,但过于单调会使人疲劳并产生厌烦。必须 在反复中寻找动与静的完美结合,寻求单纯与复杂、细腻与奔放、定向与不定向之间的对比,在构成方式上多探索,多借鉴,求新求变。以下介绍这方面的方法:

(1) 同质要素的统一,这个比较容易,只要自己多摸索就行了。

(2) 类似要素统一,大小类似,色明度类似就可以了。

(3) 不一样的要素的统一,由于形成对比,因此一般会形成对比,造成零散、不统一的感觉,要令它产生节奏,一般是在要形成强烈焦点时才使用。总之,我们要记住这一点:在相同中求变化,在不同中求统一,使大部分相同,使小部分相异,可取得统一又富有变化的感觉。但是,也要注意差异的大小问题。差异是对规律进行突破及形成对比,富于变化。但是,差异过大,易失去总体协调,过小易被规律淹没,就注意把握尺度, 以不失整体观感的适度对比为准。

我们怎样才能够让别人觉得我们的图片很协调呢?方法如下:

(1) 保留一个相近或近似的因素,自然的过渡

(2) 相互渗透

(3) 利用过渡形

我的主页：http://abc.wm23.com/yxqjj

我的博客：http://blog.sina.com.cn/u/2358772111

我的微博 ： http://weibo.com/yixiuqin8

魏亚儒：http://abc.wm23.com/weiyaru

宋慧：http://abc.wm23.com/songhuihui

李敏：http://abc.wm23.com/somnurse

孙盈：http://abc.wm23.com/sunyingyu

焦提荣 ： http://abc.wm23.com/rong9105

杨乐乐：http://abc.wm23.com/yanglele1206

秦源：http://abc.wm23.com/QYfly