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

趙志茹

摘 要：網(wǎng)頁(yè)設(shè)計(jì)是計(jì)算機(jī)技術(shù)中較為基礎(chǔ)的一門技術(shù)，計(jì)算機(jī)得以普及很大程度都依賴于網(wǎng)頁(yè)設(shè)計(jì)技術(shù)。網(wǎng)頁(yè)設(shè)計(jì)融匯了圖像，聲音，文字，動(dòng)畫(huà)等各種元素，優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)不僅需要網(wǎng)頁(yè)內(nèi)容，還需要考慮對(duì)畫(huà)面的安排，畫(huà)面的視覺(jué)效果等。使用網(wǎng)頁(yè)者不僅看中網(wǎng)頁(yè)的實(shí)用性，還會(huì)考慮該網(wǎng)頁(yè)的畫(huà)面是否給人愉悅感。該文就將結(jié)合平面視覺(jué)元素等知識(shí)，探討在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中對(duì)文字，圖片，動(dòng)畫(huà)和版面設(shè)計(jì)的運(yùn)用問(wèn)題。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì) 平面視覺(jué)元素 運(yùn)用

中圖分類號(hào)：TP393.0 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1674-098X（2014）07（b）-0209-01

隨著計(jì)算機(jī)技術(shù)的發(fā)展，全球逐漸縮小成為了一個(gè)地球村。在信息化時(shí)代，計(jì)算機(jī)技術(shù)對(duì)于人們的生活，工作和學(xué)習(xí)也發(fā)揮著越來(lái)越重要的作用。網(wǎng)站作為因特網(wǎng)提供服務(wù)的門戶和基礎(chǔ)，已經(jīng)成為個(gè)人，企業(yè)及政府機(jī)關(guān)發(fā)布和獲取信息的主要渠道。網(wǎng)頁(yè)設(shè)計(jì)不僅是一門技術(shù)，也是一門藝術(shù)，其涵蓋了版式元素和視聽(tīng)元素兩方面內(nèi)容，與藝術(shù)有著同樣的基本設(shè)計(jì)形式——點(diǎn)，線，面。點(diǎn)是所有構(gòu)圖最基本的元素，能夠形成一定的空間視覺(jué)效果。線由點(diǎn)引伸而來(lái)，構(gòu)成完整的畫(huà)面。

1 文字和圖形圖像中的運(yùn)用

1.1 文字設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

文字是全面系統(tǒng)介紹該網(wǎng)頁(yè)必不可少的因素，首先，制作網(wǎng)頁(yè)者需要全面了解制作該網(wǎng)頁(yè)的各方面信息，包括企業(yè)的發(fā)展史，企業(yè)的文化，產(chǎn)品的特色以及產(chǎn)品受眾等，并根據(jù)這些信息，對(duì)產(chǎn)品進(jìn)行全面徹底地分析，以確定網(wǎng)頁(yè)的文字風(fēng)格，畫(huà)面風(fēng)格，版面形式，使瀏覽網(wǎng)頁(yè)的受眾認(rèn)可。比如說(shuō)，設(shè)計(jì)一個(gè)古典文學(xué)網(wǎng)頁(yè)的時(shí)候，整體的畫(huà)面應(yīng)當(dāng)偏向于古風(fēng)，可以是寫(xiě)意的山水，持著團(tuán)扇撲流瑩的美人，詩(shī)意的田園風(fēng)光，楊柳依依的春季，風(fēng)荷飄香的夏季，楓橋夜泊的秋季，白雪紛飛的冬季等。還可以鏈接一些古典的音樂(lè)，例如平遠(yuǎn)的《冬雪》，子雷的《千年風(fēng)雅》或者是林海的《琵琶語(yǔ)》等，然后在畫(huà)面中添加富有詩(shī)意的句子，例如“紅顏彈指老，天下若微塵”，“長(zhǎng)相思兮長(zhǎng)相憶，短相思兮無(wú)窮極”等，以渲染畫(huà)面整體的古典感。在做介紹的時(shí)候，可以運(yùn)用富有內(nèi)涵的語(yǔ)句，進(jìn)一步加深該網(wǎng)站的文學(xué)氣息，當(dāng)熱愛(ài)文學(xué)的受眾瀏覽該網(wǎng)站的時(shí)候，便可以升起一種共鳴感，愿意繼續(xù)深入了解該網(wǎng)站。隨著科技的發(fā)展，圖片，動(dòng)畫(huà)，音樂(lè)等元素在網(wǎng)頁(yè)設(shè)計(jì)中的作用越來(lái)越大，但是文字仍舊是一種不可替代的元素，尤其是在新聞，信息，科技類的網(wǎng)站中，文字對(duì)信息的傳播具有重要的意義。其次，在網(wǎng)頁(yè)設(shè)計(jì)中的文字不僅有傳遞信息的基本功能，還具有一定的美學(xué)功能，就中國(guó)文字本身而言，不論是遒勁有力的草書(shū)，還是飄逸雋秀的小楷，都能夠成為藝術(shù)品供人觀賞。再者，普通的文字還能夠進(jìn)行藝術(shù)加工，變成富有美感的藝術(shù)字，提高畫(huà)面整體的藝術(shù)感。

1.2 圖形圖像在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

圖形圖像對(duì)網(wǎng)頁(yè)整體畫(huà)面氣氛的渲染具有重要的作用，能夠最直白生動(dòng)地向?yàn)g覽網(wǎng)站的人傳達(dá)信息。比如說(shuō)一個(gè)有關(guān)科技的網(wǎng)站，需要添加許多新興科技研究成果的資料圖片，以使人對(duì)其所描述的物質(zhì)有所了解。而一個(gè)文學(xué)網(wǎng)站，需要依賴于一些唯美，傷感，古典的圖片來(lái)吸引文藝青年的眼球，顯示出整個(gè)網(wǎng)站的風(fēng)格底蘊(yùn)。在視覺(jué)表達(dá)效果上，圖片要力求使人有愉悅的感覺(jué)，在人們?yōu)g覽網(wǎng)頁(yè)的時(shí)候，不僅僅需要從中獲取知識(shí)，還需要得到審美的享受。因此設(shè)計(jì)者要充分考慮畫(huà)面的整體布局，色彩的搭配，繪畫(huà)的風(fēng)格以及畫(huà)面的內(nèi)涵?？茖W(xué)嚴(yán)謹(jǐn)?shù)木W(wǎng)站應(yīng)當(dāng)以簡(jiǎn)約風(fēng)為主，而講求藝術(shù)的網(wǎng)站應(yīng)該追求耳目一新的感覺(jué)，有關(guān)文學(xué)的網(wǎng)站畫(huà)面則需要含蓄唯美。不同的網(wǎng)頁(yè)設(shè)計(jì)要求不同，但是目的是一致的，即取悅目標(biāo)受眾，提高受眾對(duì)該網(wǎng)頁(yè)的認(rèn)可度。

2 色彩與版式設(shè)計(jì)中的運(yùn)用

2.1 色彩在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

色彩能夠確定圖片的風(fēng)格，因此色彩搭配是網(wǎng)頁(yè)設(shè)計(jì)中較為重要的環(huán)節(jié)之一。冷暖色調(diào)不能隨意混搭，否則容易產(chǎn)生強(qiáng)烈的視覺(jué)沖擊，造成不悅感。一般情況下，紅色象征著熱情，奔放與活力，但是紅色與黑色交叉或者漸變，將紅色整體的明亮格調(diào)降低了，畫(huà)面就會(huì)變得陰郁可怖，猶如人喋血一般。天藍(lán)色與明媚的天空顏色相似，能夠給人一種充滿希望的感覺(jué)，而深藍(lán)色與大海，陰沉的天空顏色相近，能給人一種深邃，陰暗的感覺(jué)。紅色與黃色交織，與曙光朝陽(yáng)一樣熠熠生輝，藍(lán)色與紫色共舞，和暗夜跳動(dòng)的精靈一樣魅惑妖冶，不同的色彩呈現(xiàn)出不同的視覺(jué)效果，搭配好了，方能夠渲染出圖片所需表達(dá)的氛圍?；蛘呤翘飯@清新的風(fēng)格，或者是愁云慘霧，大雪紛飛的傷感風(fēng)格，或者是大漠孤煙，長(zhǎng)河落日的悲壯風(fēng)格，總而言之，選用合適的色彩，方能夠很好地表現(xiàn)出網(wǎng)頁(yè)的主題。

2.2 版式設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

版式設(shè)計(jì)影響整體畫(huà)面的效果，一般情況下，網(wǎng)頁(yè)設(shè)計(jì)的版式主要有三種類型，分別是骨骼型，滿版型，分割型。骨骼型類似于一般報(bào)紙的排版，分欄目，分板塊，或橫或豎。骨骼型版面條理清晰，內(nèi)容板塊劃分清楚，適宜設(shè)計(jì)科學(xué)，信息，新聞?lì)愋偷木W(wǎng)頁(yè)。滿版型則是圖片幾乎覆蓋整個(gè)版面的版型，圖片大，能夠比較直觀地傳達(dá)出信息，達(dá)到很好的渲染氣氛的效果。比如說(shuō)一般的文學(xué)網(wǎng)頁(yè)，網(wǎng)站的首頁(yè)以巨大的古風(fēng)壁紙為背景，或者渲染出一種蕭瑟蒼涼的古意，或者渲染出一種溫婉嫵媚的江南風(fēng)情，使人剛點(diǎn)擊進(jìn)入便被其唯美的畫(huà)面所震撼。分割型比較簡(jiǎn)單，即分為上下兩個(gè)板塊，再分別安置圖片和文字。隨著科技的不斷發(fā)展，人們更青睞于使用具有較大視覺(jué)沖擊力的滿版型。在設(shè)計(jì)版面的時(shí)候，需要格外留心標(biāo)題的設(shè)計(jì)，因?yàn)闃?biāo)題通常會(huì)成為整個(gè)版面的點(diǎn)睛之筆。一般情況下，標(biāo)題將被安放在頂端或者右側(cè)，并加粗加大，醒目突出。如果標(biāo)題設(shè)計(jì)出了問(wèn)題，將會(huì)成為整個(gè)版面的敗筆，破壞整體的效果。因此設(shè)計(jì)標(biāo)題時(shí)，需要考慮其與整體風(fēng)格的搭配，比如說(shuō)有關(guān)科技類的網(wǎng)頁(yè)，標(biāo)題不宜過(guò)于花哨，而文學(xué)類的網(wǎng)頁(yè)則需要考究標(biāo)題的字體，因?yàn)殄賱庞辛Φ男胁莼蛘咔逡蓦h秀的小楷顯示出的風(fēng)格是完全不同的。如果整體畫(huà)面比較蒼涼蕭索，則應(yīng)該選擇較為凌亂的字體，如果整體畫(huà)面比較清新明麗，則應(yīng)該選擇比較工整的字體，以搭配整個(gè)畫(huà)面的風(fēng)格。

3 結(jié)語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)元素體系較為龐大繁瑣，但是其不僅具有強(qiáng)大的應(yīng)用功能，還具有強(qiáng)大的審美功能。設(shè)計(jì)者應(yīng)該站在藝術(shù)家和技術(shù)師的角度考慮問(wèn)題，以網(wǎng)頁(yè)的主題為設(shè)計(jì)依據(jù)，設(shè)計(jì)出符合目標(biāo)受眾口味的網(wǎng)頁(yè)。

參考文獻(xiàn)

[1] 公茂蘭.平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用[J].網(wǎng)絡(luò)導(dǎo)報(bào)，在線教育，2012（41）：163-164.

[2] 夏蕾.網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)元素的運(yùn)用分析[J].電子制作，2013（15）：79.

[3] 張晶.網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)元素的應(yīng)用[J].中國(guó)管理信息化，2011，14（17）：146-147.endprint