平面構成在網(wǎng)頁界面設計中的應用

1、點的應用點是構成網(wǎng)頁的最基本單位。一個單獨而細小的形象可以稱之為點。點是相比較而言的，比如一個漢字是由很多筆劃組成的，但是在整個頁面中，它可以稱為一個點。點也可以是一個網(wǎng)頁中相對微小單純的視覺形象，如一個按鈕，一個等等。在網(wǎng)頁界面設計中，運用點的屬性，一方面可以將事物傳達的意念概括為點的結構，從而創(chuàng)造出形形色色的點的造型，起到活潑生動的作用，“畫龍點睛”。另一方面，一個網(wǎng)頁往往需要有數(shù)量不等，形狀各異的點來構成。點的方向、大小、位置、聚集，發(fā)散等不同的形式排列組合，創(chuàng)造出變化無窮的視覺形式，給人帶來不同的心理感受。再一方面，在網(wǎng)頁設計中，我們還可以主觀的加些點，如在新聞的標題后加個或，在重要的

2、信息前或文字下面加上點，可以加強信息的受注意程度。線的應用在界面設計中，運用不同性格的線造型和不同的線性組合作為視覺要素，可以大大豐富網(wǎng)頁界面的視覺效果，也可以傳達著各自不同的信息。帶有色彩的實線可以引導視覺瀏覽的秩序，或用于達到頁面中的內(nèi)容在視覺上的平衡，或組成紋飾以裝飾頁面，或用于分割頁面，決定頁面形象。線的放射，粗細，漸變還可以體現(xiàn)三維空間的感覺。界面網(wǎng)格的結構線可以是實線，也可以隱藏于頁面中通過元素排列的秩序以及頁面中的留白來顯現(xiàn)。面的應用在網(wǎng)頁界面設計中，面在視覺信息的傳達中扮演著不可忽視的角色。由面形成的圖形總是比由線形成的圖形更具有視覺沖擊力；面可以作為網(wǎng)頁的背景，以突出網(wǎng)頁的信

3、息，達到更好的傳達效果。首先，網(wǎng)頁本身就是“面”，網(wǎng)頁上的元素都將在此范圍內(nèi)進行編排，網(wǎng)頁的背景根據(jù)不同網(wǎng)站的性質和需要可以設計為不同色彩，豐富視覺與網(wǎng)頁本身的需求。其次，網(wǎng)頁上的圖片與主要文字內(nèi)容作為網(wǎng)頁界面的主體，主要是作為面來參加編排，界面中的空白所形成的面具有放松視覺的作用，也可以產(chǎn)生想象空間。各種編排方式與視覺要素的組合使網(wǎng)頁界面具有了多樣的風格與多元的視覺特色。點、線、面的綜合運用在實際運用中，點、線、面在網(wǎng)頁界面設計中往往是共同起作用的。線可以對面進行各種分割產(chǎn)生新的面的形態(tài)；點可以對面進行點綴；面可以襯托點與線；面因為面積的優(yōu)勢通常比線與點更有沖擊力。點、線、面在構成關系中所起

4、的作用是通過與其他元素的關系而決定的。面與面通過重疊、密集、平行、穿插、搭接等方式也可以產(chǎn)生新的形態(tài)。所以在網(wǎng)頁界面設計中應當平衡好它們之間的關系，將點、線、面進行綜合、靈活的運用，以創(chuàng)造出豐富、充實、充滿活力的界面設計。、擴展造型元素的應用擴展造型元素是在基本造型元素的基礎上發(fā)展的，它進一步分析了形成網(wǎng)頁界面設計不同視覺效果的影響因素：空間感、動感和質感?？臻g感立體空間是三維的。通常，人們通過立體事物來感知空間的存在。這里指的空間是網(wǎng)頁界面通過二維平面形式所表現(xiàn)的虛擬空間，是一種幻覺和假象，是非實質的空間，即空間感。網(wǎng)頁界面所產(chǎn)生的空間感，一方面，可以通過攝影、繪畫形式的圖片獲得，一副好的攝

5、影繪畫作品使圖像有呼之欲出的感覺；另一方面，還可以通過運用疏密、大小、方向、重疊、虛實、色調的變化、光影的利用等手法對點、線、面等視覺元素進行空間組合，從而使平面界面的三維空間感得以加強。動感網(wǎng)頁界面能產(chǎn)生運動的視覺效果，這種運動的效果可以通過兩種方式獲得。一種是動畫的使用。但是動畫的使用勢必會影響到網(wǎng)頁的瀏覽速度，所以我們常用到另一種截然不同的方式，它是通過靜態(tài)的圖使人感受到的運動，我們稱之為“動感”。靜態(tài)的圖像可以通過采用疊合的片斷形態(tài)、表現(xiàn)形態(tài)的運動軌跡、采用運動過程中的形態(tài)或不穩(wěn)定的形態(tài)等形式獲得運動感。質感質感也是影響網(wǎng)頁界面效果的因素。人們對不同物體的表面質地有不同的感受，如粗糙、

6、細膩、光滑、柔軟、堅硬等。塑造不同的視覺肌理有助于傳達不同的質感語言，有助于強化網(wǎng)頁界面的設計意念。（二）形式法則在界面設計中的運用從古至今，很多藝術家和學者提出了各種關于形式美的規(guī)律，所謂的形式美規(guī)律，就是指諸要素間普遍的、必然的聯(lián)系，它是穩(wěn)定而永恒的，是指導一切藝術形式構成的永久性原則。形式美的法則是進行藝術創(chuàng)作的基本法則，因此，在網(wǎng)頁界面設計過程中，設計者必須去研究，掌握并主動地、有意識的運用這些形式法則。、均齊與平衡均齊與平衡是設計中求得中心穩(wěn)定的兩種組織形式，均齊圖形整體結構嚴謹，形態(tài)安定整齊。平衡的圖形沒有固定的組37織原則，但要求在形式上自然合理。所以均齊偏于靜止的形式美感，而平

7、衡卻顯得靈活多變，帶有動感。網(wǎng)頁界面設計中，均齊式的構圖往往比較莊重，而真正頁面上左右同形同量的配置是不多的。平衡的構圖較均齊生動活潑，這種平衡的獲得多依賴于設計者的視覺感受與經(jīng)驗。頁面上的平衡是一個動態(tài)的平衡，是圖與底、圖形與文字、群組與間距、主次與聚散、色彩的輕重與體積等關系的平衡。設計者只有通過不斷的實踐才能夠在這方面駕輕就熟的運用，滿足人們視覺上的整體的平衡感。網(wǎng)格構成的界面設計，通過分割將頁面分成若干板塊，各個板塊可以有大有小，但要遵循視覺平衡的規(guī)律，注意上與下，左與右的關系，考慮面積的大小，色彩的呼應等因素。這種版式設計方式具有不規(guī)則和靈活的特點，但是必須合乎具體的版面內(nèi)容，并注意

8、因變化過強而導致失衡。在界面設計中，均齊與平衡可以結合起來運用，比如在整體上使用平衡版式，但在局部使用均齊的標題或圖形。、變化和統(tǒng)一變化是各個組成部分之間的區(qū)別，統(tǒng)一是個部分之間的內(nèi)在關聯(lián)。在圖形設計中運用變化與統(tǒng)一的規(guī)律，是處理形象和組織的對立統(tǒng)一過程，那么在網(wǎng)頁設計中同樣要恰當?shù)睦眠@種規(guī)律，在我們把大量的信息塞加到網(wǎng)頁上去的時候，考慮怎樣把它們合理的用統(tǒng)一的方式來排布，使整體感強同時又要有變化，這樣使頁面更豐富，更有生氣，看起來就不感到枯燥，很多網(wǎng)站諸如體育的網(wǎng)站，排布的新聞從上到下幾十條，沒有一點變化，顯得單調而乏味，就是違反這種形式美的規(guī)律，所以要充分的運用變化來改進它，從排布的形式

9、上或者是顏色上都可以。、對比和調和對比是為了使主題畫面具有變化和生氣而運用的方法。而調和是構成美的對象在部分與部分之間的相互關系。它無論是在質的方面還是量的方面都沒有矛盾，各部分所傳達給人的感受和意念之間不是相互分離或排斥，而是一個部分多樣性的整體統(tǒng)一來表現(xiàn)美的狀態(tài)。那么在網(wǎng)頁設計中，如何利用它來達到好的效果呢？首先合理的利用對比的因素，例如文本的排布、字體的大小、粗細、顏色，圖片的寬窄、比例的反差、透明以及位置的放置等等。、節(jié)奏與韻律運動中的事物都具有節(jié)奏和韻律的形式規(guī)律。節(jié)奏本身沒有形象特征，只是表明事物在運動中的快慢、強弱以及間歇的節(jié)拍。節(jié)奏可以說是條理與反復的發(fā)展。它帶有機械的秩序美，

10、韻律是每個節(jié)拍間運動所表現(xiàn)的軌跡，它帶有形象特征。在具體的網(wǎng)頁設計的運用中，按鈕的編排就經(jīng)常會遇到這個問題，做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感，同時絲毫不損其實用性，即要從形狀上，也要從整體的色澤、大小等綜合方面入手，才能做到實用與藝術共存的和諧設計。三、結語因此我們可以說，平面構成對網(wǎng)頁設計具有著重要的指導作用，點、線、面是視覺構成的基本元素，是每個網(wǎng)頁設計師必須熟練掌握的設計語言。點、線、面具有不同的情感特征，我們要善于采用不同的組合去體現(xiàn)不同的情感訴求。在網(wǎng)頁的視覺構成中，點、線、面既是最基本的造型元素，又是最重要的表現(xiàn)手段。只有合理的安排好點線面的互相關系，才能設計出具有最佳視覺效果的頁面，充分的表達出網(wǎng)頁最終的訴求！隨著時代的不斷發(fā)展進步，特別在生活節(jié)奏如此快的互聯(lián)網(wǎng)時代，由于追求的目標的變化，人們的審美觀念也在不斷的變化，但是美的本質是一樣的，同時隨著技術的發(fā)展，很多目前不容易實現(xiàn)的審美形式也將逐