網頁設計畢業論文,確切點說這里討論的是“大型綜合網站的設計之美”,區別于個人站點和一些SHOW類型的公司站點。
在做設計之前,請完善站點的信息結構吧!出色的信息結構即使不加任何設計,也絕對很漂亮。一個糟糕的信息結構(商業需求會要求糟糕的信息結構嗎?它為什么會存在呢?)即使用濃重的設計加以改善和彌補,也一定是會漏洞百出、矛盾不斷的。圖派公司作為深圳網站建設、網頁設計、互動設計、動畫設計、web程序開發及網絡傳播服務提供商。所以,雖然設計是用來解決問題的,但是它不是狗皮膏藥,哪里都管的。遇到什么矛盾的東西都想通過設計來處理的方法是簡單粗暴的。遇到這類問題的時候,除了看看設計上能否優化之外,信息結構方面是否已經優化清晰了呢?是否是因為信息結構的矛盾而導致了設計的問題?而就經驗來看,信息結構的矛盾,往往都會帶來邏輯上的漏洞,也就是說,線上產品的使用邏輯和線下積累的同類操作的邏輯是不同甚至抵觸的。這對用戶認知和體驗的影響可想而知。
話題是前2天提到的房地產廣告文案范文,關于站點設計的“美”的問題想到的。究竟對一個較大的綜合性網站來說,如何的設計表現才算是得體、到位?如何才能算得上是一個“美”的站點?
本文分3個部分:
首先大致分析下各方面對設計(部門)的訴求是什么;
然后再回頭看看,對于這些訴求,究竟什么才是“美”,和我們原本想象的有沒有差別;
最后,結合目前實際,給出幾條粗淺的見解,如何成就網站設計之美;
對美的需求
OK,設計之美,什么是設計之美呢?還是先從各方面對美的訴求開始簡單看一下吧
·商業設計服務于商業目標
在所有的訴求之前,有一條商業設計基本定律,即一切商業設計服務于商業目標的訴求。這是最基本也是最核心的。但是說起來簡單,理解執行徹底卻不是那么容易。有的時候,對于一些問題,我們如果冷靜下,回到初始狀態來仔細想一想,我們為什么要(給一個站點/項目)做設計,就能得到答案了。
·內容之美
請問有多少訪問GOOGLE的用戶是為了欣賞它的美麗的?百度呢?FACEBOOK?SOHU?SINA?恐怕即使有也僅是很少的特別用戶,例如設計師。這類站點吸引人的地方并不是它們的設計,它們不因為美而聞名。它們因為功能而受歡迎,因為新鮮的內容而受關注。這也是基本定律之一。沒有人會僅僅為了吸收美麗的版面設計而常來TAOBAO或者口碑,用戶來是因為站點滿足了他們某方面的需求。當然,也存在那種很大程度上依賴外觀來吸引人的產品,APPLE是一個神話,但那種創新的勇氣和魄力絕對不是一般其他公司所能比的。
·視覺與情感
對訪問者來說,在使用產品或者滿足其需求的同時,如果能操作更簡單、流程更順利、視覺感受到的東西和當時內容表現的情感能相互烘托,而帶來某種額外的滿足或者心情的愉悅,那么,也可以看作是對美的一種潛在需求。
·效率之美
這點是從公司運行的層面來看的,即保證有限資源在流程中不成為項目的瓶頸,用最少的資源達到較優的效果。時間管理的培訓中曾提到,往往花20%的時間就能完成80%的事情,而剩下的20%的事情,卻要用80%的時間來完成。效率之美,在于它的過程,不影響整體流程進度、節省資源,同時也就能有更多的精力投入到更需要的、更重要的地方去(例如用戶體驗研究)。
什么是美
簡單的(很可能是還不夠全面的)了解了一下各個方面對美的訴求,讓我們再回頭看看,對一個大型綜合類站點來說,究竟什么才是設計之美。
·簡單or繁復
這個有點TO BE OR NOT TO BE的味道,簡單呢?還是繁復?貌似很難回答。當把這個問題帶到一個實際項目中去的時候,就更難客觀把握。OK,我們剛剛了解過美的訴求,現在不妨帶入這里看一下。第一條,不管簡單還是繁復,應當以商業需求為目的。恩,不過貌似并沒有解決問題,再看。第2條,需要顯現出(這里沒有使用“突出”這個詞,因為這個動詞往往被理解為“用設計上的著重表現手法使其明顯”)內容和功能,并不一定要設計得很復雜,只要內容和功能能顯現并被正確使用和理解就好了。再看第3條,在不影響內容和功能使用的基礎上,能額外的帶給用戶情感的愉悅。最后,要開發、維護成本低。
看起來有矛盾的地方,但是基本還是很清楚的:
1、最基本的,站點的表現(叫設計也好,叫修飾也好),應該以能條理清晰的展現內容、準確無誤的引導使用功能為準。
如果太過簡陋,條理不清晰,糊在一起,則設計不夠;如果設計成分,如標題欄背景、裝飾圖片等吸引了注意力,影響了對內容本身的注意,則設計太過。
2、在完成以上最基本的訴求之后,可以適當的點睛之筆來滿足視覺和情感上的訴求。但是忌多忌濫忌喧兵奪主忌為了設計而設計。
一個頁面,在1-2處以精致的圖標或者小創意為著色點,可以極盡發揮,生動有趣、酷眩動人,不影響其他內容的理解和閱讀,又讓整個頁面生動活潑、不失風味。但是千萬不能說為了這里要好看,所以就生硬的找幾個地方濃墨重彩。相反,修飾應該都是帶有目的性的,為什么要修飾它,為什么要這么修飾,都是有講究的。
3、有的時候,商業需求需要做一些特殊的調整,例如活動和專題類,或者一些需要強烈引導的地方,可以做適當的調整。但是要注意適度。
活動和專題是最簡單直接的商業需求,對設計往往有特殊的不同要求,這里就是需要設計大力潑灑的地方,可以和主站有所不同。這時候就不應拘束,要放開手腳以取得特殊需求下的效果最大化。收就要收的嚴實、徹底、無縫可鉆,放也要放的徹底、自如,這樣才相得益彰。
4、優化流程和規范,提高適用和復用性,一方面滿足了整站風格統一的需求,另外也滿足了效率的訴求。
另外,無意中發現,上面說的幾點貌似和現在的2。0設計風格相吻合,也許正是“理論聯系實際”?~:)
·比美更美——體驗與交互設計
設計之美,終究也只是“看起來很美”,比美更“美”的,是過程之美、交互之美。
就像人一樣,外表只是表面,交互和體驗就像一個人的言談舉止、待人接物。比外表更能打動人的,是內心。哪怕如上面所說,站點的設計成分減少到足夠少,甚至簡陋的少(像GOOGLE?)但是每一個鏈接、每一個點擊、每一步操作都是經過縝密思考,讓用戶握著鼠標都覺得軟綿綿的,心里飄然的柔軟起來,那也是一種深刻的印象,就如同一個人的聲音和氣味,能給你更多的愉悅一樣。那不是不能做到的,只是需要大量的努力罷了。
如何成就網站設計之美
上面說了什么是美,那么結合目前的情況,如何實現呢?
·在一切開始之前
中文在準確性上確實稍微欠缺,這條如果叫before all就更確切了。一方面,是在談其他的之前,另一方面,它是基礎,最重要的。
其實很簡單一句話,一個臭雞蛋,即使畫上再漂亮的外殼,也依然是一個臭雞蛋。
很多時候,設計都是從信息結構和頁面框架圈定了之后開始的,而在做信息結構的時候,由于沒有去考慮所謂“和諧、統一、美”的問題,往往就把設計圈在一個尷尬的境地。
總之,它很重要,請不要把它和設計割裂開。
·一個點or每個點
上面其實已經稍微提及了這個問題。一個點or每個點。這個是我在看某個類似門戶的頁面的時候想到的問題。我看著那頁面問自己,WHAT‘S THE POINT?WHAT DO U WANT TO SAY?呱啦呱啦呱啦呱啦~~~~它一直在說,但是SORRY,我真的不知道你在說什么。你滿屏都是文字,每個標題欄顏色都很顯眼,這很好理解,但是我該從哪里開始呢?哪里才是重點呢?下面的圖可能能幫你理解我的意思
·給我內容!
讓我看到我要的內容!讓我順暢的使用我要的功能!別遮蔽它們,別讓它們陷在一堆濃重又無關的裝飾圖片里面找不著,被讓他們的顏色那么刺眼,別讓什么你認為很重要的東西打擾我,即使你有一堆我根本不想聽的理由。而且,別讓我思考,這2個看起來一樣的東西到底該點哪一個,也別讓我琢磨你那一句話里的那么多深刻含義!
·規范與開放
此規范非彼規范。并不是站點風格規范的問題。
規范,對一些我們無法控制和預知的內容,在信息結構的時候就要準備好相應的規范規則。盡量減少后期的維護成本,也避免人為犯錯的幾率。
另一方面,也現實中的情況一樣,對于一些無法掌控的東西,宜疏不宜堵,如果我們無法改變世界,那就改變我們吧。改變我們的信息組織方式,更加開放靈活,不再那么呆板刻薄,無論10個中文字也好、100個中文也好、100個英文也好,都能顯示的很好,那么撐開啊,變形啊,截斷啊,隱藏啊,這些麻煩都不再存在。
例如:以前網頁很多都是框架限定好的,局限性很大。但是BLOG呢,很自由,你愛寫多長寫多長,都不會出現變形,多長都可以接受,省去了很多麻煩。
·執行
最后,也是很重要的一點。無論如何,站點的統一、整齊都是最重要的。
所以無論用哪種方式、哪種風格,一定要能拍板,徹底的的執行,統一才有可能實現,F行方案即使有不足的地方,后期的修改需要經過大家討論通過后再進行。如果一直等待一個完美方案的出現,那恐怕是永遠也只有等著了。