網(wǎng)站設(shè)計之美
標(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é)合目前實際,給出幾條粗淺的見解,如何成網(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)/項目)做設(shè)計,能得到答案了。 ·內(nèi)容之美 請問有多少訪問GOOGLE的用戶是為了欣賞它的美麗的?百度呢?FACEBOOK?SOHU?SINA?恐怕即使有也僅是很少的特別用戶,例如設(shè)計師。這類站點(diǎn)吸引人的地方并不是它們的設(shè)計,它們不因為美而聞名。它們因為功能而受歡迎,因為新鮮的內(nèi)容而受關(guān)注。這也是基本定律之一。沒有人會僅僅為了吸收美麗的版面設(shè)計而常來TAOBAO或者口碑,用戶來是因為站點(diǎn)滿足了他們某方面的需求。當(dāng)然,也存在那種很大程度上依賴外觀來吸引人的產(chǎn)品,APPLE是一個神話,但那種創(chuàng)新的勇氣和魄力不是一般其他公司所能比的。 ·視覺與情感 對訪問者來說,在使用產(chǎn)品或者滿足其需求的同時,如果能操作更簡單、流程更順利、視覺感受到的東西和當(dāng)時內(nèi)容表現(xiàn)的情感能相互烘托,而帶來某種額外的滿足或者心情的愉悅,那么,也可以看作是對美的一種潛在需求。 ·效率之美 這點(diǎn)是從公司運(yùn)行的層面來看的,即保證有限資源在流程中不成為項目的瓶頸,用最少的資源達(dá)到較優(yōu)的效果。時間管理的培訓(xùn)中曾提到,往往花%的時間能完成80%的事情,而剩下的%的事情,卻要用80%的時間來完成。效率之美,在于它的過程,不影響整體流程進(jìn)度、節(jié)省資源,同時也能有更多的精力投入到更需要的、更重要的地方去(例如用戶體驗研究)。 什么是美 簡單的(很可能是還不夠的)了解了一下各個方面對美的訴求,讓我們再回頭看看,對一個大型綜合類站點(diǎn)來說,究竟什么才是設(shè)計之美。 ·簡單or繁復(fù) 這個有點(diǎn)TO BE OR NOT TO BE的味道,簡單呢?還是繁復(fù)?貌似很難回答。當(dāng)把這個問題帶到一個實際項目中去的時候,更難客觀把握。OK,我們剛剛了解過美的訴求,現(xiàn)在不妨帶入這里看一下。條,不管簡單還是繁復(fù),應(yīng)當(dāng)以商業(yè)需求為目的。恩,不過貌似并沒有解決問題,再看。第2條,需要顯現(xià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)實、徹底、無縫可鉆,放也要放的徹底、自如,這樣才相得益彰。 4、優(yōu)化流程和規(guī)范,提高適用和復(fù)用性,一方面滿足了整站風(fēng)格統(tǒng)一的需求,另外也滿足了效率的訴求。 另外,無意中發(fā)現(xiàn),上面說的幾點(diǎn)貌似和現(xiàn)在的2。0設(shè)計風(fēng)格相吻合,也許正是“理論聯(lián)系實際”?~:) ·比美更美——體驗與交互設(shè)計 設(shè)計之美,終究也只是“看起來很美”,比美更“美”的,是過程之美、交互之美。 像人一樣,外表只是表面,交互和體驗像一個人的言談舉止、待人接物。比外表更能打動人的,是內(nèi)心。哪怕如上面所說,站點(diǎn)的設(shè)計成分減少到足夠少,甚至簡陋的少(像GOOGLE?)但是每一個鏈接、每一個點(diǎn)擊、每一步操作都是經(jīng)過縝密思考,讓用戶握著鼠標(biāo)都覺得軟綿綿的,心里飄然的柔軟起來,那也是一種深刻的印象,如同一個人的聲音和氣味,能給你更多的愉悅一樣。那不是不能做到的,只是需要大量的努力罷了。 如何成網(wǎng)站設(shè)計之美 上面說了什么是美,那么結(jié)合目前的情況,如何實現(xiàn)呢? ·在一切開始之前 中文在準(zhǔn)確性上確實稍微欠缺,這條如果叫before all更確切了。一方面,是在談其他的之前,另一方面,它是基礎(chǔ),最重要的。 其實很簡單一句話,一個臭雞蛋,即使畫上再漂亮的外殼,也依然是一個臭雞蛋。 很多時候,設(shè)計都是從信息結(jié)構(gòu)和頁面框架圈定了之后開始的,而在做信息結(jié)構(gòu)的時候,由于沒有去考慮所謂“和諧、統(tǒng)一、美”的問題,往往把設(shè)計圈在一個尷尬的境地。 在做設(shè)計之前,請完善站點(diǎn)的信息結(jié)構(gòu)吧!出色的信息結(jié)構(gòu)即使不加任何設(shè)計,也很漂亮。一個糟糕的信息結(jié)構(gòu)(商業(yè)需求會要求糟糕的信息結(jié)構(gòu)嗎?它為什么會存在呢?)即使用濃重的設(shè)計加以改善和彌補(bǔ),也一定是會漏洞百出、矛盾不斷的。所以,雖然設(shè)計是用來解決問題的,但是它不是狗皮膏藥,哪里都管的。遇到什么矛盾的東西都想通過設(shè)計來處理的方法是簡單粗暴的。遇到這類問題的時候,除了看看設(shè)計上能否優(yōu)化之外,信息結(jié)構(gòu)方面是否已經(jīng)優(yōu)化清晰了呢?是否是因為信息結(jié)構(gòu)的矛盾而導(dǎo)致了設(shè)計的問題?而經(jīng)驗來看,信息結(jié)構(gòu)的矛盾,往往都會帶來邏輯上的漏洞,也是說,線上產(chǎn)品的使用邏輯和線下積累的同類操作的邏輯是不同甚至抵觸的。這對用戶認(rèn)知和體驗的影響可想而知。 總之,它很重要,請不要把它和設(shè)計割裂開。 ·一個點(diǎn)or每個點(diǎn) 上面其實已經(jīng)稍微提及了這個問題。一個點(diǎn)or每個點(diǎn)。這個是我在看某個類似門戶的頁面的時候想到的問題。我看著那頁面問自己,WHAT‘S THE POINT?WHAT DO U WANT TO SAY?呱啦呱啦呱啦呱啦~~~~它一直在說,但是SORRY,我真的不知道你在說什么。你滿屏都是文字,每個標(biāo)題欄顏色都很顯眼,這很好理解,但是我該從哪里開始呢?哪里才是重點(diǎn)呢?下面的圖可能能幫你理解我的意思 ·給我內(nèi)容! 讓我看到我要的內(nèi)容!讓我順暢的使用我要的功能!別遮蔽它們,別讓它們陷在一堆濃重又無關(guān)的裝飾圖片里面找不著,被讓他們的顏色那么刺眼,別讓什么你認(rèn)為很重要的東西打擾我,即使你有一堆我根本不想聽的理由。而且,別讓我思考,這2個看起來一樣的東西到底該