平面設計在網頁編排中的應用

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

網頁中版式布局

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

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

網頁版式布局中的條理與反復。“條理與反復的原則是圖形構成整體的秩序美的基礎，是變化中的統一，也是運動發展中求得協調一致的表現方式，由它可以演化出多種多樣的圖形變化。”這種在很多較為優秀的網站中運用較多，例如一些商業網站，搜狐、新浪的此類網站內容豐富，信息含量大，不得不運用一定的方式將其條理化，同時又在一定程度上加以歸納后重復利用，使網頁較為整齊，脈絡清楚，讀起來也能找到重點。

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

網頁色彩的運用

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

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

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

因此，網頁中色彩運用的成功與否，是決定網站的風格、定位的關鍵因素，遵循可行的規則，恰當地運用色彩，是網頁設計的關鍵。

網頁中其他各構成要素分析

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

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

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

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

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

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

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

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

參考文獻:

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

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

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

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

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

編校:鄭艷