平面構(gòu)成在網(wǎng)頁設(shè)計中的運用

平面構(gòu)成在網(wǎng)頁設(shè)計中的運用易星目前，中國互聯(lián)網(wǎng)的發(fā)展已經(jīng)形成相當(dāng)規(guī)模，據(jù)中國互聯(lián)網(wǎng)網(wǎng)絡(luò)信息中心（CNNIC）報告顯示，預(yù)計中國網(wǎng)民數(shù)量在未來5年后將要超過美國，互聯(lián)網(wǎng)已是繼報紙、廣播、電視等之后的第六大媒介。隨著互聯(lián)網(wǎng)的發(fā)展，各類網(wǎng)站有如雨后春筍般。然而，有的站點日訪問量高達幾千萬人次，而有的站點訪問者寥寥無幾。究其原因，訪問量大的站點，除資源豐富外，網(wǎng)站的策劃和精美的外觀也是吸引訪問者的重要因素。所以將美的形式規(guī)律和平面構(gòu)成的手法結(jié)合到網(wǎng)頁設(shè)計中，是當(dāng)前網(wǎng)頁設(shè)計的重要理論依據(jù)。一、當(dāng)網(wǎng)頁設(shè)計遇上平面構(gòu)成（一）了解網(wǎng)頁設(shè)計網(wǎng)頁有如門面，小到個人主頁，大到政府及國際組織等，是構(gòu)成一個網(wǎng)站的最基本單位。而網(wǎng)頁實際上只是一個純文本文件，它通過各種標記對頁面上的元素進行描述（如顏色、大?。W(wǎng)頁上傳到互聯(lián)網(wǎng)之后再由用戶的瀏覽器對這些標記進行解釋并生成頁面，于是便有了現(xiàn)在千姿百態(tài)、百花齊放的互聯(lián)網(wǎng)絡(luò)。打開一個網(wǎng)站，首先映入眼簾的是該網(wǎng)頁的界面，如按鈕的擺放、文字的組合、色彩的應(yīng)用等等，這些都是網(wǎng)頁設(shè)計的范疇。其實在網(wǎng)絡(luò)剛興起時，沒有太多視覺設(shè)計的概念，很多網(wǎng)站都是程序員用HTML語言設(shè)計出只有功能取向的網(wǎng)頁，那時候網(wǎng)頁無法一邊寫一邊觀看，只能寫好后到瀏覽器上執(zhí)行，所以程式設(shè)計常常無法和基本的美觀結(jié)合在一起。然而，在一個個可視化的網(wǎng)頁編輯器相繼問世，特別是許多平面設(shè)計師投入網(wǎng)頁設(shè)計的行列后，整個網(wǎng)頁視覺設(shè)計的行業(yè)起了重大的變化！隨著這幾年網(wǎng)絡(luò)的飛速發(fā)展及人們對美的不斷追求，網(wǎng)頁設(shè)計逐漸受到人們的重視，形式了一門新興的學(xué)科。簡單的講，網(wǎng)頁設(shè)計就是從審美入手，結(jié)合平面設(shè)計的特點，運用平面構(gòu)成中的基本形式到網(wǎng)頁中，讓網(wǎng)頁更加富有美感。例如將平面構(gòu)成中的節(jié)奏與韻律、骨格與肌理溶入到網(wǎng)頁中，會使內(nèi)容繁多的頁面更加有條理、主次分明，因此對平面構(gòu)成的掌握與了解是關(guān)系到網(wǎng)頁成功與否的重要基礎(chǔ)。（二）了解平面構(gòu)成藝術(shù)設(shè)計是人類文明的重要部分，涵蓋了當(dāng)代人類生活的各個領(lǐng)域。構(gòu)成是一個近代造型概念，含義是指將不同或相同形態(tài)的幾個單元重新組合成為一個新的單元，是以研究視覺語言的特性、構(gòu)成原理以及審美規(guī)律為目的，重在研究和分析視覺的形態(tài)、空間、運動、比例等因素的變化和形式。平面構(gòu)成的認識源于自然科學(xué)和哲學(xué)認識論的發(fā)展，是建立在量子力學(xué)基礎(chǔ)之上的微觀認識論，這種由宏觀到微觀認識的深化，逐漸影響了造型藝術(shù)的發(fā)展。構(gòu)成觀念早在西方繪畫中就可見其影子，如立體主義繪畫、俄國的構(gòu)成主義、荷蘭的新造型主義，到后來的德國包毫斯設(shè)計學(xué)院的不斷完善發(fā)展，形成一個完整的現(xiàn)代設(shè)計基礎(chǔ)的教學(xué)體系，奠定了構(gòu)成設(shè)計觀念在現(xiàn)代設(shè)計應(yīng)用中的地位和作用。二十世紀七十年代以來，平面構(gòu)成作為一門設(shè)計基礎(chǔ)課程，已廣泛應(yīng)用于工業(yè)設(shè)計、建筑設(shè)計、平面設(shè)計等領(lǐng)域。（三）何為網(wǎng)頁平面構(gòu)成平面設(shè)計在網(wǎng)頁設(shè)計中占有相當(dāng)大的比重，而平面設(shè)計的重要理論基礎(chǔ)則是平面構(gòu)成，所以說，平面構(gòu)成也是網(wǎng)頁設(shè)計的重要理論依據(jù)和知識基礎(chǔ)。在一堆雜志中，人們往往會拿起色彩豐富、圖片艷麗、結(jié)構(gòu)清晰的那本。同樣，一個布局合理、重點突出、富有美感的網(wǎng)頁，它不但能吸引用戶點擊，更能夠完美表達網(wǎng)頁的創(chuàng)意思維。所以，平面構(gòu)成的出現(xiàn)，不得不讓我們對單調(diào)、乏味、缺乏美感的HTML頁面進行反思，為了拓展網(wǎng)頁設(shè)計的藝術(shù)視覺，豐富網(wǎng)頁設(shè)計的思維及表現(xiàn)手段，我們引進了網(wǎng)頁平面構(gòu)成的理論，這有點類似于傳統(tǒng)平面設(shè)計中的構(gòu)成理論，一般包含風(fēng)格策劃、頁面構(gòu)圖、布局與色彩等方面，我們不妨將平面構(gòu)成理論作為網(wǎng)頁設(shè)計的理論指導(dǎo)，即“網(wǎng)頁平面構(gòu)成”。把網(wǎng)頁設(shè)計看成是平面設(shè)計的一種審美方式的延伸，而點線面作為平面構(gòu)成中的基本元素，在網(wǎng)頁中巧妙地互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面效果，完美表達設(shè)計意境。因此，網(wǎng)頁設(shè)計作為一種視覺設(shè)計，特別講究編排和布局，雖然主頁設(shè)計不同于平面設(shè)計，但它們有著許多相近之處，如：對比、漸變和節(jié)奏美、韻律美，圖/底關(guān)系或通過文字與圖形的組合形成空間上的立體感。所以，靈活運用平面構(gòu)成中的各種手法，通過頁面各元素之間的有序排列使瀏覽者達到某種共鳴產(chǎn)生一種和諧的美感。平面構(gòu)成是一種設(shè)計語言，已為當(dāng)今社會各個藝術(shù)設(shè)計領(lǐng)域所應(yīng)用，它以一個全新的造型觀念，給我們的網(wǎng)頁設(shè)計注入新鮮的血液。二、為網(wǎng)頁設(shè)計注入新的血液（一）人性化的網(wǎng)頁設(shè)計與策劃“人們總以為設(shè)計有三維：美學(xué)、技術(shù)和經(jīng)濟，然而更重要是第四維：人性?！?-----美國設(shè)計師普羅斯人類的藝術(shù)設(shè)計是一種審美活動，設(shè)計的任務(wù)是要實現(xiàn)設(shè)計者或用戶的意圖。網(wǎng)頁設(shè)計是指設(shè)計師將客戶要表現(xiàn)的主題和達到的效果，組合頁面元素，通過藝術(shù)手法創(chuàng)造出符合大眾審美觀的界面。開始進行網(wǎng)頁設(shè)計前，需要做很多調(diào)查，如客戶的需求、站點的性質(zhì)等，這些要求的不同設(shè)計出的網(wǎng)頁也會不同，用現(xiàn)在最時髦的話來講就是更具有人性化。在網(wǎng)絡(luò)的虛擬世界，互聯(lián)網(wǎng)提供了天下大同的機會，充斥著無數(shù)站點，然而大多數(shù)網(wǎng)站的設(shè)計都缺乏靈魂和主旨，頁面結(jié)構(gòu)都比較松散、混亂，其原因就在于缺乏有效的策劃。因此要想使你的網(wǎng)站從那些數(shù)不清的站點中脫穎而出，就必須對整個站點作好統(tǒng)籌規(guī)劃，對所有的內(nèi)容進行斟酌，再合理組織頁面結(jié)構(gòu)與色彩。首先，了解一下同類站點的風(fēng)格、特色，吸取他們的長處，找出自己的優(yōu)勢，做好市場調(diào)查，明確自己網(wǎng)站的主題、規(guī)模、主要特色及主要受眾目標，再確定整個網(wǎng)站的整體風(fēng)格。其次，網(wǎng)頁的制作，設(shè)計者先要在紙上用筆畫出大概的設(shè)計草圖，等待客戶確認后，才用計算機繪圖軟件畫出平面效果圖（色彩與頁面結(jié)構(gòu)），之后才能投入實際的制作。（二）網(wǎng)頁平面構(gòu)成手法平面構(gòu)成是一種視覺形象的構(gòu)成，其形態(tài)的抽象性特征和產(chǎn)生不同視覺引導(dǎo)作用的構(gòu)成形式，組成嚴謹而富有節(jié)奏和動感的畫面，營造一種秩序之美、理性之美和抽象之美。其構(gòu)成形式主要有重復(fù)、近似、浙變、變異、對比、集結(jié)、發(fā)射、特異、空間、分割、肌理及錯視等等。它的研究對象主要是在平面設(shè)計中，如何構(gòu)造形象，怎樣處理形象與形象之間的關(guān)系，如何掌握美的形式規(guī)律，并按照美的形式法則，構(gòu)成設(shè)計所需要的圖形。平面構(gòu)成中最基本的形態(tài)要素是點、線、面，其構(gòu)成要素有大小、方向、明暗、色彩等，以這些基本要素為條件，加以組合構(gòu)成，便會創(chuàng)造出無數(shù)理想的抽象造型。網(wǎng)頁上的所有元素都可以看作構(gòu)成的基本要素。在一幅成功的作品里，需要點、線、面的共同組合來構(gòu)造整個頁面。通過三者的組合，可以突出頁面上的重要元素，突出設(shè)計的主題，增強美感，讓訪問者在感受美的過程中領(lǐng)會設(shè)計的主旨。1、構(gòu)成的基本元素點、線、面及其在網(wǎng)頁設(shè)計中的運用在頁面構(gòu)圖中凡是表現(xiàn)視覺圖形或文字，都可以簡化或趨近于點、線、面的視覺感受。網(wǎng)頁版面中的各種視覺元素正是以點、線、面的形式相互依存、相互作用，組合成各種視覺信息，形成千變?nèi)f化的視覺空間和感受。因此，只有協(xié)調(diào)處理好點、線、面之間的相互關(guān)系，才能設(shè)計出最佳視覺效果的網(wǎng)頁。點的運用點是可見的最小的形式單元。在網(wǎng)頁中，點是相互比較而言的，任何一個單獨的細小的形象都可稱之為點：按鈕、字符、小色塊等等。在網(wǎng)頁中合理的安排點的布局，或者在頁面設(shè)計中將某些視覺形象進行點化處理，并運用恰當(dāng)?shù)臉?gòu)成手法進行版面布局，不但可以協(xié)調(diào)畫面，甚至可以起以畫龍點睛的作用。圖1為個人主頁，所以在形式上比較輕松活潑。網(wǎng)頁中大面積的空白與中間的四個點形成強烈的對比，而且在點的處理上采用傳統(tǒng)的中國水墨畫的手法，更富有意境。在點的位置安排上也體現(xiàn)了一種節(jié)奏與韻律，形成視覺上的跳躍。圖１．點的運用（來自）（2）線的運用線是點的移動軌跡，不同的移動方式形成線的直、曲、折、弧等變化。線是網(wǎng)頁設(shè)計中不可缺少的元素，相對點而言，線具有更為明顯的情感特征，如：水平線端莊整齊使人安靜平和；垂直線強直有力使人嚴肅莊重；曲線溫和柔軟，具有親和力。線的布局安排，主要體現(xiàn)為線的空間分割。分割是網(wǎng)頁設(shè)計的主要手段之一，在利用線進行頁面分割時，既要考慮單獨形態(tài)元素的美感，又要注意其在空間中所具有的聯(lián)系，這樣才能形成良好的形式秩序美感。文本在頁面中都以行或塊(段落)出現(xiàn)，其在視覺上可作為線來處理，圖2為北京開倫隨園網(wǎng)頁，該設(shè)計最大特點在于文字的排版和配圖的選擇上。文字采用了中國古典文字排法“縱向排列”，配圖使用的是水墨風(fēng)景畫，符合網(wǎng)站整體風(fēng)格，極具古典特色，整個頁面看起來就像一幅傳統(tǒng)中國水墨畫。圖2．線的運用（來自）（3）面的運用面是點和線的沿伸與擴張，它綜合著點和線的特性，通常分為直線形、曲線形和偶然形。直線形面它具有明快、簡潔的特征；曲線形面比直線形面要復(fù)雜，并富于變化和動感，它所表現(xiàn)出來的流動性給人以無限想象；偶然形面是在現(xiàn)實生活中偶然獲得的一種視覺形態(tài)，在平面設(shè)計領(lǐng)域的大部分偶然形面是通過特殊技法（如繪圖軟件中的特效濾鏡）獲得，它表現(xiàn)出來的是一種自然的、無序的形態(tài)，有著豐富的象征意義。面是構(gòu)圖中常用的視覺元素，它的大小、曲直、變化都在影響著頁面的整體布局，在網(wǎng)頁設(shè)計中，我們都在有意或無意的進行著面的組織和面的創(chuàng)造，運用面的分割、組合、虛實交替等手法來增強頁面的整體效果。網(wǎng)頁中面的元素主要指圖片或色塊。使用圖片時要考慮美學(xué)和技術(shù)兩方面的問題。首先，圖片的色彩、形狀及風(fēng)格一定要與網(wǎng)頁的整體風(fēng)格相適應(yīng)，圖片所要傳達的理念或信息應(yīng)當(dāng)盡可能清晰、準確。其次，要注意的是頁面上不能只使用大篇幅的圖片而不注重細節(jié)，會非?？斩礋o主題，所以只有大小、主次得當(dāng)?shù)拇┎褰M合各類圖片，才能形成最佳構(gòu)圖，使得整個頁面豐富立體，充滿層次而富有美感，如圖3所示。圖3．面的運用（來自）2、平面構(gòu)成的語言平面構(gòu)成有著豐富的語言，包括重復(fù)、漸變、錯覺、變異等，在這里由于篇幅關(guān)系，著重探討其中的一種在網(wǎng)頁設(shè)計中的運用。肌理在構(gòu)成中是指形象表面的紋理，是物質(zhì)表面的形態(tài)，通常是指物體的紋理感覺。它具有粗糙、細膩、柔軟、生硬、干燥、濕潤等特性，既有自然形態(tài)的肌理（如沙漠、樹皮、波紋等），也有人為形態(tài)的肌理。因為平面構(gòu)成中肌理的形式結(jié)構(gòu)能引起的審美主體的各種感受。具體地說，是構(gòu)成肌理形態(tài)的形式要素，如點、線、面、質(zhì)地本身及其相互關(guān)系所形成的節(jié)奏、韻律、均衡、對稱、對比等使人產(chǎn)生的各種感受。而這種形式感的產(chǎn)生，是人們經(jīng)過長期的社會生活實踐。積累各方面的感覺經(jīng)驗并凝聚各種記憶而成，因而人們從這些抽象的形態(tài)中能感覺到某些肌理所特有的美。所以，肌理形態(tài)在網(wǎng)頁表現(xiàn)上是通過紋理、色彩、形態(tài)等引發(fā)各種聯(lián)想而形成的審美感受，而瀏覽者正是通過這種感受來體會網(wǎng)頁所要表達的思想和情感。由于肌理給人以各種感覺，并能加強形象視覺沖擊力與感染力，達到一種抽象的表現(xiàn)，因此在網(wǎng)頁設(shè)計中，肌理應(yīng)用較為普遍，尤其是在只有文字、頁面單調(diào)的情況下，用恰當(dāng)?shù)募±碜鞅尘皥D案，將起到很好的視覺調(diào)節(jié)作用，如圖4所示。圖4．肌理的運用（來自）（三）網(wǎng)頁布局剛開始，網(wǎng)頁就像一張白紙，需要我們在上面精心設(shè)計、合理布局，所以布局在網(wǎng)頁設(shè)計中有著非常重要的作用。先要了解一下網(wǎng)頁的大小，現(xiàn)在顯示器的分辨率大多是1024*768，頁面大小為1007*600最為合適。一般網(wǎng)上沖浪者對一個網(wǎng)站的閱讀常常就是匆匆一瞥，最大的耐心不會超過30秒，在安排頁面時不要讓訪問者拖動頁面超過三屏。圖5是2008年中國奧運網(wǎng)，網(wǎng)站最大的特色就是內(nèi)容豐富，色彩穩(wěn)重大方。但最大的缺點也是首頁內(nèi)容過多，頁面拉得過長，超過三屏，讓訪問者拖動鼠標太久，造成訪問者視覺上的疲勞和心理上的煩躁。所以，在布局時使用適當(dāng)?shù)目瞻讓φ麄€頁面來講也是一種藝術(shù)，如何利用空間中的留白是非常重要的，中國國畫中有一句話描述這種藝術(shù)形式的空間布局比較經(jīng)典，就是“計白當(dāng)黑”，表明空的地方和著的墨一樣都是畫面的一部分，也是提升藝術(shù)性的途徑，盡管有些網(wǎng)頁花了很大心思投入很多精力，但是看起來不舒服，就是沒有重視留白，造成了畫面的整體上的失敗。網(wǎng)頁上的留白同其它文本、圖片、動畫一樣，是非常重要的構(gòu)成要素之一。（四）網(wǎng)頁常用構(gòu)圖形式及原理1、常用構(gòu)圖形式藝術(shù)家們發(fā)現(xiàn)在美的事物中總是存在一定規(guī)律，這一美學(xué)理論完全可以應(yīng)用到網(wǎng)頁構(gòu)圖上，以下一些構(gòu)圖法常常被應(yīng)用在網(wǎng)頁的設(shè)計上。水平方向的構(gòu)圖，平穩(wěn)安定；垂直方向的構(gòu)圖積極向上，如雨后春筍；斜線構(gòu)圖動感強；邊角構(gòu)圖視野拓展，想象空間大；中心構(gòu)圖直截了當(dāng)，比較大氣；滿構(gòu)圖法，豐滿勻稱；大面積空白的構(gòu)圖，對比強烈，更易突出主體。網(wǎng)頁設(shè)計中的構(gòu)圖，通常也是指布局。是在考慮造型因素和網(wǎng)站本身的性質(zhì)和特色的基礎(chǔ)上創(chuàng)建的，將視聽元素進行有機的排列組合，將理性思維、個人風(fēng)格和藝術(shù)特色個性化的表現(xiàn)出來，使其在傳達信息的同時，也產(chǎn)生感官上的美感和精神上的享受。圖５．奧運網(wǎng)（來自）圖6為政府網(wǎng)站，在結(jié)構(gòu)上可以看到采用了比較穩(wěn)重大方的水平分割型。導(dǎo)航欄圖５．奧運網(wǎng)（來自）圖６．廣東省人民政府（來自）圖7為國外大型企業(yè)網(wǎng)站，能看出來國外設(shè)計師在用色上非常老道，采用了很多漸變色填充，且頁面結(jié)構(gòu)豐富，采用垂直式構(gòu)圖，配合適當(dāng)曲線，直角、圓角相結(jié)合，在圖片處理上，運用時下最流行的“蘋果式”，且圖片做了陰影效果，加強立體空間感，顯得即平穩(wěn)大方又親切溫和。圖7．國外企業(yè)網(wǎng)（來自）圖8為個人主頁，首先在結(jié)構(gòu)設(shè)計上采用上下均衡式構(gòu)圖。第一屏采用全圖片方式，色彩艷麗富有故事情節(jié)。第二屏采用深棕色漸變，與上屏形成強烈對比。整個頁面在空間上的層次非常豐富，結(jié)構(gòu)清晰，富有美感，讓觀看者留下非常深刻的印象。圖8．個人主頁《蘋果樹下》（來自）2、常用構(gòu)圖原理為什么有些構(gòu)圖形式給能給人美感，而有些卻怎么看也不舒服，這是為什么呢？因為在自然界中存在著一些美的法則和規(guī)律，把這些法則運用到我們的網(wǎng)頁設(shè)計中，使之產(chǎn)生美，創(chuàng)造美。例如，我們?nèi)粘Ｉ钪姓f“九頭身的美女”，并不是有九個頭的美女，而是指其身體長度與頭部長度的比例約等于9:1，這種規(guī)律符合人的審美觀，才會產(chǎn)生美感。勤勞聰明的人類在不斷創(chuàng)造物質(zhì)生活的同時，也逐漸產(chǎn)生了對精神文化的需求，發(fā)現(xiàn)了自然界中一些美的規(guī)則。①黃金分割法則“黃金分割最早見于古希臘和古埃及，即把一根線段分為長短不等的a、b兩段，使其中長線段的比（即a+b）等于短線段b對長線段a的比，列式即為a:(a+b)=b:a，約等于0.618”。符合這種比例的造型在視覺上比較悅目，網(wǎng)頁中運用黃金分割法則，主要表現(xiàn)在點、線、面的運用中。黃金分割點，在構(gòu)圖中，多是主要表現(xiàn)對象，或是視覺中心所處的位置。黃金分割線，多用作水平線或分割線所處的位置，在視圖上起到分割網(wǎng)頁界面的作用。但是，客觀事物有著豐富的變化，創(chuàng)作意圖也各不相同，黃金分割的形式，并非能完全滿足變化與創(chuàng)作者的要求。②幾何圖形法則因其輪廓簡潔有力，形態(tài)變化，深受人們喜愛，常用網(wǎng)頁構(gòu)圖的幾何圖形有：三角形、矩形、菱形、梯形、弧形、圓形等。在網(wǎng)頁中運用適當(dāng)?shù)膸缀螆D形構(gòu)圖，如時下比較流行的圓角式，或?qū)⒉煌姆叫螆D以相同大小組織排列起來，又或者如圖9所示，采用橢圓形作為構(gòu)圖元素，頁面中間的4個圓大小不等，位置擺放錯落有致，主要元素均衡而有變化分布在橢圓上，顯得極有空間層次感。圖9．幾何圖形的運用（來自）由這兩個典型的例子可以看出，無論是什么樣的法則都源自設(shè)計者本能的審美觀的驅(qū)使，再應(yīng)用到實際當(dāng)中，當(dāng)然在設(shè)計時不必十分刻意追求什么法則。應(yīng)該從日常生活中，從自然界的事物中觀察美的規(guī)律，培養(yǎng)構(gòu)圖的藝術(shù)美感。（五）網(wǎng)頁色彩構(gòu)成1、色彩的基礎(chǔ)知識“接天連葉無窮碧，映日荷花別樣紅?！?------楊萬里每次讀這首詩，閉上眼睛仿佛就能看到：碧波萬頃，微風(fēng)吹拂，滿塘荷葉輕輕搖曳，艷陽下的荷花鮮紅欲滴。這句詩里的“碧”、“紅”其實就是色彩。所以色彩對我們來講是不陌生的，因為我們生活的世界中無處不存在著色彩。色彩以一種特別的方式傳達信息，這些信息會影響觀看者的心理和感受，左右他們的判斷和選擇，色彩對于設(shè)計而言實在太重要。首先熟悉一下色彩的基本概念，三原色——紅、黃、藍，三間色——橙、綠、紫，三種間色互為“補色”。將圖10中圓環(huán)中的任意一種顏色和黑色、白色、灰色按照不同比例混合就可以得到更多的顏色。例如，當(dāng)色彩RGB值為（0，0，255）時為純藍色，飽和度100%。隨著飽和度的逐漸降低，顏色會越來越接近灰色。2、色彩心理色彩，在不知不覺中作用于人的心理，據(jù)說倫敦泰姆士河附近有一座黑色的橋，它因每年在橋上自殺的人數(shù)驚人而著名，后來人們將圖10．色環(huán)它改成了綠色，自殺人數(shù)劇減。有專家分析，如果將它改成粉紅色、天藍色等更明亮的色圖10．色環(huán)當(dāng)你看到色彩時，首先會勾引起對生活的聯(lián)想與情感作用。藍色來自天空和大海，它給人一種心胸開闊，文靜大方的情操。綠色是大自然的顏色，它能令人充滿青春活力。黃色飽含智慧與生命力，讓人顯得年輕有朝氣?？吹桨咨?，使人覺得純潔可愛，而紫色卻有著神秘高雅的感覺，這些對于網(wǎng)頁設(shè)計而言特別重要。我們經(jīng)常說“第一印象最重要”，用戶在訪問網(wǎng)站時的第一印象實際上是來自整個網(wǎng)頁的色彩！所以色彩具有一定的含義和感情上的象征作用，人類確實存在色彩聯(lián)想的共通性。在炎熱的夏天人們更容易接收藍色的“百事可樂”，而在較為冷的天氣喝紅色的“可口可樂”人是不是更多一點。在我們談到這種象征印象時，不能過于主觀、片面地看問題，人們對色彩的聯(lián)想是相對，不同的色彩組合在一起也會起到不同的效果。3、合理搭配色彩色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中，設(shè)計師根據(jù)和諧、均衡和重點突出的原則，及色彩對人們心理的影響，合理地加以運用。將不同的色彩進行組合、搭配來構(gòu)成豐富的頁面。單純的顏色并沒有實際的意義，和不同的顏色搭配，它所表現(xiàn)出來的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。但也要考慮到網(wǎng)頁的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁安全色。不同網(wǎng)站應(yīng)當(dāng)使用不同的色彩方案，與站點的主題相吻合的色彩方案決不僅僅可以讓網(wǎng)站“更加好看”，更重要的是在訪問者心目中建立對這個網(wǎng)站的感性認識。所以，色彩方案的選擇決不能草率，是網(wǎng)站建設(shè)的第一步。按照色彩方案中色彩使用方式的不同，可以將色彩方案劃分為幾種常用類型，單色方案、相似色方案、對比色方案等。（1）單色方案，是指在網(wǎng)頁設(shè)計中使用一種基本顏色，通過調(diào)整這種基本顏色的灰度和亮度來得到更多的顏色。單色方案是一種比較穩(wěn)重的方案，或者說比較保守的方案。給人整潔、經(jīng)典的感覺，商業(yè)網(wǎng)站也比較適合使用此種顏色方案，使訪問者容易建立對網(wǎng)站的信任感。（2）相似色方案，在色彩圓環(huán)上彼此相鄰的幾種顏色構(gòu)成的配色方案就是相似色方案。例如橙色、橙紅色以及橙黃色就可以組成一個相似色方案。通常，相似色配色方案可以給人非常協(xié)調(diào)的感覺，因此在網(wǎng)站設(shè)計中非常實用。典型的運用方法就是，用一種顏色作為頁面背景，而另外一種在顏色環(huán)中與其相鄰的顏色作為前景色。（3）對比色方案，把一個顏色和它補色的左右邊的色彩配合起來，可以得到強烈的視覺效果。運用這種方式容易塑造活潑、運動的網(wǎng)頁效果，在設(shè)計時要注意主體色彩的運用，即以一種或兩種色彩為主，其他色彩為輔。4、色彩構(gòu)成在網(wǎng)頁設(shè)計中的細節(jié)體現(xiàn)-----中國移動網(wǎng)與MTV網(wǎng)之色彩比較圖11．中國移動網(wǎng)（來自）圖12．MTV網(wǎng)（來自）由兩幅圖比較可以看出，企業(yè)的不同性質(zhì)決定了網(wǎng)頁的用色，首先，中國移動是一家面向全國用戶的大型企業(yè)，他所服務(wù)的對象決定了網(wǎng)頁用色必須考慮到所有用戶的接受能力，必須穩(wěn)重大方，可以看出整個界面采用冷靜開闊的藍色調(diào)，但是頁面色彩卻不單調(diào)，當(dāng)用戶將鼠標移動到導(dǎo)航欄上，藍色的橫線變成了明快的翠綠色，就這一點小小的細微動作卻增強了用戶的交互性。但整體而言，色彩還是比較單一，穩(wěn)重有余而活力不足，作為一家年輕的企業(yè)，應(yīng)該要有年輕人的活力。所以在大片的藍色中夾雜了鮮艷的橘紅色作為點綴，立刻整個頁面就會顯得比較活潑，再用漸變色豐富了色彩的層次。整體來看是一個比較成功的功能與美感并存的企業(yè)網(wǎng)站。另外再來看看第二幅圖，感覺立即不一樣了，全黑的底與白色的文字形成視覺上的沖擊力，而頁面中間被等分成四塊，分別用了淡、淺、深三種灰色引起視覺上的分割。并且在色彩上明顯比第一幅圖豐富，有桔色、黃色、綠色、青綠色、紫色等等。這是一家以娛樂服務(wù)為主的網(wǎng)站，他所面向的用戶是以年輕人為主，符合潮流，走在時尚前沿。在用色上也大膽出位，全黑色的底，象征年輕人的叛逆與不羈，以及時尚感較強的紫色和青綠色的搭配更能吸引人的視線。在細節(jié)上的設(shè)計與處理最能體現(xiàn)一個網(wǎng)站是否成功，可以看出來兩個網(wǎng)頁都是比較注重在這方面的用色，總的主色調(diào)不變，以豐富多彩的小色塊點綴，起到畫龍點睛的作用。所以一幅比較成功的網(wǎng)頁在色彩的設(shè)計上也要獨具匠心，充分合理的利用細節(jié)，結(jié)合色彩的感情，才可以使作品具有更加深刻的藝術(shù)文化內(nèi)涵，才能夠讓網(wǎng)頁設(shè)計的個性創(chuàng)造和審美意識得到淋漓盡致的展現(xiàn)，設(shè)計出的網(wǎng)頁會更加富有生命力。三、不同審美文化中的網(wǎng)頁設(shè)計（一）文化背景對網(wǎng)頁設(shè)計的影響美學(xué)(Aesthetics)，德文原義為“感性學(xué)”，是一門研究人類審美活動的學(xué)科。“審”者，看也。通俗地說，就是人們對現(xiàn)實生活中各種美好現(xiàn)象的感受和欣賞，是人類最基本的精神文化活動，因而也最通俗、最具大眾化，在東西方都有著極為悠久的歷史。21世紀是一個經(jīng)濟飛速發(fā)展的時代，是一個時時事事講求審美格調(diào)的時代，其實審美就是一個民族精神世界的流露。中國的審美觀是中國人的人格、修養(yǎng)、品行、文化、藝術(shù)的高度統(tǒng)一的綜合表現(xiàn)。具有時代的、民族的和階級的烙印。也就是說不同時代、不同民族和不同階級在文化藝術(shù)審美格調(diào)的追求上有著不盡相同的傾向和標準。且不說漢代人如何會在盧浮宮不屑一顧；古希臘人如何會在故宮拂袖而去，就是同為中國的唐漢兩代對美的欣賞都不一致。所以說，各國的地域環(huán)境、氣候條件、經(jīng)濟情況、人文思想不同所形成的審美觀也會不同，從網(wǎng)頁設(shè)計方面來看，各國都有自己的特色。1、歐美風(fēng)格的網(wǎng)頁設(shè)計歐美國家進行工業(yè)化比較早，經(jīng)濟相對比亞洲發(fā)達。美國早在二十年代就已經(jīng)是世界上工業(yè)化程度化最高的國家，特別是二戰(zhàn)后，更成為世界上的經(jīng)濟大國。隨后進入90年代，計算機業(yè)迅速發(fā)展，高度的工業(yè)機械化對其網(wǎng)頁設(shè)計也有一定影響，除注重實用性之外特別在細節(jié)元素上的處理更顯精致，網(wǎng)頁的藝術(shù)表現(xiàn)更是別具一格，其中肌理的表現(xiàn)形式獨具特色。另外，美國是一個移民國家，有著一個多元化的社會，其短暫的歷史，自由的人性，在網(wǎng)頁設(shè)計中表現(xiàn)出豐富的幽默感與創(chuàng)造性。圖13中所示：整個網(wǎng)頁由機械化式的線條相互組合構(gòu)成，剛強有力，將金屬的質(zhì)感充分的表現(xiàn)出來。圖13．歐美網(wǎng)頁中肌理的表現(xiàn)形式（來自www.hostile.fm）再比如說法國，地處溫帶海洋氣候，溫暖的海風(fēng)，發(fā)達的經(jīng)濟，紳士和淑女身著時裝、香水款款而行，人們追求美妙而浪漫的生活，在網(wǎng)頁設(shè)計上形成了一種華麗、精美的法國浪漫風(fēng)格。圖14是以香水和時裝著名全球的法國名牌GUCCI網(wǎng)站，華麗的色彩與精致的圖片，無不體現(xiàn)出大家風(fēng)范。圖14．法國名牌GUCCI網(wǎng)（來自/fr）德國則不同，氣候干燥而寒冷，地形復(fù)雜多山的自然環(huán)境造就了嚴肅的德國人，因而，德國設(shè)計更加體現(xiàn)其科學(xué)性和邏輯性，德國網(wǎng)站設(shè)計也充分體現(xiàn)了“實用”和“簡潔就是美”的觀點，如圖15所示。圖15．簡單實用的德國網(wǎng)頁（來自www.border-lands.de）2、日韓風(fēng)格的網(wǎng)頁設(shè)計日本在度過了漫長的幕府統(tǒng)治之后，逐漸從腐朽、落后中走了出來，樂于接收西方的先進技術(shù)，特別是二戰(zhàn)之后，得到了西方國家的大力支持，經(jīng)濟得到飛速發(fā)展，教育也受到美國影響，特別是設(shè)計方面更成為亞洲最早接受設(shè)計教育的國家之一。由于日本是個島國，自然資源貧乏，養(yǎng)成了特有的民族性格，加上受到西方影響，其網(wǎng)頁設(shè)計不光注重外表地光鮮亮麗，在功能上也以實用精致著稱，如圖16所示。圖16．時尚亮麗的日本網(wǎng)頁（來自）韓國，由于受到中國及日本的影響，佛教極為盛行，佛學(xué)所推崇謙和、內(nèi)斂等思想觀念延續(xù)至今，最典型就韓國的國旗，稱為太極旗，是以儒家和道家思想繪制。在現(xiàn)今的網(wǎng)頁設(shè)計界，韓國設(shè)計異軍突起，迅速形成了鮮明的設(shè)計特點，其網(wǎng)頁表現(xiàn)形式豐富、色彩艷麗，特別是在細節(jié)上喜歡用漸變、描邊、陰影等效果，設(shè)計大方緊跟時尚，無論其框架結(jié)構(gòu)、內(nèi)容排版、色彩搭配、圖片運用上達到了非常和諧的統(tǒng)一。圖17為韓國企業(yè)網(wǎng)，當(dāng)你瀏覽時，感覺就像一次美妙的旅程，風(fēng)景優(yōu)美、清新自然。圖17．清新自然的韓國網(wǎng)頁（來自）3、阿拉伯國家的網(wǎng)頁設(shè)計阿拉伯世界幅員廣大，國家眾多，具有悠久的歷史和燦爛的文化，是人類文明發(fā)祥地之一，尼羅河畔的古埃及文化和兩河流域的文化在人類文化寶庫中放射出奇光異彩，被譽為世界七大奇跡之首的金字塔及巴比倫“空中花園”就出自阿拉伯世界。因其錯綜復(fù)雜的文化、宗教和歷史等因素，阿拉伯國家的網(wǎng)頁計設(shè)相比較歐美發(fā)達國家而言其設(shè)計并不為人所知，顯得默默無聞。其網(wǎng)頁設(shè)計風(fēng)格與現(xiàn)下十分流行日韓網(wǎng)頁設(shè)計相比，更具有獨特的民族風(fēng)格，圖18是Fubon工作組的典型案例之一，此網(wǎng)站繼承了其一貫的淳樸、民族的設(shè)計風(fēng)格，在每個細節(jié)上都流露出其獨特的文化氛圍。觀賞該網(wǎng)站時就如同在魔幻世界中的一次奇異之旅。圖18．阿拉伯Fubon工作組（來自www.）不同的國家在其文化、歷史、地域背景的作用下形成了獨有的審美傾向。這些審美標準潛移默化地體現(xiàn)在當(dāng)代藝術(shù)設(shè)計的作品中，而構(gòu)成又是藝術(shù)和文化的間接成果，是自然形態(tài)的概括和總結(jié)，吸收了各個民族傳統(tǒng)文化的精華及先進技術(shù)成果，所以網(wǎng)頁設(shè)計作為藝術(shù)設(shè)計的一種，無處不存在平面構(gòu)成理論的表現(xiàn)與依據(jù)。隨著世界文化的不斷融合，人們的審美觀念也逐漸變化，網(wǎng)頁設(shè)計風(fēng)格將更加多元化，其創(chuàng)作手段更加靈活，既有傳統(tǒng)民族特色又有現(xiàn)代國際審美情趣的網(wǎng)頁將會被更多的人們接收。四、實踐與思考(一）自己動手設(shè)計網(wǎng)頁前面講了很多平面構(gòu)成與網(wǎng)頁設(shè)計的理論知識，也例舉了一些別人的網(wǎng)頁實例來證明。不過，理論一定要結(jié)合到實踐中，會更有說服力。下面以自己做的網(wǎng)頁為例，綜合前面的理論，分析實際制作時網(wǎng)頁中平面構(gòu)成的一些運用方法。圖19．自做網(wǎng)頁示例圖19是本人在上學(xué)期《網(wǎng)頁設(shè)計》課程期未考試時的作品，根據(jù)老師所定要求，以南京古城為主題制作的網(wǎng)頁，考慮到此網(wǎng)站鏈接不多，在導(dǎo)航欄的安排上不應(yīng)用常規(guī)橫向或豎向?qū)Ш綑冢谔幚頃r以南京在中國地圖上的地理位置為寓意，以各欄目相關(guān)圖片為鏈接，起到豐富頁面結(jié)構(gòu)的作用。在構(gòu)圖時考慮到作為六朝古都，應(yīng)穩(wěn)重大方、深沉厚重，所以采用左右對稱、上下平衡的框架，中間以白色曲線分割頁面，起到柔和畫面、平衡過渡的作用。在BANNER上以塔型中國古代建筑物為視覺點，右邊放置南京辟邪圖平衡視覺。棕色是大地的顏色，體現(xiàn)古都南京的古色古香。調(diào)整棕色的亮度，變化出三種基本顏色。因棕色屬暖色，所以采用小部分棕紅色點綴，上部分的古代建筑與下圖的紅楓林圖片遙相呼應(yīng)，協(xié)調(diào)整體結(jié)構(gòu)。為突出地圖的視覺中心效果，采用了明亮的藍色。并以少量綠色點輟，色彩豐富，強化視覺效果。最后為平衡冷暖色調(diào)采用灰色為過度色，讓整個頁畫看起來更協(xié)調(diào)。此網(wǎng)頁設(shè)計時運用了部分平面構(gòu)成中的知識，雖然不是十分優(yōu)秀的作品，不過老師還是給了我很高的分數(shù)。在此十分謝謝網(wǎng)頁設(shè)計老師，正因為如此，我才會選擇這篇論文，因此也要感謝我的論文指導(dǎo)老師的幫助，感謝南京大學(xué)網(wǎng)絡(luò)學(xué)院給我們創(chuàng)造的學(xué)習(xí)機會。(二)未來網(wǎng)頁設(shè)計中的平面構(gòu)成1、行業(yè)現(xiàn)狀“適者生存”是事物繁衍發(fā)展的自然規(guī)律。隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，國內(nèi)網(wǎng)站總數(shù)從短短的幾年已發(fā)展到今天這樣龐大的數(shù)字，真可稱得上是日新月異，事物的發(fā)展都有自己的步伐和章程，發(fā)展得太快將會導(dǎo)致整行業(yè)中存在越來越多弊端。國內(nèi)網(wǎng)頁設(shè)計行業(yè)仍處在初期階段，行業(yè)標準及審美準則都不盡成熟。網(wǎng)絡(luò)剛起步時，隨便打開一個網(wǎng)站，會發(fā)現(xiàn)其頁面上被塞滿無數(shù)的信息，版式結(jié)構(gòu)混亂，用色隨心所欲，各種風(fēng)格迥異的圖片和動畫閃得你頭暈眼花。像這樣對所有元素不加構(gòu)思一古腦全堆在頁面上的現(xiàn)象，隨著專業(yè)網(wǎng)頁設(shè)計師的增加會越來越少，可以看到現(xiàn)在國內(nèi)網(wǎng)頁設(shè)計已逐步走上正軌，不少公司、政府和學(xué)校等大型網(wǎng)站越來越注重網(wǎng)頁的外觀美，正如人們在重視產(chǎn)品的實用性之余越來越多地注重產(chǎn)品的外觀設(shè)計一樣，網(wǎng)頁設(shè)計也越來越接近于一門藝術(shù)而不僅僅是一項技術(shù)，如果我們的網(wǎng)頁設(shè)計師沒有一定的審美素質(zhì)和平面基礎(chǔ)，即便擁有高超的技術(shù)，制作出的頁面也只有“匠氣”而無“靈氣”。盡管現(xiàn)今行業(yè)中仍存在很多問題，但發(fā)展迅速