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

2008-02-23 05:57:01来源：互联网阅读 ()

　　有些人始终认为，网页最主要是内容，无需再搞些门面上的东西，还拿出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）非对称平衡：能够平衡为基础，调整尺寸形态结构。或以形态各异的形，经视觉判断，放置在确定的位置，以得到预想的平衡。这个和个人的审美有关系。

　　事实上，通过上述的一些方法，我们主要是为了创造秩序，使相互的东西能够在没有互相干扰的系统中起作用。混乱和秩序之间的对照唤起了我们的视知觉，我们于是通过平衡、比例、节奏、协调，在迷乱中建立秩序，形成我们自己的风格。形成自己作品的独特气质。而假如注意自己作品的律动性，即旋律性，可通过重要一个基调实现，对于整个页面应该有画龙点晴之效。但要清楚的认识到，并非任何的节奏都产生律动性，有时候，听到一些音乐时觉得他是垃圾，原理是相同的。

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有