淺談回到原點(diǎn)的網(wǎng)頁(yè)設(shè)計(jì)

溫海猛

摘要：網(wǎng)頁(yè)設(shè)計(jì)發(fā)展到今天異彩紛呈，同時(shí)也出現(xiàn)了設(shè)計(jì)不足與設(shè)計(jì)過(guò)度的問(wèn)題，忽略了網(wǎng)站存在和設(shè)計(jì)的本意。網(wǎng)站需要實(shí)現(xiàn)一定的功能才有存在的意義。設(shè)計(jì)的意義更應(yīng)該在于引導(dǎo)，使用戶(hù)順利和愉悅地完成需求。

關(guān)鍵詞：網(wǎng)頁(yè);設(shè)計(jì)初衷;合適的設(shè)計(jì)

一、網(wǎng)頁(yè)設(shè)計(jì)的設(shè)計(jì)不足與設(shè)計(jì)過(guò)度

設(shè)計(jì)不足指的是設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)應(yīng)用性差，擴(kuò)展性不強(qiáng)，不能靈活的應(yīng)對(duì)用戶(hù)的需求。設(shè)計(jì)過(guò)度則是指設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)復(fù)雜臃腫，過(guò)多的信息擁擠在一個(gè)頁(yè)面，過(guò)度的修飾影響了內(nèi)容信息，用無(wú)謂的技巧嘩眾取寵，把簡(jiǎn)單的問(wèn)題搞復(fù)雜了。從一定意義上說(shuō)，過(guò)度設(shè)計(jì)和設(shè)計(jì)不足都未能達(dá)成設(shè)計(jì)目的，是“設(shè)計(jì)錯(cuò)誤”的一種形式。設(shè)計(jì)有“度”，它不在于一味追求繁復(fù)精美、或一味追求極簡(jiǎn)，而在于追溯設(shè)計(jì)的本意，而產(chǎn)生合適的設(shè)計(jì)。

二、回歸生活的本源，摒棄夸張的設(shè)計(jì)，做合適的設(shè)計(jì)

日本著名設(shè)計(jì)師深澤直人強(qiáng)調(diào)通過(guò)有意識(shí)的設(shè)計(jì)，來(lái)實(shí)現(xiàn)無(wú)意識(shí)的行為，給人有意味的享受。對(duì)細(xì)節(jié)和情感的關(guān)注，讓設(shè)計(jì)融入人文關(guān)懷，使產(chǎn)品不僅功能可靠，而且平易近人。技術(shù)繼續(xù)向前發(fā)展，所有的產(chǎn)品最后都會(huì)變小變消失，但人們需要的那些作用、功能還在。因此，反思設(shè)計(jì)的初心，它不應(yīng)是設(shè)計(jì)某一具體的東西，而是處理好功能與人之間的關(guān)系，這才是設(shè)計(jì)師的工作。就網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，網(wǎng)絡(luò)技術(shù)和設(shè)備向前發(fā)展，網(wǎng)絡(luò)信息的載體從電腦向手持移動(dòng)端發(fā)展，人們依舊會(huì)瀏覽網(wǎng)頁(yè)獲得信息。因此，設(shè)計(jì)師所做的看似只是網(wǎng)頁(yè)設(shè)計(jì)，而實(shí)際卻是在處理用戶(hù)與網(wǎng)絡(luò)信息的關(guān)系，使其傳達(dá)更準(zhǔn)確、更順暢、更自然。諾曼博士曾告訴用戶(hù)，產(chǎn)品難用不是你的錯(cuò)，而是產(chǎn)品的錯(cuò)、設(shè)計(jì)師的錯(cuò)！

三、不為裝飾而裝飾，不為設(shè)計(jì)而設(shè)計(jì)

網(wǎng)頁(yè)及網(wǎng)站更應(yīng)該是一個(gè)產(chǎn)品，具有功能性、實(shí)用性。處理好網(wǎng)頁(yè)與用戶(hù)的交互關(guān)系，需前臺(tái)頁(yè)面的信息處理和后臺(tái)程序的優(yōu)化。網(wǎng)站主頁(yè)的信息是網(wǎng)站的總覽，網(wǎng)頁(yè)設(shè)計(jì)成敗的關(guān)鍵，設(shè)計(jì)不能多也不能少，站在用戶(hù)的立場(chǎng)，回歸設(shè)計(jì)的本源。

（一）、使用和諧的色彩。網(wǎng)頁(yè)用色掌握一定的度，既不能簡(jiǎn)單乏味，也不能喧賓奪主。用色的目的是建立良好的視覺(jué)環(huán)境，引導(dǎo)舒適的視覺(jué)流程?？紤]到大多數(shù)用戶(hù)的年齡、行業(yè)特征來(lái)確定的網(wǎng)頁(yè)色彩搭配，往往更能達(dá)到目的。比如商務(wù)網(wǎng)站的色彩需要傳遞出可靠、合作、高效等，它們的色調(diào)宜為灰色調(diào);而校園論壇的色調(diào)則完全不同。不管風(fēng)格與色調(diào)如何匹配多變，但色彩對(duì)于網(wǎng)頁(yè)內(nèi)容的信息傳遞的輔助功能是絕對(duì)不變的。色彩與網(wǎng)站整體內(nèi)容和風(fēng)格匹配，營(yíng)造網(wǎng)站情感氛圍，才能打動(dòng)瀏覽者。近幾年網(wǎng)頁(yè)設(shè)計(jì)的用色緊隨設(shè)計(jì)潮流，流行色實(shí)時(shí)變化。目前存在的網(wǎng)頁(yè)配色方式不外乎三種方式：（1）超大色塊或超大圖片的網(wǎng)頁(yè)或背景，視覺(jué)感染力強(qiáng)，可以更好地營(yíng)造氛圍，直接地影響瀏覽者的心理。（2）鄰近色、低明度配色形成弱對(duì)比，產(chǎn)生變化且有節(jié)奏感。（3）形成色塊、圖片塊、文字塊形成模塊組合，尤其需要注意色塊與圖片色調(diào)的搭配和諧。網(wǎng)頁(yè)色彩設(shè)計(jì)的最高境界，是用戶(hù)感覺(jué)不到色彩的存在，卻又實(shí)實(shí)在在被網(wǎng)站吸引繼續(xù)瀏覽或點(diǎn)擊。

（二）、不多也不少的導(dǎo)航信息。導(dǎo)航信息是網(wǎng)頁(yè)的重要部分。傳統(tǒng)的導(dǎo)航欄可以看作一個(gè)網(wǎng)站的“目錄”?？蛻?hù)往往希望導(dǎo)航欄目越多越好、越細(xì)越好，生怕用戶(hù)找不到想要的信息。但事實(shí)并非如此，目錄越長(zhǎng)反而越難有效快速地找到目標(biāo)。有研究表明，一個(gè)復(fù)雜的網(wǎng)站，至多7個(gè)欄目的導(dǎo)航是最易用的。導(dǎo)航也可以有很多種方式，比如現(xiàn)在很多的高校網(wǎng)站除了傳統(tǒng)的導(dǎo)航欄目，還增加了按用戶(hù)身份分類(lèi)的導(dǎo)航，學(xué)生、老師、考生等不同身份所關(guān)注的網(wǎng)站內(nèi)容側(cè)重點(diǎn)不同，分類(lèi)下的導(dǎo)航內(nèi)容也不同。這樣極大的略掉了與己不相干的多余信息，節(jié)省了瀏覽者時(shí)間，提升了用戶(hù)體驗(yàn)。

（三）、主次分明的信息傳達(dá)。網(wǎng)頁(yè)的首要目的是傳遞信息。在網(wǎng)頁(yè)上創(chuàng)建一個(gè)舒適的、易于用戶(hù)瀏覽的視覺(jué)流程是必要的。分清網(wǎng)站內(nèi)容的層級(jí)和關(guān)系，明確傳遞的信息的主次并以此來(lái)規(guī)劃網(wǎng)站和首頁(yè)。傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)通常會(huì)把希望用戶(hù)最先關(guān)注的信息放在banner位置，這也是迎合了用戶(hù)的從上至下、從左到右的瀏覽習(xí)慣，然后再分類(lèi)、分欄裝填信息等。這種網(wǎng)頁(yè)往往不會(huì)出現(xiàn)大的錯(cuò)誤，當(dāng)然也不會(huì)令用戶(hù)記住。要想網(wǎng)頁(yè)的信息層次更加分明，應(yīng)從這幾個(gè)方面加強(qiáng)：（1）僅此唯一。網(wǎng)絡(luò)技術(shù)的支持使得網(wǎng)頁(yè)可以自適應(yīng)用戶(hù)顯示器尺寸并分屏滾動(dòng)顯示，那么，對(duì)于信息單一或有遞進(jìn)關(guān)系的內(nèi)容網(wǎng)頁(yè)便可以此達(dá)到效果，如蘋(píng)果手機(jī)官網(wǎng)推出5S時(shí)的網(wǎng)站設(shè)計(jì)。（2）更大的首要顯示區(qū)塊。相比傳統(tǒng)媒介網(wǎng)頁(yè)雖有無(wú)限的縱深延展，但用戶(hù)顯示器的屏幕尺寸是固定的，更大的首要顯示區(qū)塊目的就是占領(lǐng)網(wǎng)頁(yè)第一屏的大面積區(qū)域，沖擊用戶(hù)眼球，達(dá)到首要信息傳遞目的。（3）恰當(dāng)?shù)剡\(yùn)用形狀與色彩。點(diǎn)線(xiàn)面等基本形狀與內(nèi)容區(qū)塊配合，可以起到指示、提示的作用，配用合適的色彩，一定程度上可以提高關(guān)注度。圖形的色彩，與大背景色或大色塊的烘托氣氛的作用不同，它的主要作用在于點(diǎn)綴和形成小的對(duì)比，活躍網(wǎng)站整體氣氛。當(dāng)然，裝飾性圖形并非越多越好，達(dá)到強(qiáng)調(diào)信息、信息分清主次即可，過(guò)多反而會(huì)沖擊網(wǎng)頁(yè)主要內(nèi)容的關(guān)注度。

四、結(jié)語(yǔ)

設(shè)計(jì)是科學(xué)與藝術(shù)的結(jié)合，網(wǎng)頁(yè)設(shè)計(jì)更是如此。網(wǎng)站更像是一個(gè)產(chǎn)品，注重本身的功能實(shí)現(xiàn)，滿(mǎn)足用戶(hù)需求，避免設(shè)計(jì)不足造成功能實(shí)現(xiàn)的缺陷，或設(shè)計(jì)過(guò)度造成的信息繁雜不清。

【參考文獻(xiàn)】

唐納德-A-諾曼著.設(shè)計(jì)心理學(xué)[M].中信出版社，2010