设为首页加入收藏业务一览表公司历程公司介绍联系我们
当前位置网站建设知识 >> 网页设计中排版与布局基础

网页设计中排版与布局基础

有些人始终认为,网页最重要是内容,不需要再搞些门面上的东西,还拿出MUD来比 喻。可是,红花还需要绿叶衬托。想想,若MUD不只是单纯的文本,还有画面出来, 那么,它所吸引的何止现在的这些MUD迷呢? 那么,我所要说的到底是什么呢?初学者假如能够懂得一些设计上的东西,那么, 自己的页面不会显得乱,自己看了也开心,别人看了也开心,何乐而不为呢?
我们的主页,说到底,只是一个800*600的画面,那么,我们要怎么对它进行安排 才公平呢? 首先,也是最重要的一点,就是先停下创作,先想好一个主题?quot;设 计,是一种有目标的发明"。若在动手之前并不懂得自己将要做什么及要怎么做, 而只是一味的靠把持PHOTOSHOP的滤镜而达到一种殊效的话,那么,终极做出来的 东西最多局部看得感到挺不错的,但全局就显得太复杂了。 页面上的构成,假如要让别人一眼看往感到很BEAUTIFUL,这里面实际上是有很大 的学问的。
我们先来说说构成,"构成:是将造型按视觉效应、视觉力学和精力力学等原则组成的,具备美好形态的造型"。 构成情势里,有空间构成(平面构成和立体构成) 和时间构成(静和动)。 我们的创作,就是要和谐这里面的种种关系,顺应视觉 感受,才干够激动观看者的视觉,得到我们想要的后果。在这些形情势式里,都有 着如下的部件: 点:我们一般认为,点是指圆形的,但这是不准确的。只要在空间里有非常少量的 面积,无法形成一个视觉上感到的图形,都是一个点。无论什么外形都可以。 线:点聚集在一起就形成线。 面:一个平面。 体:一个物体。一般是指物体盘踞的空间,有三维外形。

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

点有集中视线、压缩空间、引起注意的功效。 两个点相距不远而且外形不等时,一般由小向大看。 近间隔的点引起面的感到。 机动应用点,可使你的页面有一些本质上的变更。 当点盘踞不同的空间时,它所引起的感到是不同的。

(1) 居中引起视觉集中注意 。
(2) 上引起下跌落感。
(3) 在上左或上右引起不安定感。
(4) 下方中点,产生踏实感。
(5) 左下右下,增加了动感。

为什么会这样呢?由于人的视觉,都是经过对生活的感到都得来的。 在下方的东西,一般联想到大地。 在上方的东西,一般联想到浮云。线、面、体亦然。

线,又分为直线和曲线。直线:给人以速度,明白而锋利的感到,具男性感。曲线,则精美轻快,富于旋律。曲线的用法各异,需联合自己的需要。 而直线又分为斜线、程度线及垂直线。程度线代表安稳、安定、广阔,具踏实感。垂直线则有强烈的上升及着落趋势,可增加动感。斜线,一般我没有怎么应用,蛭斐墒泳醯囊恢植话捕ā?
人们每看到一个东西,都试图用横直来分析,斜、歪是人们所不愿看法到的,但 适当应用部梢源锏揭恍┨厥庑Ч ?这个要靠个人的感到。 面,指的是二度空间里的形。 面又分为几何形和任意形,我个人比拟爱好任意形,由于它往更具人情味。 几何形使人有一些机械感,但是,每一个图形里都会要用到几何形,请看它们各代表什么:

(1) 圆形:运动及和谐美
(2) 矩形:单纯而明白,稳固
(3) 平行四边形:有向一方运动的感到。
(4) 梯形:最稳固,令人联想到山。
(5) 正方形:稳固的扩大。
(6) 正三角形:安稳的扩大。
(7) 倒三角形:不安定,动态及扩大、幻想。

我们在日常生活中所看到的东西,都是由于形与形、图与底的相互关 系。图形之间,图底之间,正由于对照产生差别而被我们所感知所接 受。 图与底的视差越大,图形越明白,对视觉的冲击力越大。 那么,平面上 有那么多的东西,我怎么才干够断定它是否是最重要的呢?请看:易于 成为"视觉中心"的条件:

(1) 居于画面中心。
(2) 垂直或程度的比倾斜更易成为中心。
(3) 被包抄。
(4) 相对于其它图形较大的。
(5) 色感要素强烈。
(6) 熟悉的图案,假如这件东西我们很熟,则必定会以它为焦点。

可以把自己认为最重要的东西做大一点,突出一点,色彩鲜艳一点,其它的东西小 而且色调不要那么鲜明,以免抢了主题的"风头"。 注意:图与底之间的关系是很重要的。 假如我们断定了背景,再断定主题,在做页面时不注意而将图与底的关系设置为 1:1,那么,我们也许发明,底与图的力场争取非常激烈,即有时底被我们认为是图。它们之间的关系只是相对,而非尽对。一般来说,底要大于图,而图要鲜于底。

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

事实上,通过上述的一些方法,我们重要是为了发明秩序,使相互的东西能够在 没有互相干扰的系统中起作用。 混乱与秩序之间的对照唤起了我们的视知觉,我们于是通过平衡、比例、节奏、 和谐,在迷乱中建立秩序,形成我们自己的作风。 形成自己作品的奇特气质。 而假如注意自己作品的律动性,即旋律性,可通过重要一个基调实现,对于全部 页面应当有画龙点晴之效。 但要明白的熟悉到,并非所有的节奏都产生律动性,有时候,听到一些音乐时觉 得它是垃圾,原理是一样的。

旋律要有情感因素,富于变更而又同一的节奏和总体的和谐。 运动的旋律,活泼、明快、自由、变更、活力勃勃。 也要注意到,重复、周而 复、单纯或渐变重复虽给人以视觉印象,但过于单调会使人疲惫并产生厌烦。必需 在重复中寻找动与静的完善联合,寻求单纯与复杂、细腻与奔放、定向与不定向之 间的对照,在构成方法上多摸索,多鉴戒,求新求变。 以下先容这方面的方法:

(1) 同质要素的同一,这个比拟轻易,只要自己多摸索就行了。
(2) 类似要素同一,大小类似,色明度类似就可以了。
(3) 不一样的要素的同一,由于形成对照,因此一般会形成对照,造成零碎、 不同一的感到,要令它产生节奏,一般是在要形成强烈焦点时才应用。 总之,我们要记住这一点: 在雷同中求变更,在不同中求同一,使大部分雷同,使小部分相异,可取得同一 又富有变更的感到。 但是,也要注意差别的大小标题。差别是对规律进行突破及形成对照,富于变 化。但是,差别过大,易失往总体和谐,过小易被规律沉没,就注意把握尺度, 以不失整体观感的适度对照为准。

我们怎样才干够让别人感到我们的图片很和谐呢?方法如下:

(1) 保留一个相近或近似的因素,自然的过渡
(2) 相互渗透
(3) 利用过渡形

在对照方面,必需有周到的编排,具体如下:

(1) 方向对照 在基础有方向的条件下,大部分雷同,小部分不同可形成对照
(2) 地位对照 在页面的安排不要太对称,以避免平板单调。应在不对称中找到 均衡,由此得到疏密对照。
(3) 虚实对照 事实上,虚与实是同等重要的,画黑则白出,造图则底成。应注 意双方平衡。
(4) 隐显对照 图与底比拟,明度差大者显示,明度差小者暗躲。显与隐相辅相 成,能造成丰富的层次感。

在空间感方面,可以以点、线、面的排列,形成不同的空间感。 如以下方法:

(1) 重叠
(2) 大小
(3) 倾侧,旋转,深度
(4) 曲折
(5) 明度
(6) 投影
(7) 透视

[来源:宁波网站建设] [作者:zx7588] [日期:10-07-04] [阅读:]