網頁設計中平面視覺元素應用問題的探索與分析

曹琦

（中國國際廣播電臺，北京 100040）

網頁設計中平面視覺元素應用問題的探索與分析

曹琦

（中國國際廣播電臺，北京 100040）

本文研究的是網頁設計中平面視覺元素的應用問題。文章針對文字、圖像、色彩以及版式設計等平面視覺元素在網頁設計中的具體應用問題，分別從以上四個角度對與其相關的網頁設計中的一系列問題進行了探索與分析，希望能夠對網頁設計創新能夠有所啟發。

網頁設計；平面視覺元素；應用分析；文字；圖像；色彩；版式設計

隨著互聯網技術的普及和發展，網絡已經成為了當代社會信息傳播的重要方式和人們日常交流溝通的重要途徑，其已經逐步滲入了人們工作、生活的各個領域和各個層面。而網頁不僅僅是互聯網上信息傳遞的一個載體，也是構成互聯網的基本元素。因此，隨著網絡的普及和發展，網頁設計作為一個全新的設計領域，已經成為了平面設計新的發展方向之一，如何讓所設計的網頁更具新穎性和可讀性，以獲得最大的視覺傳達功能也成為了設計者關注的一個重點問題。鑒于此，本文就從網頁設計的角度，針對設計過程中的文字、圖像、色彩以及版式設計等平面視覺元素的應用問題進行了簡要的探索與分析。

一、文字在網頁設計中的應用分析

文字是一種用來記錄語言和事物，并進行思想和情感交流的一種視覺文化符號。在網頁設計的過程中，由于文字在信息傳達方面具有比其他的視覺符號更容易辨識的明確性，因此，文字不但是網頁設計過程中常用的構成元素之一，也是發揮作用最大的設計元素之一。在網頁設計的過程中，如何對文字進行編排和設計，對網頁的整體風格有著非常重要的影響。通常來說，設計科學、編排合理的網頁文字，能夠更好的傳達所要傳達的信息，而且還能夠通過文字的設計與編排給頁面增加美感，從而在實現信息傳達的滿足人們的審美需求，從而大大提高網頁信息傳達的效果。

概況來說，在網頁設計的過程中，文字的編排設計主要包括字體的選擇和編輯以及文字編排幾個方面。例如：在對文字進行編輯時，可以選擇圖形化的藝術處理方法，這樣不但能夠通過文字來傳達語言本身所包含的信息，還能夠借此以視覺形象的方式來傳遞語言之外的信息。

而具體到文字在網頁設計中的實際應用，則應注意如下幾點原則：一是，匹配性原則。匹配性原則實際上指的就是在進行網頁設計的過程中所選用的文字應與文字的內容以及網頁的主題相匹配。也就是說，要根據網頁的主題內容和所要傳達的信息內容來科學的設計文字的字體、色彩以及形態和表現形式，以確保文字的設計與網頁設計的主題和整體風格相匹配。二是，明確性原則。在網頁設計的過程中，文字最為主要的功能在于確保信息的有效傳遞。因此，為了實現這一點，在進行網頁文字設計的過程中，應注意優選選用容易識別的文字，而且在進行字體和字形的創意時，同時也應注意其辨識起來的明確性。三是，易讀性原則。因受人們的閱讀習慣及視覺能力的影響，人們在識別過粗、過細的文字形態時會較為費力，因此，在網頁設計的過程中，應注意避免這樣的情況，以確保文字的易讀性，從而讓瀏覽者閱讀起來輕松愉快。最后是，美觀性原則。進行文字的創意設計目的之一，是為了提高網頁的美觀程度，帶給瀏覽者美的感受。因此，在進行網頁文字的設計時，要始終注意文字編排的節奏感和韻律感，以及文字與網頁整體之間的對比與和諧，以確保文字設計的美觀性。

二、圖像在網頁設計中的應用分析

在網頁設計的過程中，圖像相較于文字而言更加直觀、形象，而且圖像在造型和色彩等方面均具有較強的注目性，因此，很容易形成視覺信息的中心。而在網頁設計的過程中，如果說文字所表達的信息是理性的，色彩所表達的信息是感性的，那么圖像所包含的則既有感性的形象又有理性的信息。由此可見，圖像在網頁設計的過程中，具有文字和色彩均無法取代的重要作用。

具體到網頁圖像來說，一般網頁圖像所使用的格式為GIF格式或是JPEG格式。其在網頁設計編排中的應用方式則通常有方形圖、退底圖、出血圖以及三種結合使用四種方式，其中：方形圖是網頁圖形最為常見、最為簡潔的一種。在將方形圖應用于網頁設計時，通常會給人以穩重、理性和嚴謹的感覺，但如果過度使用，則會給人以平淡呆板的感覺，如下圖1所示，中國人民大學的網站就利用方形圖很好的突出了穩重、理性、嚴謹的特點，而同時又利用大小不同、寬窄不同的方形圖避免了平淡呆板的問題；其次是退底圖。退底圖相較而言圖形更為自由，也更具個性，因此很容易帶給人深刻的印象。將這樣的圖形應用于網頁設計時，會讓網頁的整體風格閑的輕松而活潑，但是如果應用不合理的話，也很容易給人凌亂的感覺；再次是出血圖。出血圖指的是一邊或者幾個邊充滿頁面的圖像。出血圖具有強烈的向外擴張的態勢，容易給人舒展的感覺，將其應用于網頁設計時，非常有利于情感和動感內容的表達。

圖1 中國人民大學官網

三、色彩在網頁設計中的應用分析

在網頁設計的過程中，彩色的頁面相較于單色的頁面來說往往能夠更好的引起瀏覽者的注意和興趣，由此就可以窺見在網頁設計中色彩應用的重要性。

俗話說“遠看顏色近看花”，這一點對于色彩在網頁設計中的應用來說同樣適用。在網頁上，網頁設計所采用的主色彩，往往具有先聲奪人的力量，其應用的科學與否、設計的合理與否，會直接影響到瀏覽者的瀏覽興趣，并能夠通過色彩所帶來的視覺沖擊傳達出相應的情緒力量。因此，在進行網頁設計時，設計者一定要時刻注意思考設計用色帶給人們的感受。

具體來說，在網頁設計過程中進行網頁色彩的搭配與應用時需要注意考慮的問題非常多，而以下兩點則尤為關鍵：首先，在進行色彩選擇和應用時，應注意不同的顏色所蘊含的不同喻意，以盡可能的避免出現顏色誤用的問題。其次，網頁色彩的搭配與應用，應根據網頁的性質和主題進行合理的選用。例如：暖色一般適用于購物類網站的網頁設計、電子商務網站的網頁設計以及兒童類網站的網頁設計等等，暖色的合理應用有助于突出這些網站商品的琳瑯滿目以及兒童網站的活潑、溫馨特性；而冷色則一般適用于高科技網站的網頁設計或者是學術類網站的網頁設計，能夠借此很好的突出網頁嚴肅、穩重的風格和特點。

四、版式設計在網頁設計中的應用分析

在進行網頁設計的過程中，版式設計實際上就是根據網頁的內容而和主題，將網頁頁面上的諸多構成要素，進行關聯和配置，從而將網頁整體的設計意圖和設計風格表現出來的一種方式。科學的版式設計不但能夠讓網頁上的文字、圖像、色彩等元素實現有機的結合，以提升頁面的美觀度、凸顯網頁的風格特色，還能夠帶給網頁瀏覽者一個更為流暢的視覺體驗。

在網頁設計中，版式設計的常用類型主要有骨骼型版式設計、滿版型版式設計、分割型版式設計、中軸型版式設計、曲線型版式設計、傾斜型版式設計、對稱性版式設計、焦點型版式設計、三角型版式設計以及自由型版式設計等十種版式設計類型，這些版式設計類型各有特色。其中骨骼型的版式設計有助于網頁呈現和諧和理性的特點；滿版型版式設計則有助于凸顯網頁舒展大方的特征；分割型版式設計的網頁則較為自然；中軸型版式設計的網頁特點則較為穩定和含蓄；曲線型版式設計的網頁常常帶有一定的韻律感與節奏感；傾斜型的網頁版式設計則帶有強烈的不穩定感或是動感；焦點型版式設計的網頁則有助于凸顯強烈的視覺效果；三角型版式設計的網站則根據所采用的具體三角型有一定的不同：正三角有助于突出穩定性、倒三角有助于突出動感、而側三角則是穩定與動感兼具；最后采用自由型版式設計的網頁，則往往突出的是輕松活潑、輕快愉悅的特點。設計者在進行網頁的版式設計時可以根據這些網頁版式設計類型的特點，針對設計的內容和主題進行合理的選擇。

[1]郭菲.網頁設計中的人性化設計[A].2006年中國機械工程學會年會暨中國工程院機械與運載工程學部首屆年會論文集[C].2006.

[2]孫利,吳儉濤.利用色彩營造網頁形象時需關注的幾點問題[A].色彩科學應用與發展——中國科協2005年學術年會論文集[C].2005.

[3]楊振華.網頁視覺設計的審美法則及其應用[J].太原城市職業技術學院學報.2007(01).

[4]孫夢燦.從《css禪意花園》談對于藝術設計學科中的網頁設計的一些思考[J].包裝世界.2011(03).

J05

A

1005-5312（2014）02-0052-01