趙志茹

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

關鍵詞：網(wǎng)頁設計 平面視覺元素 運用

中圖分類號：TP393.0 文獻標識碼：A 文章編號：1674-098X（2014）07（b）-0209-01

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

1 文字和圖形圖像中的運用

1.1 文字設計在網(wǎng)頁設計中的運用

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

1.2 圖形圖像在網(wǎng)頁設計中的運用

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

2 色彩與版式設計中的運用

2.1 色彩在網(wǎng)頁設計中的運用

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

2.2 版式設計在網(wǎng)頁設計中的運用

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

3 結語

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

參考文獻

[1] 公茂蘭.平面視覺元素在網(wǎng)頁設計中的運用[J].網(wǎng)絡導報，在線教育，2012（41）：163-164.

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

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