趙倩

摘 要 本文對網(wǎng)頁設計中視覺構成要素——文字、圖片、色彩等進行了分析，并結(jié)合人們在瀏覽、閱讀時的視覺習慣和認知心理，探討了在網(wǎng)頁設計中如何通過視覺元素優(yōu)化信息的傳達方式，提升用戶獲得目標信息的效率。

關鍵詞 網(wǎng)頁設計 視覺元素 信息傳達

中圖分類號：TP3 文獻標識碼：A

在現(xiàn)代社會，網(wǎng)絡已成為信息傳播的重要渠道和交流工具。網(wǎng)絡是一個處理、傳達信息的平臺，區(qū)別于傳統(tǒng)的媒體而言，網(wǎng)絡具有信息繁雜、高速高效、人機交互等特征。設計者必須充分了解網(wǎng)絡的特征，利用視覺元素將成千上萬的信息進行處理，以清晰的脈絡和有序的方式呈獻給瀏覽者。讓信息更為有效地傳播，是身處于信息化數(shù)字化的今天設計者所必須具備的基本能力。

1國內(nèi)網(wǎng)頁設計中信息傳達存在的問題

縱貫國內(nèi)的網(wǎng)頁設計，普遍存在內(nèi)容排列雜亂、巨量信息堆積而缺乏條理化等問題。這造成瀏覽者視覺疲勞，在網(wǎng)頁瀏覽的過程中找不到重點。例如，標題欄與正文的字體大小、粗細沒有區(qū)分，色彩方案混亂，沒有統(tǒng)一的主題色，這些都導致用戶在瀏覽網(wǎng)頁時注意力被各個強調(diào)的部分分散，沒有清晰的視覺流起點與路線，因此不愿在網(wǎng)頁中長時間停留或進行后續(xù)的訪問瀏覽。

2網(wǎng)頁設計中的視覺要素分析

文字、圖形圖像、色彩和版式是網(wǎng)頁設計中視覺呈現(xiàn)的主要構成內(nèi)容，是組織信息的重要手段。一個優(yōu)秀的網(wǎng)頁設計，其成功之處不僅在于視覺元素的綜合運用給人們帶來的美的享受，同時也體現(xiàn)在信息傳播的有效性。

2.1文字元素

在網(wǎng)頁設計，文字是傳達信息的重要媒介，除了具有傳達內(nèi)容本身的功能，還能激發(fā)情感因素和心理因素，不同字體會在品牌形象的傳達上產(chǎn)生潛移默化的影響。例如，汽車營銷類的網(wǎng)頁設計中，多采用具有男性化特征的無襯線粗體字，而時尚、美容、服飾等行業(yè)網(wǎng)頁中多采用多裝飾、纖細的襯線字體。另外，充分利用字體大小、粗細對于人們視覺誘導力的強弱作用，可以突出重點內(nèi)容與主題，幫助瀏覽者用最短的時間找到目標信息。此外，文字編排密度，如字距、行距等會影響瀏覽者的視覺流，具有良好層次的文字編排可以幫助用戶梳理出清晰的閱讀路線，在密密麻麻的海量信息中進行自由、流暢的選擇。

2.2圖形圖像元素

相對于文字的信息傳達，圖片和圖形更為直觀和生動。與書籍等傳統(tǒng)媒體不同的是，瀏覽網(wǎng)頁的過程是連續(xù)的，可選擇的，用戶對信息的接收是非單線性的。信息的隱藏、展開以及跳轉(zhuǎn)在很大程度上依賴于圖形的引導。設計師要考慮用戶的認知心理，從造型、色彩出發(fā)，注意圖形語義表達的準確性，讓圖形與瀏覽者認知熟悉度相適應。例如，在網(wǎng)頁設計中左右翻頁與返回頂部的按鈕設計，多采用人們?nèi)粘Ｉ钪惺煜さ募^來引導，這樣可以減少用戶對于這一圖形寓意的認知時間，從而留下易于操作的良好印象。基于對常用符號的認知程度，人們可以根據(jù)自己的需求將內(nèi)容展開或關閉，保持頁面的簡潔。

2.3色彩元素

色彩是網(wǎng)頁設計中具有高刺激性的視覺元素，可以表達感情，喚起情緒。例如，紅色讓人產(chǎn)生沖動、熱情的感覺，綠色代表了希望和健康，白色給人純凈、清潔的感受。很多網(wǎng)頁設計利用了色彩的情感象征。例如浪琴手表的官網(wǎng)采用了給人沉穩(wěn)、低調(diào)感受的深藍色，恰如其分地傳達了該品牌形象；索尼官網(wǎng)采用黑色為背景色，代表未來感與科技感的湖藍色為主題色，色彩方案一致，層次清晰。

2.4版式元素

網(wǎng)頁設計中，信息密度和位置會影響人的信息搜索的效率，這要求設計師善于運用合理、清晰的版式布局安排信息。例如，根據(jù)人們從左到右、從上到下的閱讀瀏覽習慣，網(wǎng)頁中的導航、動態(tài)等重要信息一般安排在網(wǎng)頁中的左側(cè)或頂部，方便人們搜索。

3優(yōu)化信息傳達的設計方法

3.1對比與調(diào)和

對比是指具有明顯視覺差異因素的并置，如色彩對比、大小對比、虛實對比等；調(diào)和是指在不同視覺元素中尋找協(xié)調(diào)的因素。運用到網(wǎng)頁設計中，體現(xiàn)為弱化背景信息，減少其與目標信息的相似性。例如，文字的大小據(jù)內(nèi)容的重要性而有所變化，重要信息可適當采用高明度、高飽和度的色彩進行強調(diào)。但要注意色彩的選擇數(shù)量與面積，達到整體頁面的調(diào)和一致。

3.2對稱與均衡

所謂均衡，是指兩種不同色塊、形狀、密度等在視覺體量上的穩(wěn)定感。在很多川字型的版式布局中，小面積的部分常采用深色，安排導航欄等，大面積的內(nèi)容區(qū)域，通常為淺色，達到視覺重心的平衡。對稱是一種最簡單的均衡，例如在圖像處理的排版中，很多網(wǎng)站采用方形圖這樣大小統(tǒng)一、間距一致的對稱方式，方便用戶在整齊有序的排列中找到自己感興趣的內(nèi)容。

3.3節(jié)奏和韻律

節(jié)奏產(chǎn)生于對立視覺元素的并置和連續(xù)呈現(xiàn)，韻律產(chǎn)生于節(jié)奏。色彩、比例等特征的重復形成了節(jié)奏，利用版式的重復、圖形、色彩等相同元素的重復讓用戶快速適應網(wǎng)頁板塊分布特征，易于使用。

4結(jié)語

設計最終是為人服務的，把用戶需求放在第一位是網(wǎng)頁設計發(fā)展的趨向，也是設計倫理中以人為本的重要體現(xiàn)。如何運用視覺元素，減少干擾，提高瀏覽者在接收信息過程中的效率，從而提升其體驗的愉悅度，是網(wǎng)頁設計追求的重要目標。

參考文獻

[1] 恵巖，顧群業(yè).網(wǎng)頁藝術設計[M].濟南：山東教育出版社，2012.

[2] 侯慧俊，錢永寧.網(wǎng)頁界面設計創(chuàng)意指南[M].上海：上?？茖W技術文獻出版社，2009.

[3] 鬲波飛.網(wǎng)頁設計之視覺信息傳達分析[J].湖南大學學報（社會科學版），2001，15（4）：187-189.