溫海猛
摘要:網頁設計發展到今天異彩紛呈,同時也出現了設計不足與設計過度的問題,忽略了網站存在和設計的本意。網站需要實現一定的功能才有存在的意義。設計的意義更應該在于引導,使用戶順利和愉悅地完成需求。
關鍵詞:網頁;設計初衷;合適的設計
一、網頁設計的設計不足與設計過度
設計不足指的是設計出來的網頁應用性差,擴展性不強,不能靈活的應對用戶的需求。設計過度則是指設計出來的網頁復雜臃腫,過多的信息擁擠在一個頁面,過度的修飾影響了內容信息,用無謂的技巧嘩眾取寵,把簡單的問題搞復雜了。從一定意義上說,過度設計和設計不足都未能達成設計目的,是“設計錯誤”的一種形式。設計有“度”,它不在于一味追求繁復精美、或一味追求極簡,而在于追溯設計的本意,而產生合適的設計。
二、回歸生活的本源,摒棄夸張的設計,做合適的設計
日本著名設計師深澤直人強調通過有意識的設計,來實現無意識的行為,給人有意味的享受。對細節和情感的關注,讓設計融入人文關懷,使產品不僅功能可靠,而且平易近人。技術繼續向前發展,所有的產品最后都會變小變消失,但人們需要的那些作用、功能還在。因此,反思設計的初心,它不應是設計某一具體的東西,而是處理好功能與人之間的關系,這才是設計師的工作。就網頁設計來說,網絡技術和設備向前發展,網絡信息的載體從電腦向手持移動端發展,人們依舊會瀏覽網頁獲得信息。因此,設計師所做的看似只是網頁設計,而實際卻是在處理用戶與網絡信息的關系,使其傳達更準確、更順暢、更自然。諾曼博士曾告訴用戶,產品難用不是你的錯,而是產品的錯、設計師的錯!
三、不為裝飾而裝飾,不為設計而設計
網頁及網站更應該是一個產品,具有功能性、實用性。處理好網頁與用戶的交互關系,需前臺頁面的信息處理和后臺程序的優化。網站主頁的信息是網站的總覽,網頁設計成敗的關鍵,設計不能多也不能少,站在用戶的立場,回歸設計的本源。
(一)、使用和諧的色彩。網頁用色掌握一定的度,既不能簡單乏味,也不能喧賓奪主。用色的目的是建立良好的視覺環境,引導舒適的視覺流程。考慮到大多數用戶的年齡、行業特征來確定的網頁色彩搭配,往往更能達到目的。比如商務網站的色彩需要傳遞出可靠、合作、高效等,它們的色調宜為灰色調;而校園論壇的色調則完全不同。不管風格與色調如何匹配多變,但色彩對于網頁內容的信息傳遞的輔助功能是絕對不變的。色彩與網站整體內容和風格匹配,營造網站情感氛圍,才能打動瀏覽者。近幾年網頁設計的用色緊隨設計潮流,流行色實時變化。目前存在的網頁配色方式不外乎三種方式:(1)超大色塊或超大圖片的網頁或背景,視覺感染力強,可以更好地營造氛圍,直接地影響瀏覽者的心理。(2)鄰近色、低明度配色形成弱對比,產生變化且有節奏感。(3)形成色塊、圖片塊、文字塊形成模塊組合,尤其需要注意色塊與圖片色調的搭配和諧。網頁色彩設計的最高境界,是用戶感覺不到色彩的存在,卻又實實在在被網站吸引繼續瀏覽或點擊。
(二)、不多也不少的導航信息。導航信息是網頁的重要部分。傳統的導航欄可以看作一個網站的“目錄”。客戶往往希望導航欄目越多越好、越細越好,生怕用戶找不到想要的信息。但事實并非如此,目錄越長反而越難有效快速地找到目標。有研究表明,一個復雜的網站,至多7個欄目的導航是最易用的。導航也可以有很多種方式,比如現在很多的高校網站除了傳統的導航欄目,還增加了按用戶身份分類的導航,學生、老師、考生等不同身份所關注的網站內容側重點不同,分類下的導航內容也不同。這樣極大的略掉了與己不相干的多余信息,節省了瀏覽者時間,提升了用戶體驗。
(三)、主次分明的信息傳達。網頁的首要目的是傳遞信息。在網頁上創建一個舒適的、易于用戶瀏覽的視覺流程是必要的。分清網站內容的層級和關系,明確傳遞的信息的主次并以此來規劃網站和首頁。傳統的網頁設計通常會把希望用戶最先關注的信息放在banner位置,這也是迎合了用戶的從上至下、從左到右的瀏覽習慣,然后再分類、分欄裝填信息等。這種網頁往往不會出現大的錯誤,當然也不會令用戶記住。要想網頁的信息層次更加分明,應從這幾個方面加強:(1)僅此唯一。網絡技術的支持使得網頁可以自適應用戶顯示器尺寸并分屏滾動顯示,那么,對于信息單一或有遞進關系的內容網頁便可以此達到效果,如蘋果手機官網推出5S時的網站設計。(2)更大的首要顯示區塊。相比傳統媒介網頁雖有無限的縱深延展,但用戶顯示器的屏幕尺寸是固定的,更大的首要顯示區塊目的就是占領網頁第一屏的大面積區域,沖擊用戶眼球,達到首要信息傳遞目的。(3)恰當地運用形狀與色彩。點線面等基本形狀與內容區塊配合,可以起到指示、提示的作用,配用合適的色彩,一定程度上可以提高關注度。圖形的色彩,與大背景色或大色塊的烘托氣氛的作用不同,它的主要作用在于點綴和形成小的對比,活躍網站整體氣氛。當然,裝飾性圖形并非越多越好,達到強調信息、信息分清主次即可,過多反而會沖擊網頁主要內容的關注度。
四、結語
設計是科學與藝術的結合,網頁設計更是如此。網站更像是一個產品,注重本身的功能實現,滿足用戶需求,避免設計不足造成功能實現的缺陷,或設計過度造成的信息繁雜不清。
【參考文獻】
唐納德-A-諾曼著.設計心理學[M].中信出版社,2010