平面設計在網(wǎng)頁編排中的應用

網(wǎng)頁設計作為一門新興的設計類和網(wǎng)絡媒體的交叉學科，隨著互聯(lián)網(wǎng)的不斷發(fā)展而受到人們的重視，它是以網(wǎng)絡為載體，把各種信息以最快捷、方便的方式傳達給受眾，在這種標準的要求下，逐步產(chǎn)生了審美的需求。我國這兩年的網(wǎng)絡發(fā)展非?？臁４蠹铱吹交ヂ?lián)網(wǎng)上除了部分大型的專業(yè)網(wǎng)站在版面的編排上比較考究之外，很少見到界面設計考究、美術創(chuàng)意優(yōu)秀的中文網(wǎng)站。網(wǎng)頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現(xiàn)形式和目的都有一定的相似性，把傳統(tǒng)平面設計中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設計的具體問題結合起來，運用一些平面設計中美的基本法則到網(wǎng)頁中去，增加網(wǎng)頁設計的美感以滿足大眾的視覺審美需求，是網(wǎng)頁設計發(fā)展的必然趨勢。

網(wǎng)頁中版式布局

網(wǎng)頁是通過視覺元素實現(xiàn)信息內(nèi)容的傳達，為了使網(wǎng)頁獲得最大的視覺傳達功能，使網(wǎng)絡真正成為可讀性強而且新穎的媒體，網(wǎng)頁的設計必須遵循平面設計形式美的法則，由此確定各種視覺構成元素之間的關系和秩序。網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容的要求，達到信息訴求的重點。當網(wǎng)頁上的內(nèi)容非常多的時候，考慮怎樣把它們以最合理的方式來排布，使整體感強同時又要有變化，可遵循以下幾點規(guī)律:

網(wǎng)頁版式布局中的變化和統(tǒng)一。在網(wǎng)頁設計中恰當?shù)剡\用這一規(guī)律，例如體育類的網(wǎng)站，排布的新聞從上到下幾十條，沒有一點變化，顯得單調(diào)而乏味，這是違反這種形式美的規(guī)律的，所以要充分地運用變化來改進它，如可以變化其排列方式、字體顏色，也可在每條新聞前添加醒目的圖標，既豐富了頁面，也起到了引導瀏覽者視線的作用，便于瀏覽。

網(wǎng)頁版式布局中的條理與反復?！皸l理與反復的原則是圖形構成整體的秩序美的基礎，是變化中的統(tǒng)一，也是運動發(fā)展中求得協(xié)調(diào)一致的表現(xiàn)方式，由它可以演化出多種多樣的圖形變化?！边@種在很多較為優(yōu)秀的網(wǎng)站中運用較多，例如一些商業(yè)網(wǎng)站，搜狐、新浪的此類網(wǎng)站內(nèi)容豐富，信息含量大，不得不運用一定的方式將其條理化，同時又在一定程度上加以歸納后重復利用，使網(wǎng)頁較為整齊，脈絡清楚，讀起來也能找到重點。

網(wǎng)頁版式布局中的均齊與平衡。在網(wǎng)頁設計中，在充分考慮整體頁面上所有的圖形、文字的基礎上，頁面整體的平衡和均衡尤為重要，頁面上的平衡是一個動態(tài)的平衡，因為頁面上兩邊不會總是一樣的，即左邊一個圖右邊就一個圖，這在互聯(lián)網(wǎng)上是不多的。更多的時候我們看到的頁面是圖和文字以及大塊的顏色輕的圖和小塊的顏色重的圖的平衡，以及與文本的疏密和大小的平衡，所以這是一種動態(tài)的平衡。因此合理地布局圖片與文字的相互穿插，會使頁面條理清晰，布局合理，重點突出。

網(wǎng)頁色彩的運用

色彩對網(wǎng)頁設計非常重要，是網(wǎng)頁設計的關鍵因素之一，能給瀏覽者帶來最強視覺沖擊力的要素就是網(wǎng)頁色彩，好的網(wǎng)頁色彩設計能突出主題，引導視線，統(tǒng)一風格，使網(wǎng)站更便于瀏覽，給人留下深刻的印象。

鮮明、獨特的識別性原則?！霸诰W(wǎng)站云集的互聯(lián)網(wǎng)上，一個網(wǎng)站的網(wǎng)頁色彩只有與眾不同、獨一無二才能給瀏覽者留下深刻的印象”，達到良好的宣傳效果。有幾種方法可以借鑒:如選定一種色彩，然后調(diào)整其透明度或者飽和度，產(chǎn)生新的色彩，這樣使頁面看起來色彩統(tǒng)一，有層次感。而當使用兩種色彩時，先選定一種色彩，然后選擇它的對比色，這樣整個頁面色彩豐富但不花哨。也可用一個色系，例如淡藍、淡黃、淡綠，或者土黃、土灰、土藍，這樣會使得網(wǎng)頁風格統(tǒng)一。這在一些以女性為主題的網(wǎng)站中經(jīng)常見到，大多采用粉色暖調(diào)，既體現(xiàn)了女性的主題，也使得網(wǎng)站的風格一致，保持良好的連續(xù)性。再如用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很“跳”，一些設計類網(wǎng)站常用到，這類網(wǎng)站往往頁面視覺沖擊力強，用色大膽，給瀏覽者留下深刻的印象;而灰色被稱為萬能色，可以和任何顏色搭配。

配色視認度高原則。我們在瀏覽網(wǎng)站時要長時間注視發(fā)光的熒屏，所以網(wǎng)頁色彩要盡量抑制強對比，減少屏幕刺激，減輕視覺產(chǎn)生的疲勞。網(wǎng)頁色彩的配色必須考慮視認度，視認度的高低取決于圖與底的色彩對比程度，不要用花底作為頁面的背景，那樣背景不突出反而頁面沒有層次感，采用與頁面內(nèi)容對比強烈的顏色作為背景以突出內(nèi)容的主題。此外，圖形面積大小和圖形的復雜程度也影響視認度的高低。在頁面用圖的選擇上要使用清晰易識別的圖形，以提高視認度。

因此，網(wǎng)頁中色彩運用的成功與否，是決定網(wǎng)站的風格、定位的關鍵因素，遵循可行的規(guī)則，恰當?shù)剡\用色彩，是網(wǎng)頁設計的關鍵。

網(wǎng)頁中其他各構成要素分析

對于網(wǎng)頁設計來講，其信息內(nèi)容的有效傳達是通過將各種構成要素的設計編排來實現(xiàn)的。網(wǎng)頁的構成要素包括文字、圖形、聲音等基本構成要素及頁頭(LOGO、Banner)、導航欄、信息正文、頁腳(版權信息、公司信息)等內(nèi)容要素。

網(wǎng)頁中文字的編排與設計。文字作為信息傳達的主要手段目前也是網(wǎng)頁設計的主體，文字是網(wǎng)頁中必不可少的元素，也是網(wǎng)頁中的主要信息描述要素，可以說是網(wǎng)頁的靈魂。

網(wǎng)頁設計者可以用字體來更充分地體現(xiàn)設計中要表達的情感。首先字體選擇是一種感性、直觀的行為。網(wǎng)頁的文字編排與設計，要與網(wǎng)站的風格相統(tǒng)一，而不能相互沖突。如政府網(wǎng)頁的文字要凸顯其莊重和規(guī)范的特質(zhì)，字體的造型規(guī)整而有序，簡潔而大方;休閑旅游類內(nèi)容網(wǎng)頁，文字編輯應具有歡快輕盈的風格，字體生動活潑，跳躍明快，有鮮明的節(jié)奏感，給人以生機盎然的感受;公司網(wǎng)頁可根據(jù)行業(yè)性質(zhì)、企業(yè)理念或產(chǎn)品特點，選擇與其風格統(tǒng)一的字體，個人主頁則可結合個人的性格特點及追求，別出心裁，突出個性。

在網(wǎng)頁文字的編排中，一般來講，一個頁面上字體種類最多不能超過三種。網(wǎng)頁中文本字體的顯示是需要本地硬盤字體文件的支持的，所以在互聯(lián)網(wǎng)上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一，除了傳達內(nèi)容外，還具有傳達感情的功能，因而必須具有視覺上的美感，獲得良好的心理反應。這點很重要!

網(wǎng)頁中圖片的編排與設計。除了文本之外，網(wǎng)頁上最重要的設計元素莫過于圖像了。一方面，圖像的應用使網(wǎng)頁更加美觀、有趣;另一方面，圖像本身也是傳達信息的重要手段之一。與文字相比，它更直觀、生動，可以很容易地把那些文字無法表達的信息表達出來，易于瀏覽者理解和接受。

1.靜態(tài)圖像在網(wǎng)頁排版中的運用不外乎四種形式:方形圖、退底圖、出血圖以及這三種形式的結合使用。(1)退底圖將圖像中的背景去掉，僅留下主題形象。退底圖形式自由，具有個性，給人印象深刻。常用于運動類、音樂類的網(wǎng)站，頁面的效果輕松、活潑，動態(tài)十足，而且圖文結合自然，給人以親和感。但也容易造成凌亂和不整體的感覺。(2)出血圖圖像的一邊或幾個邊充滿頁面，有向外擴張和舒展之勢。因不受邊框限制，感覺上與人更加接近，便于情感與動感的抒發(fā)。一般用于網(wǎng)站的首頁，視覺沖擊力強，能很快吸引瀏覽者的眼球，這樣的圖形也常用于個人主頁，樣式靈活多變，形式感強，個性突出。

2.圖形的形狀、大小。圖形不同的外形表達不同的含義，方形穩(wěn)定、嚴肅，三角形銳利，圓形或曲線外形柔軟親切，退底圖及一些不規(guī)則或不帶邊框的圖像活潑。圖像在網(wǎng)頁中占據(jù)的面積大小能直接顯示其重要程度。一般來說，大圖像容易形成視覺焦點，感染力強，因此，圖片的位置、面積、數(shù)量、形式、方向等直接關系到網(wǎng)頁的視覺傳達。在圖片的選擇和優(yōu)化的同時，應考慮圖片在整體編輯計劃中的作用，達到和諧整齊。

網(wǎng)頁作為一種新的視覺表現(xiàn)形式，它兼容了傳統(tǒng)平面設計的特征，又具備其所沒有的優(yōu)勢，將成為今后信息交流的一個非常有影響的途徑。網(wǎng)頁設計是一種綜合性的設計，它所涉及的范圍非常廣泛，在本論文中只從平面設計視覺傳達的角度進行了一些闡述與分析。好的網(wǎng)頁設計除首先應考慮其內(nèi)容上的精益求精外，其次就是對內(nèi)容合理有效的視覺編排。美是任何網(wǎng)頁所必需具備的基本因素，更重要的是創(chuàng)造一種愉悅的視覺環(huán)境，平面設計的運用是至關重要的。

參考文獻:

1.迪尚:《電腦圖形設計》，杭州:浙江人民美術出版社，1995年版。

2.康定斯基[俄]著，羅世平譯:《點·線·面》，昆明:云南人民出版社，1999年版。

3.陶人勇:《色彩構成》，四川:四川美術出版社，2006年版，第122～123頁。

4.王受之[美]:《世界現(xiàn)代設計史》，廣州:新世紀出版社，1995年版。

(作者單位:洛陽師范學院美術學院藝術設計系)

編校:鄭艷