平面視覺元素在網(wǎng)頁設(shè)計中的運用研究

高靜++張苗

摘 要：優(yōu)秀的網(wǎng)頁設(shè)計不僅僅蘊含豐富多彩的精彩內(nèi)容，同樣應(yīng)該刺激受眾群體視覺效果。網(wǎng)頁設(shè)計過程中利用平面視覺元素，已經(jīng)成為優(yōu)秀設(shè)計師所必須掌握的專業(yè)知識。在本文研究過程中筆者將從平面視覺元素角度出發(fā)，對其在網(wǎng)頁設(shè)計過程中存在的諸多問題進行探索，以提出較為可行的建議方案。

關(guān)鍵詞：網(wǎng)頁設(shè)計；平面設(shè)計元素；運用；問題探索

中圖分類號：G642 文獻標(biāo)識碼：B 文章編號：1002-7661（2016）05-004-01

隨著經(jīng)濟社會的逐漸發(fā)展，網(wǎng)頁設(shè)計已經(jīng)從最開始的計算機技術(shù)，逐漸演變?yōu)橐婚T設(shè)計藝術(shù)。眾多網(wǎng)頁建設(shè)者都開始利用較為藝術(shù)性的設(shè)計作品，來提升網(wǎng)頁的整體視覺效果。簡而言之，網(wǎng)頁設(shè)計已經(jīng)開始將藝術(shù)和計算機相互結(jié)合，再通過平面視覺元素的同一調(diào)試呈現(xiàn)出來。

一、相關(guān)理論基礎(chǔ)

1、網(wǎng)頁設(shè)計

從總體層面而言，網(wǎng)頁設(shè)計是平面設(shè)計的重要組成部分，主要根據(jù)公司、企業(yè)或者商業(yè)需求，進行有目的的網(wǎng)站功能的策劃工作。從分類角度而言，可以分為功能性、信息性以及形象性三種網(wǎng)頁設(shè)計。

2、平面視覺元素

平面視覺元祖主要是指利用文字、色彩、圖形等基本元素，并將其相互結(jié)合或進行各種平面設(shè)計，從而將有效信息傳遞給受眾群體，提升受眾群體對展示產(chǎn)品的印象力。

3、平面視覺因素的重要優(yōu)勢

在網(wǎng)頁設(shè)計過程中運用平面視覺元素，能夠確保網(wǎng)站建設(shè)發(fā)展更趨向于先進性、藝術(shù)性。通過合理運用文字、色彩和圖像的基本元素及組合，對整個網(wǎng)頁版面整體進行美化，可以使得周中群體獲得新性視覺享受。其次，利用平面視覺因素能夠提升網(wǎng)頁的用戶流浪量，幫助企業(yè)、用戶實現(xiàn)網(wǎng)站建設(shè)理念，并傳遞企業(yè)產(chǎn)品信息、服務(wù)以及品牌資料等等；

二、網(wǎng)頁設(shè)計過程中的諸多問題

網(wǎng)頁設(shè)計的重要目的在于傳遞信息，優(yōu)秀的網(wǎng)站設(shè)計往往會刺激受眾群體眼球。當(dāng)前，網(wǎng)設(shè)計設(shè)計日益成為網(wǎng)站建設(shè)者關(guān)注的重要部分，而平面視覺元素已經(jīng)被大量運用于網(wǎng)頁設(shè)計中。但眾多網(wǎng)頁因為人為因素、社會高度關(guān)注以及自身能力局限，導(dǎo)致諸多問題頻現(xiàn)，無法達到使用者的要求效果：

1、網(wǎng)頁整體編排太過簡陋

網(wǎng)頁編輯是網(wǎng)頁設(shè)計中最為基本的步驟。網(wǎng)頁具體要求是“文字內(nèi)容簡潔明了，概括性強，圖片內(nèi)容則需要刺激受眾群體視角”。但從國內(nèi)網(wǎng)頁整體編排情況來看，大部分設(shè)計人員一味追求頁面內(nèi)容豐富，不是網(wǎng)頁版式編輯需求。圖片內(nèi)容往往與文字內(nèi)容相互堆砌，讓網(wǎng)頁顯得非常雜亂，更遑論提升網(wǎng)頁平面視覺效果了。除此之外，每個網(wǎng)頁所包含的具體內(nèi)容包括幾個方面，但部分網(wǎng)頁設(shè)計人員往往忽視這點，并將有些非主要內(nèi)容安排到網(wǎng)頁主頁面，或者將廣告宣傳設(shè)置到顯著位置，者極大的影響了使用者網(wǎng)站的個人心情及信息獲取速度。

2、網(wǎng)頁文字編輯布局欠佳

在網(wǎng)頁設(shè)計過程中，文字擔(dān)負(fù)著傳遞信息的重要途徑。通過文字內(nèi)容，網(wǎng)頁瀏覽者能夠清晰的獲得自己去要的內(nèi)容。但中文文字結(jié)構(gòu)較為復(fù)雜，諸多網(wǎng)頁設(shè)計師往往在網(wǎng)站設(shè)計過程中，刻意的對文字進行編輯，例如下劃線，附加鏈接，或者藝術(shù)化等等，這些的安排盡管會突出文字所表達的信息，但同樣會給瀏覽者帶來視覺障礙。除此之外，文字整體布局同樣欠考慮，字體的大小、行距都會影響到閱讀速度，部分網(wǎng)頁設(shè)計中文字過多，即便內(nèi)容精彩，但同樣無法傳遞給瀏覽者準(zhǔn)確信息。

3、網(wǎng)頁色彩運用不夠完善

通常情況下，瀏覽者在打開網(wǎng)頁頁面時，最先接受的往往都是色彩。優(yōu)秀的網(wǎng)頁設(shè)計往往與設(shè)計師自身的色彩運用息息相關(guān)，畢竟網(wǎng)頁設(shè)計必須考慮到平面視覺效果，導(dǎo)致對色彩要求極高。但國內(nèi)部分網(wǎng)頁設(shè)計往往單純考慮到視覺效果，個人傾向的重用暖色調(diào)，大紅大紫的色彩搭配習(xí)慣或許能夠吸引瀏覽者的眼球，但同樣或使得網(wǎng)頁美感效果下降，甚至直接干擾瀏覽者對信息快速篩選的能力。

三、網(wǎng)頁設(shè)計具體對策建議

1、科學(xué)合理設(shè)置版面結(jié)構(gòu)。大多數(shù)的網(wǎng)頁用戶界面往往會在版面編輯過程中融入平面視覺元素。以文字信息為例，相關(guān)設(shè)計人員可以利用多種字體進行結(jié)合，或者創(chuàng)作單純的藝術(shù)字體，以營造出多樣化的文字效果。圖形圖像排版層面則更應(yīng)該遵循特定的空間結(jié)構(gòu)，且必須處于頁面中央，以吸引受眾群體的眼球，達到強烈的視覺沖擊效果；

除此之外，色彩運用層面同樣需要從整體角度著手。網(wǎng)頁設(shè)計人員可以結(jié)合圖形的基本特點，實施版面分割。如此這般，網(wǎng)站版面就能夠有效傳達產(chǎn)品信息，遵循自身視覺效果的表現(xiàn)方式。當(dāng)然，經(jīng)驗欠缺的世界人員，同樣可以從日常生活雜志、報之、期刊層面著手，借鑒版面尺度、文字內(nèi)容、圖像安排以及色彩搭配等層面方式，最終營造出科學(xué)合理的版面結(jié)構(gòu)。

2、簡潔明了的文字表達。與平面視覺元素的其它層面相比，文字內(nèi)容部門非常關(guān)鍵，這是受眾群體能夠直觀獲取信息且能夠辨認(rèn)的途徑。因此，簡潔明了的利用文字信息，傳遞產(chǎn)品關(guān)鍵詞，能夠直接提升瀏覽者的閱讀興趣。一般情況下，網(wǎng)頁設(shè)計中字體同樣以默認(rèn)為標(biāo)準(zhǔn)，這能夠確保眾多受眾群體利用本地系統(tǒng)字庫來閱讀，省去下載麻煩。

當(dāng)然，需要注意的是，文字編排布局必須合理。眾多瀏覽者在閱讀文字內(nèi)容過程中局限性較大，為達到明確的視覺效果，文字編排可以考慮常規(guī)的字體結(jié)構(gòu)，大小同樣以適中為主，且為藝術(shù)效果而盲目使用較為少見字體。

3、整體協(xié)調(diào)和局部對比的色彩運用。不同的色彩搭配方案能夠形成多元化的色彩畫面。按照色彩感知規(guī)律發(fā)展特點，一般情況下，暖色調(diào)的確能夠刺激受眾群體吸引力?；蛘哒f，暖色調(diào)色彩能夠吸引人，并在短時間內(nèi)了解網(wǎng)站情況。設(shè)計師在設(shè)計良好的網(wǎng)頁環(huán)境中，必須從色彩沖擊性的角度出發(fā)，但必須注重整體協(xié)調(diào)和局部對比兩個原則，以促進網(wǎng)頁整體風(fēng)格的形成。

四、總結(jié)

作為大眾信息傳播的重要途徑，網(wǎng)頁設(shè)計在滿足精益求精的基礎(chǔ)之上，還需要在平面視覺效果層面更加努力。優(yōu)秀的網(wǎng)頁設(shè)計往往能夠?qū)⑽谋?、動畫、視頻、圖像等等進行綜合性運用，既能夠滿足網(wǎng)站使用者的信息獲取需求，還能夠營造出良好舒適的視覺效果。

參考文獻：

[1] 程智.網(wǎng)絡(luò)教育基礎(chǔ)[M].北京：人民郵電出版社.2002.3.

[2] 劉曉輝.構(gòu)筑網(wǎng)絡(luò)應(yīng)用基礎(chǔ)平臺[M].北京：科學(xué)出版社.2005.