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