網(wǎng)站設(shè)計之美
發(fā)布時間:2013-01-31 閱讀數(shù): 次 來源:網(wǎng)樂原科技
前言
標(biāo)題有點(diǎn)大的,確切點(diǎn)說這里討論的是“大型綜合網(wǎng)站的設(shè)計之美”,區(qū)別于個人站點(diǎn)和一些SHOW類型的公司站點(diǎn)。
話題是前2天提到的關(guān)于站點(diǎn)設(shè)計的“美”的問題想到的。究竟對一個較大的綜合性網(wǎng)站來說,如何的設(shè)計表現(xiàn)才算是得體、到位?如何才能算得上是一個“美”的站點(diǎn)?
本文分3個部分:
首先大致分析下各方面對設(shè)計(部門)的訴求是什么;
然后再回頭看看,對于這些訴求,究竟什么才是“美”,和我們原本想象的有沒有差別;
最后,結(jié)合目前實(shí)際,給出幾條粗淺的見解,如何成就網(wǎng)站設(shè)計之美;
對美的需求
OK,設(shè)計之美,什么是設(shè)計之美呢?還是先從各方面對美的訴求開始簡單看一下吧
·商業(yè)設(shè)計服務(wù)于商業(yè)目標(biāo)
在所有的訴求之前,有一條商業(yè)設(shè)計基本定律,即一切商業(yè)設(shè)計服務(wù)于商業(yè)目標(biāo)的訴求。這是最基本也是最核心的。但是說起來簡單,理解執(zhí)行徹底卻不是那么容易。有的時候,對于一些問題,我們?nèi)绻潇o下,回到初始狀態(tài)來仔細(xì)想一想,我們?yōu)槭裁匆ńo一個站點(diǎn)/項(xiàng)目)做設(shè)計,就能得到答案了。
·內(nèi)容之美
請問有多少訪問GOOGLE的用戶是為了欣賞它的美麗的?百度呢?FACEBOOK?SOHU?SINA?恐怕即使有也僅是很少的特別用戶,例如設(shè)計師。這類站點(diǎn)吸引人的地方并不是它們的設(shè)計,它們不因?yàn)槊蓝劽?。它們因?yàn)楣δ芏軞g迎,因?yàn)樾迈r的內(nèi)容而受關(guān)注。這也是基本定律之一。沒有人會僅僅為了吸收美麗的版面設(shè)計而常來TAOBAO或者口碑,用戶來是因?yàn)檎军c(diǎn)滿足了他們某方面的需求。當(dāng)然,也存在那種很大程度上依賴外觀來吸引人的產(chǎn)品,APPLE是一個神話,但那種創(chuàng)新的勇氣和魄力絕對不是一般其他公司所能比的。
·視覺與情感
對訪問者來說,在使用產(chǎn)品或者滿足其需求的同時,如果能操作更簡單、流程更順利、視覺感受到的東西和當(dāng)時內(nèi)容表現(xiàn)的情感能相互烘托,而帶來某種額外的滿足或者心情的愉悅,那么,也可以看作是對美的一種潛在需求。
·效率之美
這點(diǎn)是從公司運(yùn)行的層面來看的,即保證有限資源在流程中不成為項(xiàng)目的瓶頸,用最少的資源達(dá)到較優(yōu)的效果。時間管理的培訓(xùn)中曾提到,往往花20%的時間就能完成80%的事情,而剩下的20%的事情,卻要用80%的時間來完成。效率之美,在于它的過程,不影響整體流程進(jìn)度、節(jié)省資源,同時也就能有更多的精力投入到更需要的、更重要的地方去(例如用戶體驗(yàn)研究)。
什么是美
簡單的(很可能是還不夠全面的)了解了一下各個方面對美的訴求,讓我們再回頭看看,對一個大型綜合類站點(diǎn)來說,究竟什么才是設(shè)計之美。
·簡單or繁復(fù)
這個有點(diǎn)TO BE OR NOT TO BE的味道,簡單呢?還是繁復(fù)?貌似很難回答。當(dāng)把這個問題帶到一個實(shí)際項(xiàng)目中去的時候,就更難客觀把握。OK,我們剛剛了解過美的訴求,現(xiàn)在不妨帶入這里看一下。第一條,不管簡單還是繁復(fù),應(yīng)當(dāng)以商業(yè)需求為目的。恩,不過貌似并沒有解決問題,再看。第2條,需要顯現(xiàn)出(這里沒有使用“突出”這個詞,因?yàn)檫@個動詞往往被理解為“用設(shè)計上的著重表現(xiàn)手法使其明顯”)內(nèi)容和功能,并不一定要設(shè)計得很復(fù)雜,只要內(nèi)容和功能能顯現(xiàn)并被正確使用和理解就好了。再看第3條,在不影響內(nèi)容和功能使用的基礎(chǔ)上,能額外的帶給用戶情感的愉悅。最后,要開發(fā)、維護(hù)成本低。
看起來有矛盾的地方,但是基本還是很清楚的:
1、最基本的,站點(diǎn)的表現(xiàn)(叫設(shè)計也好,叫修飾也好),應(yīng)該以能條理清晰的展現(xiàn)內(nèi)容、準(zhǔn)確無誤的引導(dǎo)使用功能為準(zhǔn)。
如果太過簡陋,條理不清晰,糊在一起,則設(shè)計不夠;如果設(shè)計成分,如標(biāo)題欄背景、裝飾圖片等吸引了注意力,影響了對內(nèi)容本身的注意,則設(shè)計太過。
2、在完成以上最基本的訴求之后,可以適當(dāng)?shù)狞c(diǎn)睛之筆來滿足視覺和情感上的訴求。但是忌多忌濫忌喧兵奪主忌為了設(shè)計而設(shè)計。
一個頁面,在1-2處以精致的圖標(biāo)或者小創(chuàng)意為著色點(diǎn),可以極盡發(fā)揮,生動有趣、酷眩動人,不影響其他內(nèi)容的理解和閱讀,又讓整個頁面生動活潑、不失風(fēng)味。但是千萬不能說為了這里要好看,所以就生硬的找?guī)讉€地方濃墨重彩。相反,修飾應(yīng)該都是帶有目的性的,為什么要修飾它,為什么要這么修飾,都是有講究的。
3、有的時候,商業(yè)需求需要做一些特殊的調(diào)整,例如活動和專題類,或者一些需要強(qiáng)烈引導(dǎo)的地方,可以做適當(dāng)?shù)恼{(diào)整。但是要注意適度。
活動和專題是最簡單直接的商業(yè)需求,對設(shè)計往往有特殊的不同要求,這里就是需要設(shè)計大力潑灑的地方,可以和主站有所不同。這時候就不應(yīng)拘束,要放開手腳以取得特殊需求下的效果最大化。收就要收的嚴(yán)實(shí)、徹底、無縫可鉆,放也要放的徹底、自如,這樣才相得益彰。
4、優(yōu)化流程和規(guī)范,提高適用和復(fù)用性,一方面滿足了整站風(fēng)格統(tǒng)一的需求,另外也滿足了效率的訴求。