發(fā)布日期：2017/6/27

有些人始終認(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ì)，是一種有目的的創(chuàng)造"。若在脫手之前并不了解自己將要做什么及要怎么做， 而只是一味的靠操作PHOTOSHOP的濾鏡而達(dá)到一種的話，那么，做出來的 東西局部看得覺得挺不錯(cuò)的，但全局就顯得太復(fù)雜了。 頁面上的構(gòu)成，假如要讓別人一眼望去覺得很BEAUTIFUL，這里面現(xiàn)實(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)作，就是要協(xié)調(diào)這里面的種種關(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)系要怎么協(xié)調(diào)呢？它們之間都有什么作用呢？ 

　　點(diǎn)有集中視線、緊縮空間、引起注重的功能。 兩個(gè)點(diǎn)相距不遠(yuǎn)而且外形不等時(shí)，一般由小向大看。 近距離的點(diǎn)引起面的感覺。 天真運(yùn)用點(diǎn)，可使你的頁面有一些本質(zhì)上的轉(zhuǎn)變。 當(dāng)點(diǎn)占有不同的空間時(shí)，它所引起的感覺是不同的。 

　　（1） 居中引起視覺集中注重 。 
　　（2） 上引起下跌落感。 
　　（3） 在上左或上右引起不安定感。 
　　（4） 下方中點(diǎn)，產(chǎn)生扎實(shí)感。 
　　（5） 左下右下，增添了動感。 

　　為什么會這樣呢？因?yàn)槿说囊曈X，都是經(jīng)過對生活的感覺都得來的。 在下方的東西，一般聯(lián)想到大地。 在上方的東西，一般聯(lián)想到浮云。線、面、體亦然。 

　　線，又分為直線和曲線。直線：給人以速度，明確而銳利的感覺，具男性感。曲線，則優(yōu)美輕快，富于旋律。曲線的用法各異，需結(jié)合自己的需要。 而直線又分為斜線、水平線及垂直線。水平線代表平穩(wěn)、安定、廣闊，具扎實(shí)感。垂直線則有強(qiáng)烈的上升及下落趨勢，可增添動感。斜線，一般我沒有怎么使用，因?yàn)樗�造成視覺的一種不安定。


　　人們每看到一個(gè)東西，都試圖用橫直來分析，斜、歪是人們所不愿意見到的，但 適當(dāng)運(yùn)用這個(gè)要靠個(gè)人的感覺。 面，指的是二度空間里的形。 面又分為幾何形和任意形，我個(gè)人比較喜好任意形，因?yàn)樗�往更具人情味�?nbsp;幾何形使人有一些機(jī)械感，但是，每一個(gè)圖形里都會要用到幾何形，請看它們各代表什么： 

　　（1） 圓形：運(yùn)動及協(xié)調(diào)美 
　　（2） 矩形：單純而明確，穩(wěn)定 
　　（3） 平行四邊形：有向一方運(yùn)動的感覺。 
　　（4） 梯形：穩(wěn)定，令人聯(lián)想到山。 
　　（5） 正方形：穩(wěn)定的擴(kuò)張。 
　　（6） 正三角形：平穩(wěn)的擴(kuò)張。 
　　（7） 倒三角形：不安定，動態(tài)及擴(kuò)張、幻想。 

　　我們在日常生活中所看到的東西，都是因?yàn)樾闻c形、圖與底的相互關(guān) 系。圖形之間，圖底之間，正因?yàn)閷Ρ犬a(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ā)現(xiàn)，底與圖的力場爭奪特別很是激烈，即有時(shí)底被我們認(rèn)為是圖。它們之間的關(guān)系只是相對，而非。一般來說，底要大于圖，而圖要鮮于底。 

　　一副圖，我們怎樣才認(rèn)為它是美的呢？這涉及到形、聲、色的有機(jī)結(jié)合，打動視知 覺，使觀者產(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í)上，通過上述的一些方法，我們主要是為了創(chuàng)造秩序，使相互的東西能夠在 沒有互相關(guān)擾的系統(tǒng)中起作用。 紊亂與秩序之間的對照喚起了我們的視知覺，我們于是通過平衡、比例、節(jié)奏、 協(xié)調(diào)，在迷亂中建立秩序，形成我們自己的風(fēng)格。 形成自己作品的氣質(zhì)。 而假如注重自己作品的律動性，即旋律性，可通過主要一個(gè)基調(diào)實(shí)現(xiàn)，對于整個(gè) 頁面應(yīng)該有畫龍點(diǎn)晴之效。 但要清楚的熟悉到，并非所有的節(jié)奏都產(chǎn)生律動性，有時(shí)候，聽到一些音樂時(shí)覺 得它是垃圾，原理是一樣的。 

　　旋律要有情感因素，富于轉(zhuǎn)變而又同一的節(jié)奏和總體的協(xié)調(diào)。 流動的旋律，活潑、明快、自由、轉(zhuǎn)變、生機(jī)勃勃。 也要注重到，反復(fù)、周而 復(fù)、單純或漸變重復(fù)雖給人以視覺印象，但過于單調(diào)會使人委靡并產(chǎn)生厭煩。必須 在反復(fù)中尋找動與靜的完美結(jié)合，追求單純與復(fù)雜、細(xì)膩與奔放、定向與不定向之 間的對比，在構(gòu)成體例上多探索，多借鑒，求新求變。 以下介紹這方面的方法： 

　　（1） 同質(zhì)要素的同一，這個(gè)比較容易，只要自己多摸索就行了。 
　　（2） 類似要素同一，大小類似，色明度類似就可以了。 
　　（3） 不一樣的要素的同一，因?yàn)樾纬蓪Ρ龋�因此一般會形成對比，造成零散�?nbsp;不同一的感覺，要令它產(chǎn)生節(jié)奏，一般是在要形成強(qiáng)烈焦點(diǎn)時(shí)才使用。 總之，我們要記住這一點(diǎn)： 在相同中求轉(zhuǎn)變，在不同中求同一，使大部分相同，使小部分相異，可取得同一 又富有轉(zhuǎn)變的感覺。 但是，也要注重差異的大小問題。差異是對規(guī)律進(jìn)行突破及形成對比，富于變 化。但是，差異過大，易失去總體協(xié)調(diào)，過小易被規(guī)律沉沒，就注重把握尺度， 以不失整體觀感的適度對比為準(zhǔn)。 

　　我們怎樣才能夠讓別人覺得我們的圖片很協(xié)調(diào)呢？方法如下： 

　　（1） 保留一個(gè)相近或近似的因素，天然的過渡 
　　（2） 相互滲透 
　　（3） 行使過渡形 

　　在對比方面，必須有周密的編排，具體如下： 

　　（1） 方向?qū)Ρ?nbsp;在基本有方向的前提下，大部分相同，小部分不同可形成對比 
　　（2） 位置對比 在頁面的安排不要太對稱，以避免平板單調(diào)。應(yīng)在舛錯(cuò)稱中找到 均衡，由此得到疏密對比。 
　　（3） 虛實(shí)對比 事實(shí)上，虛與實(shí)是一律主要的，畫黑則白出，造圖則底成。應(yīng)注 意雙方平衡。 
　　（4） 隱顯對比 圖與底比較，明度差大者顯示，明度差小者隱藏。顯與隱相輔相 成，能造成雄厚的條理感。 

　　在空間感方面，可以以點(diǎn)、線、面的排列，形成不同的空間感。 如以下方法： 

　　（1） 重疊 
　　（2） 大小 
　　（3） 傾側(cè)，旋轉(zhuǎn)，深度 
　　（4） 彎曲 
　　（5） 明度 
　　（6） 投影 
　　（7） 透視