網(wǎng)頁設計中排版與布局小基礎

網(wǎng)頁設計中排版與布局小基礎有些人始終認為，網(wǎng)頁最主要是內(nèi)容，不需要再搞些門面上的東西，還拿出MUD來比喻?？墒牵t花還需要綠葉陪襯。想想，若MUD不只是單純的文本，還有畫面出來，那么，它所吸引的何止現(xiàn)在的這些MUD迷呢？那么，我所要說的到底是什么呢？初學者如果能夠了解一些設計上的東西，那么，自己的頁面不會顯得亂，自己看了也開心，別人看了也開心，何樂而不為呢？

我們的主頁，說到底，只是一個800*600的畫面，那么，我們要怎么對它進行安排才合理呢？首先，也是最重要的一點，就是先停下創(chuàng)作，先想好一個主題?quot;設計，是一種有目的的創(chuàng)造"。若在動手之前并不了解自己將要做什么及要怎么做，而只是一味的靠操作PHOTOSHOP的濾鏡而達到一種特效的話，那么，最終做出來的東西最多局部看得覺得挺不錯的，但全局就顯得太復雜了。頁面上的構成，如果要讓別人一眼望去覺得很BEAUTIFUL，這里面實際上是有很大的學問的。我們先來說說構成，"構成：是將造型按視覺效應、視覺力學和精神力學等原則組成的，具備美好形態(tài)的造型"。構成形式里，有空間構成（平面構成和立體構成）和時間構成（靜和動）。我們的創(chuàng)作，就是要協(xié)調(diào)這里面的種種關系，順應視覺感受，才能夠打動觀看者的視覺，得到我們想要的效果。在這些形形式式里，都有著如下的部件：點：我們一般認為，點是指圓形的，但這是不正確的。只要在空間里有非常少量的面積，無法形成一個視覺上感覺的圖形，都是一個點。無論什么形狀都可以。線：點集合在一起就形成線。面：一個平面。體：一個物體。一般是指物體占據(jù)的空間，有三維形狀。那么，當點、線、面與體集結在一個頁面上時，它們的關系要怎么協(xié)調(diào)呢？它們之間都有什么作用呢？點有集中視線、緊縮空間、引起注意的功能。兩個點相距不遠而且形狀不等時，一般由小向大看。近距離的點引起面的感覺。靈活運用點，可使你的頁面有一些本質(zhì)上的變化。當點占據(jù)不同的空間時，它所引起的感覺是不同的。（1）居中引起視覺集中注意。

（2）上引起下跌落感。

（3）在上左或上右引起不安定感。

（4）下方中點，產(chǎn)生踏實感。

（5）左下右下，增加了動感。為什么會這樣呢？因為人的視覺，都是經(jīng)過對生活的感覺都得來的。在下方的東西，一般聯(lián)想到大地。在上方的東西，一般聯(lián)想到浮云。線、面、體亦然。線，又分為直線和曲線。直線：給人以速度，明確而銳利的感覺，具男性感。曲線，則優(yōu)美輕快，富于旋律。曲線的用法各異，需結合自己的需要。而直線又分為斜線、水平線及垂直線。水平線代表平穩(wěn)、安定、廣闊，具踏實感。垂直線則有強烈的上升及下落趨勢，可增加動感。斜線，一般我沒有怎么使用，因為它造成視覺的一種不安定。

人們每看到一個東西，都試圖用橫直來分析，斜、歪是人們所不愿意見到的，但適當運用部梢源锏揭恍┨厥廡Ч?這個要靠個人的感覺。面，指的是二度空間里的形。面又分為幾何形和任意形，我個人比較喜歡任意形，因為它往更具人情味。幾何形使人有一些機械感，但是，每一個圖形里都會要用到幾何形，請看它們各代表什么：（1）圓形：運動及和諧美

（2）矩形：單純而明確，穩(wěn)定

（3）平行四邊形：有向一方運動的感覺。

（4）梯形：最穩(wěn)定，令人聯(lián)想到山。

（5）正方形：穩(wěn)定的擴張。

（6）正三角形：平穩(wěn)的擴張。

（7）倒三角形：不安定，動態(tài)及擴張、幻想。我們在日常生活中所看到的東西，都是由于形與形、圖與底的相互關系。圖形之間，圖底之間，正由于對比產(chǎn)生差異而被我們所感知所接受。圖與底的視差越大，圖形越清晰，對視覺的沖擊力越大。那么，平面上有那么多的東西，我怎么才能夠確定它是否是最主要的呢？請看：易于成為"視覺中心"的條件：（1）居于畫面中心。

（2）垂直或水平的比傾斜更易成為中心。

（3）被包圍。

（4）相對于其它圖形較大的。

（5）色感要素強烈。

（6）熟悉的圖案，如果這件東西我們很熟，則一定會以它為焦點?？梢园炎约赫J為最主要的東西做大一點，突出一點，色彩鮮艷一點，其它的東西小而且色調(diào)不要那么鮮明，以免搶了主題的"風頭"。注意：圖與底之間的關系是很重要的。如果我們確定了背景，再確定主題，在做頁面時不注意而將圖與底的關系設置為1：1，那么，我們也許發(fā)現(xiàn)，底與圖的力場爭奪非常激烈，即有時底被我們認為是圖。它們之間的關系只是相對，而非絕對。一般來說，底要大于圖，而圖要鮮于底。一副圖，我們怎樣才認為它是美的呢？這涉及到形、聲、色的有機結合，打動視知覺，使觀者產(chǎn)生美的共鳴。一般來說，有如下幾點：（1）穩(wěn)定性：我們的視知覺總是試圖找一個平衡點，若找不到則產(chǎn)生混亂。（2）對稱性：相應的部位等量，易產(chǎn)于統(tǒng)一的秩序感，但比較單調(diào)，可采用增加局部動勢的方法，以取得鮮明、生動的效果。（3）非對稱平衡：可以平衡為基礎，調(diào)整尺寸形態(tài)結構?；蛘咭孕螒B(tài)各異的形，經(jīng)視覺判斷，放置在確定的位置，以得到預想的平衡。這個和個人的審美有關系。

事實上，通過上述的一些方法，我們主要是為了創(chuàng)造秩序，使相互的東西能夠在沒有互相干擾的系統(tǒng)中起作用?；靵y與秩序之間的對照喚起了我們的視知覺，我們于是通過平衡、比例、節(jié)奏、協(xié)調(diào)，在迷亂中建立秩序，形成