從視覺元素談網(wǎng)頁設(shè)計中的信息傳達(dá)

趙倩

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

關(guān)鍵詞 網(wǎng)頁設(shè)計 視覺元素 信息傳達(dá)

中圖分類號：TP3 文獻(xiàn)標(biāo)識碼：A

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

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

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

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

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

2.1文字元素

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

2.2圖形圖像元素

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

2.3色彩元素

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

2.4版式元素

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

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

3.1對比與調(diào)和

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

3.2對稱與均衡

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

3.3節(jié)奏和韻律

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

4結(jié)語

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

參考文獻(xiàn)

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

[2] 侯慧俊，錢永寧.網(wǎng)頁界面設(shè)計創(chuàng)意指南[M].上海：上海科學(xué)技術(shù)文獻(xiàn)出版社，2009.

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