【文章內(nèi)容簡介】 發(fā)展，各類網(wǎng)站有如雨后春筍般。然而，有的站點(diǎn)日訪問量高達(dá)幾千萬人次，而有的站點(diǎn)訪問者寥寥無幾。究其原 因，訪問量大的站點(diǎn)，除資源豐富外，網(wǎng)站的策劃和精美的外觀也是吸引訪問者的重要因素。所以將美的形式規(guī)律和平面構(gòu)成的手法結(jié)合到網(wǎng)頁設(shè)計(jì)中，是當(dāng)前網(wǎng)頁設(shè)計(jì)的重要理論依據(jù)。 一、當(dāng)網(wǎng)頁設(shè)計(jì)遇上平面構(gòu)成 （一）了解網(wǎng)頁設(shè)計(jì) 網(wǎng)頁有如門面，小到個(gè)人主頁，大到政府及國際組織等，是構(gòu)成一個(gè)網(wǎng)站的最基本單位。而網(wǎng)頁實(shí)際上只是一個(gè)純文本文件，它通過各種標(biāo)記對頁面上的元素進(jìn)行描述（如顏色、大小），網(wǎng)頁上傳到互聯(lián)網(wǎng)之后再由用戶的瀏覽器對這些標(biāo)記進(jìn)行解釋并生成頁面，于是便有了現(xiàn)在千姿百態(tài)、百花齊放的互聯(lián)網(wǎng)絡(luò)。 打開一個(gè)網(wǎng)站，首先映入眼簾的是該網(wǎng)頁的界面，如按鈕的擺放、文字的組合、色彩的應(yīng)用等等，這些都是網(wǎng)頁設(shè)計(jì)的范疇。其實(shí)在網(wǎng)絡(luò)剛興起時(shí)，沒有太多視覺設(shè)計(jì)的概念，很多網(wǎng)站都是程序員用 HTML語言設(shè)計(jì)出只有功能取向的網(wǎng)頁，那時(shí)候網(wǎng)頁無法一邊寫一邊觀看，只能寫好后到瀏覽器上執(zhí)行，所以程式設(shè)計(jì)常常無法和基本的美觀結(jié)合在一起。然而，在一個(gè)個(gè)可視化的網(wǎng)頁編輯器相繼問世，特別是許多平面設(shè)計(jì)師投入網(wǎng)頁設(shè)計(jì)的行列后，整個(gè)網(wǎng)頁視覺設(shè)計(jì)的行業(yè)起了重大的變化！ 隨著這幾年網(wǎng)絡(luò)的飛速發(fā)展及人們對美的不斷追求，網(wǎng)頁設(shè)計(jì)逐漸 受到人們的重視，形式了一門新興的學(xué)科。簡單的講，網(wǎng)頁設(shè)計(jì)就是從審美入手，結(jié)合平面設(shè)計(jì)的特點(diǎn)，運(yùn)用平面構(gòu)成中的基本形式到網(wǎng)頁中，讓網(wǎng)頁更加富有美感。例如將平面構(gòu)成中的節(jié)奏與韻律、骨格與肌理溶入到網(wǎng)頁中，會(huì)使內(nèi)容繁多的頁面更加有條理、主次分明，因此對平面構(gòu)成的掌握與了解是關(guān)系到網(wǎng)頁成功與否的重要基礎(chǔ)。 （二）了解平面構(gòu)成 藝術(shù)設(shè)計(jì)是人類文明的重要部分，涵蓋了當(dāng)代人類生活的各個(gè)領(lǐng)域。構(gòu)成是一個(gè)近代造型概念，含義是指將不同或相同形態(tài)的幾個(gè)單元重新組合成為一個(gè)新的單元，是以研究視覺語言的特性、構(gòu)成原理以及審美規(guī)律為目的，重在研究和分析視覺的形態(tài)、空間、運(yùn)動(dòng)、比例等因素的變化和形式。 平面構(gòu)成的認(rèn)識(shí)源于自然科學(xué)和哲學(xué)認(rèn)識(shí)論的發(fā)展，是建立在量子力學(xué)基礎(chǔ)之上的微觀認(rèn)識(shí)論，這種由宏觀到微觀認(rèn)識(shí)的深化，逐漸影響了造型藝術(shù)的發(fā)展。構(gòu)成觀念早在西方繪畫中就可見其影子，如立體主義繪畫、俄國的構(gòu)成主義、荷蘭的新造型主義，到后來的德國包毫斯設(shè)計(jì)學(xué)院的不斷完善發(fā)展，形成一個(gè)完整的現(xiàn)代設(shè)計(jì)基礎(chǔ)的教學(xué)體系，奠定了構(gòu)成設(shè)計(jì)觀念在現(xiàn)代設(shè)計(jì)應(yīng)用中的地位和作用。二十世紀(jì)七十年代以來，平面構(gòu)成作為一門設(shè)計(jì)基礎(chǔ)課程，已廣泛應(yīng)用于工業(yè) 設(shè)計(jì)、建筑設(shè)計(jì)、平面設(shè)計(jì)等領(lǐng)域。 （三）何為網(wǎng)頁平面構(gòu)成 平面設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中占有相當(dāng)大的比重，而平面設(shè)計(jì)的重要理論基礎(chǔ)則是平面構(gòu)成，所以說，平面構(gòu)成也是網(wǎng)頁設(shè)計(jì)的重要理論依據(jù)和知識(shí)基礎(chǔ)。 在一堆雜志中，人們往往會(huì)拿起色彩豐富、圖片艷麗、結(jié)構(gòu)清晰的那本。同樣，一個(gè)布局合理、重點(diǎn)突出、富有美感的網(wǎng)頁，它不但能吸引用戶點(diǎn)擊，更能夠完美表達(dá)網(wǎng)頁的創(chuàng)意思維。所以，平面構(gòu)成的出現(xiàn)，不得不讓我們對單調(diào)、乏味、缺乏美感的 HTML 頁面進(jìn)行反思，為了拓展網(wǎng)頁設(shè)計(jì)的藝術(shù)視覺，豐富網(wǎng)頁設(shè)計(jì)的思維及表現(xiàn)手段 ，我們引進(jìn)了網(wǎng)頁平面構(gòu)成的理論，這有點(diǎn)類似于傳統(tǒng)平面設(shè)計(jì)中的構(gòu)成理論，一般包含風(fēng)格策劃、頁面構(gòu)圖、布局與色彩等方面，我們不妨將平面構(gòu)成理論作為網(wǎng)頁設(shè)計(jì)的理論指導(dǎo)，即“網(wǎng)頁平面構(gòu)成”。 1 把網(wǎng)頁設(shè)計(jì)看成是平面設(shè)計(jì)的一種審美方式的延伸，而點(diǎn)線面作為平面構(gòu)成中的基本元素，在網(wǎng)頁中巧妙地互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果，完美表達(dá)設(shè)計(jì)意境。因此，網(wǎng)頁設(shè)計(jì)作為一種視覺設(shè)計(jì)，特別講究編排和布局，雖然主頁設(shè)計(jì)不同于平面設(shè)計(jì)，但它們有著許多相近之處，如：對比、漸變和節(jié)奏美、韻律美，圖 /底關(guān)系或通過文字與 圖形的組合形成空間上的立體感。所以，靈活運(yùn)用平面構(gòu)成中的各種手法，通過頁面各元素之間的有序排列使瀏覽者達(dá)到某種共鳴產(chǎn)生一種和諧的美感。 平面構(gòu)成是一種設(shè)計(jì)語言，已為當(dāng)今社會(huì)各個(gè)藝術(shù)設(shè)計(jì)領(lǐng)域所應(yīng)用，它以一個(gè)全新的造型觀念，給我們的網(wǎng)頁設(shè)計(jì)注入新鮮的血液。 二、為網(wǎng)頁設(shè)計(jì)注入新的血液 （一）人性化的網(wǎng)頁設(shè)計(jì)與策劃 “人們總以為設(shè)計(jì)有三維：美學(xué)、技術(shù)和經(jīng)濟(jì)，然而更重要是第四維：人性。” 美國設(shè)計(jì)師普羅斯 人類的藝術(shù)設(shè)計(jì)是一種審美活動(dòng)，設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者或用戶 的意圖。網(wǎng)頁設(shè)計(jì)是指設(shè)計(jì)師將客戶要表現(xiàn)的主題和達(dá)到的效果，組合頁面元素，通過藝術(shù)手法創(chuàng)造出符合大眾審美觀的界面。開始進(jìn)行網(wǎng)頁設(shè)計(jì)前，需要做很多調(diào)查，如客戶的需求、站點(diǎn)的性質(zhì)等，這些要求的不同設(shè)計(jì)出的網(wǎng)頁也會(huì)不同，用現(xiàn)在最時(shí)髦的話來講就是更具有人性化。 在網(wǎng)絡(luò)的虛擬世界，互聯(lián)網(wǎng)提供了天下大同的機(jī)會(huì)，充斥著無數(shù)站點(diǎn)，然而大多數(shù)網(wǎng)站的設(shè)計(jì)都缺乏靈魂和主旨，頁面結(jié)構(gòu)都比較松散、混亂，其原因就在于缺乏有效的策劃。因此要想使你的網(wǎng)站從那些數(shù)不清的站點(diǎn)中脫穎而出，就必須對整個(gè)站點(diǎn)作好統(tǒng)籌規(guī)劃，對所有的內(nèi)容進(jìn)行斟酌 ，再合理組織頁面結(jié)構(gòu)與色彩。 首先，了解一下同類站點(diǎn)的風(fēng)格、特色，吸取他們的長處，找出自己的優(yōu)勢，做好市場調(diào)查，明確自己網(wǎng)站的主題、規(guī)模、主要特色及主要受眾目標(biāo)，再確定整個(gè)網(wǎng)站的整體風(fēng)格。其次，網(wǎng)頁的制作，設(shè)計(jì)者先要在紙上用筆畫出大概的設(shè)計(jì)草圖，等待客戶確認(rèn)后，才用計(jì)算機(jī)繪圖軟件畫出平面效果圖（色彩與頁面結(jié)構(gòu)），之后才能投入實(shí)際的制作。 （二）網(wǎng)頁平面構(gòu)成手法 平面構(gòu)成是一種視覺形象的構(gòu)成，其形態(tài)的抽象性特征和產(chǎn)生不同視覺引導(dǎo)作用的構(gòu)成形式，組成嚴(yán)謹(jǐn)而富有節(jié)奏和動(dòng)感的畫面，營造一種秩 序之美、理性之美和抽象之美。其構(gòu)成形式主要有重復(fù)、近似、浙變、變異、對比、集結(jié)、發(fā)射、特異、空間、分割、肌理及錯(cuò)視等等。它的研究對象主要是在平面設(shè)計(jì)中，如何構(gòu)造形象，怎樣處理形象與形象之間的關(guān)系，如何掌握美的形式規(guī)律，并按照美的形式法則，構(gòu)成設(shè)計(jì)所需要的圖形。 平面構(gòu)成中最基本的形態(tài)要素是點(diǎn)、線、面，其構(gòu)成要素有大小、方向、明暗、色彩等，以這些基本要素為條件，加以組合構(gòu)成，便會(huì)創(chuàng)造出無數(shù)理想的抽象造型。 網(wǎng)頁上的所有元素都可以看作構(gòu)成的基本要素。在一幅成功的作品里，需要點(diǎn)、線、面的共同組合來 構(gòu)造整個(gè)頁面。通過三者的組合，可以突出頁面上的重要元素，突出設(shè)計(jì)的主題，增強(qiáng)美感，讓訪問者在感受美的過程中領(lǐng)會(huì)設(shè)計(jì)的主旨。 構(gòu)成的基本元素點(diǎn)、線、面及其在網(wǎng)頁設(shè)計(jì)中的運(yùn)用 在頁面構(gòu)圖中凡是表現(xiàn)視覺圖形或文字，都可以簡化或趨近于點(diǎn)、線、面的視覺感受。網(wǎng)頁版面中的各種視覺元素正是以點(diǎn)、線、面的形式相互依存、相互作用，組合成各種視覺信息，形成千變?nèi)f化的視覺空間和感受。因此，只有協(xié)調(diào)處理好點(diǎn)、線、面之間的相互關(guān)系，才能設(shè)計(jì)出最佳視覺效果的網(wǎng)頁。 （ 1）點(diǎn)