探討平面視覺元素在網頁設計中的運用

趙志茹

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

關鍵詞：網頁設計 平面視覺元素 運用

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

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

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

1.1 文字設計在網頁設計中的運用

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

1.2 圖形圖像在網頁設計中的運用

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

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

2.1 色彩在網頁設計中的運用

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

2.2 版式設計在網頁設計中的運用

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

3 結語

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

參考文獻

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

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

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