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

高靜++張苗

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

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

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

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

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

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

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

2、平面視覺元素

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、總結(jié)

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

參考文獻(xiàn)：

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

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