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

趙志茹

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 結(jié)語

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

參考文獻(xiàn)

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

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

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