有些人始終認(rèn)為，網(wǎng)頁最重要是內(nèi)容，不需要再搞些門面上的東西，還拿出MUD來比 喻。可是，紅花還需要綠葉襯托。想想，若MUD不只是單純的文本，還有畫面出來， 那么，它所吸引的何止現(xiàn)在的這些MUD迷呢？ 那么，我所要說的到底是什么呢？初學(xué)者假如能夠懂得一些設(shè)計(jì)上的東西，那么， 自己的頁面不會顯得亂，自己看了也開心，別人看了也開心，何樂而不為呢？
我們的主頁，說到底，只是一個(gè)800*600的畫面，那么，我們要怎么對它進(jìn)行安排 才公平呢？ 首先，也是最重要的一點(diǎn)，就是先停下創(chuàng)作，先想好一個(gè)主題?quot;設(shè) 計(jì)，是一種有目標(biāo)的發(fā)明"。若在動手之前并不懂得自己將要做什么及要怎么做， 而只是一味的靠把持PHOTOSHOP的濾鏡而達(dá)到一種殊效的話，那么，終極做出來的 東西最多局部看得感到挺不錯(cuò)的，但全局就顯得太復(fù)雜了。 頁面上的構(gòu)成，假如要讓別人一眼看往感到很BEAUTIFUL，這里面實(shí)際上是有很大 的學(xué)問的。
我們先來說說構(gòu)成，"構(gòu)成：是將造型按視覺效應(yīng)、視覺力學(xué)和精力力學(xué)等原則組成的，具備美好形態(tài)的造型"。 構(gòu)成情勢里，有空間構(gòu)成（平面構(gòu)成和立體構(gòu)成） 和時(shí)間構(gòu)成（靜和動）。 我們的創(chuàng)作，就是要和諧這里面的種種關(guān)系，順應(yīng)視覺 感受，才干夠激動觀看者的視覺，得到我們想要的后果。在這些形情勢式里，都有 著如下的部件： 點(diǎn)：我們一般認(rèn)為，點(diǎn)是指圓形的，但這是不準(zhǔn)確的。只要在空間里有非常少量的 面積，無法形成一個(gè)視覺上感到的圖形，都是一個(gè)點(diǎn)。無論什么外形都可以。 線：點(diǎn)聚集在一起就形成線。 面：一個(gè)平面。 體：一個(gè)物體。一般是指物體盤踞的空間，有三維外形。
那么，當(dāng)點(diǎn)、線、面與體集結(jié)在一個(gè)頁面上時(shí)，它們的關(guān)系要怎么和諧呢？它們之間都有什么作用呢？
點(diǎn)有集中視線、壓縮空間、引起注意的功效。 兩個(gè)點(diǎn)相距不遠(yuǎn)而且外形不等時(shí)，一般由小向大看。 近間隔的點(diǎn)引起面的感到。 機(jī)動應(yīng)用點(diǎn)，可使你的頁面有一些本質(zhì)上的變更。 當(dāng)點(diǎn)盤踞不同的空間時(shí)，它所引起的感到是不同的。
（1） 居中引起視覺集中注意 。
（2） 上引起下跌落感。
（3） 在上左或上右引起不安定感。
（4） 下方中點(diǎn)，產(chǎn)生踏實(shí)感。
（5） 左下右下，增加了動感。
為什么會這樣呢？由于人的視覺，都是經(jīng)過對生活的感到都得來的。 在下方的東西，一般聯(lián)想到大地。 在上方的東西，一般聯(lián)想到浮云。線、面、體亦然。
線，又分為直線和曲線。直線：給人以速度，明白而鋒利的感到，具男性感。曲線，則精美輕快，富于旋律。曲線的用法各異，需聯(lián)合自己的需要。 而直線又分為斜線、程度線及垂直線。程度線代表安穩(wěn)、安定、廣闊，具踏實(shí)感。垂直線則有強(qiáng)烈的上升及著落趨勢，可增加動感。斜線，一般我沒有怎么應(yīng)用，蛭斐墑泳醯囊恢植話捕ā?
人們每看到一個(gè)東西，都試圖用橫直來分析，斜、歪是人們所不愿看法到的，但 適當(dāng)應(yīng)用部梢源锏揭恍┨厥廡Ч ?這個(gè)要靠個(gè)人的感到。 面，指的是二度空間里的形。 面又分為幾何形和任意形，我個(gè)人比擬愛好任意形，由于它往更具人情味。 幾何形使人有一些機(jī)械感，但是，每一個(gè)圖形里都會要用到幾何形，請看它們各代表什么：
（1） 圓形：運(yùn)動及和諧美
（2） 矩形：單純而明白，穩(wěn)固
（3） 平行四邊形：有向一方運(yùn)動的感到。
（4） 梯形：最穩(wěn)固，令人聯(lián)想到山。
（5） 正方形：穩(wěn)固的擴(kuò)大。
（6） 正三角形：安穩(wěn)的擴(kuò)大。
（7） 倒三角形：不安定，動態(tài)及擴(kuò)大、幻想。
我們在日常生活中所看到的東西，都是由于形與形、圖與底的相互關(guān) 系。圖形之間，圖底之間，正由于對照產(chǎn)生差別而被我們所感知所接 受。 圖與底的視差越大，圖形越明白，對視覺的沖擊力越大。 那么，平面上 有那么多的東西，我怎么才干夠斷定它是否是最重要的呢？請看：易于 成為"視覺中心"的條件：
（1） 居于畫面中心。
（2） 垂直或程度的比傾斜更易成為中心。
（3） 被包抄。
（4） 相對于其它圖形較大的。
（5） 色感要素強(qiáng)烈。
（6） 熟悉的圖案，假如這件東西我們很熟，則必定會以它為焦點(diǎn)。
可以把自己認(rèn)為最重要的東西做大一點(diǎn)，突出一點(diǎn)，色彩鮮艷一點(diǎn)，其它的東西小 而且色調(diào)不要那么鮮明，以免搶了主題的"風(fēng)頭"。 注意：圖與底之間的關(guān)系是很重要的。 假如我們斷定了背景，再斷定主題，在做頁面時(shí)不注意而將圖與底的關(guān)系設(shè)置為 1：1，那么，我們也許發(fā)明，底與圖的力場爭取非常激烈，即有時(shí)底被我們認(rèn)為是圖。它們之間的關(guān)系只是相對，而非盡對。一般來說，底要大于圖，而圖要鮮于底。
一副圖，我們怎樣才認(rèn)為它是美的呢？這涉及到形、聲、色的有機(jī)聯(lián)合，激動視知 覺，使觀者產(chǎn)生美的共識。一般來說，有如下幾點(diǎn)： （1） 穩(wěn)固性：我們的視知覺總是試圖找一個(gè)平衡點(diǎn)，若找不到則產(chǎn)生混亂。 （2） 對稱性：相應(yīng)的部位等量，易產(chǎn)于同一的秩序感，但比擬單調(diào)，可采用增加 局部動勢的方法，以取得鮮明、活潑的后果。 （3） 非對稱平衡：可以平衡為基礎(chǔ)，調(diào)劑尺寸形態(tài)結(jié)構(gòu)。或者以形態(tài)各異的形， 經(jīng)視覺判定，放置在斷定的地位，以得到預(yù)想的平衡。這個(gè)和個(gè)人的審美有關(guān)系。
事實(shí)上，通過上述的一些方法，我們重要是為了發(fā)明秩序，使相互的東西能夠在 沒有互相干擾的系統(tǒng)中起作用。 混亂與秩序之間的對照喚起了我們的視知覺，我們于是通過平衡、比例、節(jié)奏、 和諧，在迷亂中建立秩序，形成我們自己的作風(fēng)。 形成自己作品的奇特氣質(zhì)。 而假如注意自己作品的律動性，即旋律性，可通過重要一個(gè)基調(diào)實(shí)現(xiàn)，對于全部 頁面應(yīng)當(dāng)有畫龍點(diǎn)晴之效。 但要明白的熟悉到，并非所有的節(jié)奏都產(chǎn)生律動性，有時(shí)候，聽到一些音樂時(shí)覺 得它是垃圾，原理是一樣的。
旋律要有情感因素，富于變更而又同一的節(jié)奏和總體的和諧。 運(yùn)動的旋律，活潑、明快、自由、變更、活力勃勃。 也要注意到，重復(fù)、周而 復(fù)、單純或漸變重復(fù)雖給人以視覺印象，但過于單調(diào)會使人疲憊并產(chǎn)生厭煩。必需 在重復(fù)中尋找動與靜的完善聯(lián)合，尋求單純與復(fù)雜、細(xì)膩與奔放、定向與不定向之 間的對照，在構(gòu)成方法上多摸索，多鑒戒，求新求變。 以下先容這方面的方法：
（1） 同質(zhì)要素的同一，這個(gè)比擬輕易，只要自己多摸索就行了。
（2） 類似要素同一，大小類似，色明度類似就可以了。
（3） 不一樣的要素的同一，由于形成對照，因此一般會形成對照，造成零碎、 不同一的感到，要令它產(chǎn)生節(jié)奏，一般是在要形成強(qiáng)烈焦點(diǎn)時(shí)才應(yīng)用。 總之，我們要記住這一點(diǎn)： 在雷同中求變更，在不同中求同一，使大部分雷同，使小部分相異，可取得同一 又富有變更的感到。 但是，也要注意差別的大小標(biāo)題。差別是對規(guī)律進(jìn)行突破及形成對照，富于變 化。但是，差別過大，易失往總體和諧，過小易被規(guī)律沉沒，就注意把握尺度， 以不失整體觀感的適度對照為準(zhǔn)。
我們怎樣才干夠讓別人感到我們的圖片很和諧呢？方法如下：
（1） 保留一個(gè)相近或近似的因素，自然的過渡
（2） 相互滲透
（3） 利用過渡形
在對照方面，必需有周到的編排，具體如下：
（1） 方向?qū)φ?在基礎(chǔ)有方向的條件下，大部分雷同，小部分不同可形成對照
（2） 地位對照 在頁面的安排不要太對稱，以避免平板單調(diào)。應(yīng)在不對稱中找到 均衡，由此得到疏密對照。
（3） 虛實(shí)對照 事實(shí)上，虛與實(shí)是同等重要的，畫黑則白出，造圖則底成。應(yīng)注 意雙方平衡。
（4） 隱顯對照 圖與底比擬，明度差大者顯示，明度差小者暗躲。顯與隱相輔相 成，能造成豐富的層次感。
在空間感方面，可以以點(diǎn)、線、面的排列，形成不同的空間感。 如以下方法：
（1） 重疊
（2） 大小
（3） 傾側(cè)，旋轉(zhuǎn)，深度
（4） 曲折
（5） 明度
（6） 投影
（7） 透視
