網(wǎng)頁設(shè)計(jì)畢業(yè)論文，確切點(diǎn)說這里討論的是“大型綜合網(wǎng)站的設(shè)計(jì)之美”，區(qū)別于個(gè)人站點(diǎn)和一些SHOW類型的公司站點(diǎn)。

在做設(shè)計(jì)之前，請(qǐng)完善站點(diǎn)的信息結(jié)構(gòu)吧！出色的信息結(jié)構(gòu)即使不加任何設(shè)計(jì)，也絕對(duì)很漂亮。一個(gè)糟糕的信息結(jié)構(gòu)（商業(yè)需求會(huì)要求糟糕的信息結(jié)構(gòu)嗎？它為什么會(huì)存在呢？）即使用濃重的設(shè)計(jì)加以改善和彌補(bǔ)，也一定是會(huì)漏洞百出、矛盾不斷的。圖派公司作為深圳網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、互動(dòng)設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、web程序開發(fā)及網(wǎng)絡(luò)傳播服務(wù)提供商。所以，雖然設(shè)計(jì)是用來解決問題的，但是它不是狗皮膏藥，哪里都管的。遇到什么矛盾的東西都想通過設(shè)計(jì)來處理的方法是簡(jiǎn)單粗暴的。遇到這類問題的時(shí)候，除了看看設(shè)計(jì)上能否優(yōu)化之外，信息結(jié)構(gòu)方面是否已經(jīng)優(yōu)化清晰了呢？是否是因?yàn)樾畔⒔Y(jié)構(gòu)的矛盾而導(dǎo)致了設(shè)計(jì)的問題？而就經(jīng)驗(yàn)來看，信息結(jié)構(gòu)的矛盾，往往都會(huì)帶來邏輯上的漏洞，也就是說，線上產(chǎn)品的使用邏輯和線下積累的同類操作的邏輯是不同甚至抵觸的。這對(duì)用戶認(rèn)知和體驗(yàn)的影響可想而知。

話題是前2天提到的房地產(chǎn)廣告文案范文，關(guān)于站點(diǎn)設(shè)計(jì)的“美”的問題想到的。究竟對(duì)一個(gè)較大的綜合性網(wǎng)站來說，如何的設(shè)計(jì)表現(xiàn)才算是得體、到位？如何才能算得上是一個(gè)“美”的站點(diǎn)？

本文分3個(gè)部分：
首先大致分析下各方面對(duì)設(shè)計(jì)（部門）的訴求是什么；
然后再回頭看看，對(duì)于這些訴求，究竟什么才是“美”，和我們?cè)�本想象的有沒有差別；
最后，結(jié)合目前實(shí)際，給出幾條粗淺的見解，如何成就網(wǎng)站設(shè)計(jì)之美；

對(duì)美的需求
OK，設(shè)計(jì)之美，什么是設(shè)計(jì)之美呢？還是先從各方面對(duì)美的訴求開始簡(jiǎn)單看一下吧

·商業(yè)設(shè)計(jì)服務(wù)于商業(yè)目標(biāo)
在所有的訴求之前，有一條商業(yè)設(shè)計(jì)基本定律，即一切商業(yè)設(shè)計(jì)服務(wù)于商業(yè)目標(biāo)的訴求。這是最基本也是最核心的。但是說起來簡(jiǎn)單，理解執(zhí)行徹底卻不是那么容易。有的時(shí)候，對(duì)于一些問題，我們?nèi)绻�冷靜下，回到初始狀態(tài)來仔細(xì)想一想，我們?yōu)槭裁匆�（給一個(gè)站點(diǎn)/項(xiàng)目）做設(shè)計(jì)，就能得到答案了。

·內(nèi)容之美
請(qǐng)問有多少訪問GOOGLE的用戶是為了欣賞它的美麗的？百度呢？FACEBOOK？SOHU？SINA？恐怕即使有也僅是很少的特別用戶，例如設(shè)計(jì)師。這類站點(diǎn)吸引人的地方并不是它們的設(shè)計(jì)，它們不因?yàn)槊蓝�聞名。它們因�(yàn)楣δ芏�受歡迎，因?yàn)樾迈r的內(nèi)容而受關(guān)注。這也是基本定律之一。沒有人會(huì)僅僅為了吸收美麗的版面設(shè)計(jì)而常來TAOBAO或者口碑，用戶來是因?yàn)檎军c(diǎn)滿足了他們某方面的需求。當(dāng)然，也存在那種很大程度上依賴外觀來吸引人的產(chǎn)品，APPLE是一個(gè)神話，但那種創(chuàng)新的勇氣和魄力絕對(duì)不是一般其他公司所能比的。

·視覺與情感
對(duì)訪問者來說，在使用產(chǎn)品或者滿足其需求的同時(shí)，如果能操作更簡(jiǎn)單、流程更順利、視覺感受到的東西和當(dāng)時(shí)內(nèi)容表現(xiàn)的情感能相互烘托，而帶來某種額外的滿足或者心情的愉悅，那么，也可以看作是對(duì)美的一種潛在需求。

·效率之美
這點(diǎn)是從公司運(yùn)行的層面來看的，即保證有限資源在流程中不成為項(xiàng)目的瓶頸，用最少的資源達(dá)到較優(yōu)的效果。時(shí)間管理的培訓(xùn)中曾提到，往往花20%的時(shí)間就能完成80%的事情，而剩下的20%的事情，卻要用80%的時(shí)間來完成。效率之美，在于它的過程，不影響整體流程進(jìn)度、節(jié)省資源，同時(shí)也就能有更多的精力投入到更需要的、更重要的地方去（例如用戶體驗(yàn)研究）。

什么是美
簡(jiǎn)單的（很可能是還不夠全面的）了解了一下各個(gè)方面對(duì)美的訴求，讓我們?cè)倩仡^看看，對(duì)一個(gè)大型綜合類站點(diǎn)來說，究竟什么才是設(shè)計(jì)之美。

·簡(jiǎn)單or繁復(fù)
這個(gè)有點(diǎn)TO BE OR NOT TO BE的味道，簡(jiǎn)單呢？還是繁復(fù)？貌似很難回答。當(dāng)把這個(gè)問題帶到一個(gè)實(shí)際項(xiàng)目中去的時(shí)候，就更難客觀把握。OK，我們剛剛了解過美的訴求，現(xiàn)在不妨帶入這里看一下。第一條，不管簡(jiǎn)單還是繁復(fù)，應(yīng)當(dāng)以商業(yè)需求為目的。恩，不過貌似并沒有解決問題，再看。第2條，需要顯現(xiàn)出（這里沒有使用“突出”這個(gè)詞，因?yàn)檫@個(gè)動(dòng)詞往往被理解為“用設(shè)計(jì)上的著重表現(xiàn)手法使其明顯”）內(nèi)容和功能，并不一定要設(shè)計(jì)得很復(fù)雜，只要內(nèi)容和功能能顯現(xiàn)并被正確使用和理解就好了。再看第3條，在不影響內(nèi)容和功能使用的基礎(chǔ)上，能額外的帶給用戶情感的愉悅。最后，要開發(fā)、維護(hù)成本低。

看起來有矛盾的地方，但是基本還是很清楚的：
1、最基本的，站點(diǎn)的表現(xiàn)（叫設(shè)計(jì)也好，叫修飾也好），應(yīng)該以能條理清晰的展現(xiàn)內(nèi)容、準(zhǔn)確無誤的引導(dǎo)使用功能為準(zhǔn)。

如果太過簡(jiǎn)陋，條理不清晰，糊在一起，則設(shè)計(jì)不夠；如果設(shè)計(jì)成分，如標(biāo)題欄背景、裝飾圖片等吸引了注意力，影響了對(duì)內(nèi)容本身的注意，則設(shè)計(jì)太過。

2、在完成以上最基本的訴求之后，可以適當(dāng)?shù)狞c(diǎn)睛之筆來滿足視覺和情感上的訴求。但是忌多忌濫忌喧兵奪主忌為了設(shè)計(jì)而設(shè)計(jì)。

一個(gè)頁面，在1-2處以精致的圖標(biāo)或者小創(chuàng)意為著色點(diǎn)，可以極盡發(fā)揮，生動(dòng)有趣、酷眩動(dòng)人，不影響其他內(nèi)容的理解和閱讀，又讓整個(gè)頁面生動(dòng)活潑、不失風(fēng)味。但是千萬不能說為了這里要好看，所以就生硬的找?guī)讉�(gè)地方濃墨重彩。相反，修飾應(yīng)該都是帶有目的性的，為什么要修飾它，為什么要這么修飾，都是有講究的。

3、有的時(shí)候，商業(yè)需求需要做一些特殊的調(diào)整，例如活動(dòng)和專題類，或者一些需要強(qiáng)烈引導(dǎo)的地方，可以做適當(dāng)?shù)恼{(diào)整。但是要注意適度。

活動(dòng)和專題是最簡(jiǎn)單直接的商業(yè)需求，對(duì)設(shè)計(jì)往往有特殊的不同要求，這里就是需要設(shè)計(jì)大力潑灑的地方，可以和主站有所不同。這時(shí)候就不應(yīng)拘束，要放開手腳以取得特殊需求下的效果最大化。收就要收的嚴(yán)實(shí)、徹底、無縫可鉆，放也要放的徹底、自如，這樣才相得益彰。

4、優(yōu)化流程和規(guī)范，提高適用和復(fù)用性，一方面滿足了整站風(fēng)格統(tǒng)一的需求，另外也滿足了效率的訴求。

另外，無意中發(fā)現(xiàn)，上面說的幾點(diǎn)貌似和現(xiàn)在的2。0設(shè)計(jì)風(fēng)格相吻合，也許正是“理論聯(lián)系實(shí)際”？~：）

·比美更美——體驗(yàn)與交互設(shè)計(jì)
設(shè)計(jì)之美，終究也只是“看起來很美”，比美更“美”的，是過程之美、交互之美。
就像人一樣，外表只是表面，交互和體驗(yàn)就像一個(gè)人的言談舉止、待人接物。比外表更能打動(dòng)人的，是內(nèi)心。哪怕如上面所說，站點(diǎn)的設(shè)計(jì)成分減少到足夠少，甚至簡(jiǎn)陋的少（像GOOGLE？）但是每一個(gè)鏈接、每一個(gè)點(diǎn)擊、每一步操作都是經(jīng)過縝密思考，讓用戶握著鼠標(biāo)都覺得軟綿綿的，心里飄然的柔軟起來，那也是一種深刻的印象，就如同一個(gè)人的聲音和氣味，能給你更多的愉悅一樣。那不是不能做到的，只是需要大量的努力罷了。

如何成就網(wǎng)站設(shè)計(jì)之美
上面說了什么是美，那么結(jié)合目前的情況，如何實(shí)現(xiàn)呢？

·在一切開始之前
中文在準(zhǔn)確性上確實(shí)稍微欠缺，這條如果叫before all就更確切了。一方面，是在談其他的之前，另一方面，它是基礎(chǔ)，最重要的。

其實(shí)很簡(jiǎn)單一句話，一個(gè)臭雞蛋，即使畫上再漂亮的外殼，也依然是一個(gè)臭雞蛋。
很多時(shí)候，設(shè)計(jì)都是從信息結(jié)構(gòu)和頁面框架圈定了之后開始的，而在做信息結(jié)構(gòu)的時(shí)候，由于沒有去考慮所謂“和諧、統(tǒng)一、美”的問題，往往就把設(shè)計(jì)圈在一個(gè)尷尬的境地。

總之，它很重要，請(qǐng)不要把它和設(shè)計(jì)割裂開。

·一個(gè)點(diǎn)or每個(gè)點(diǎn)
上面其實(shí)已經(jīng)稍微提及了這個(gè)問題。一個(gè)點(diǎn)or每個(gè)點(diǎn)。這個(gè)是我在看某個(gè)類似門戶的頁面的時(shí)候想到的問題。我看著那頁面問自己，WHAT‘S THE POINT？WHAT DO U WANT TO SAY？呱啦呱啦呱啦呱啦~~~~它一直在說，但是SORRY，我真的不知道你在說什么。你滿屏都是文字，每個(gè)標(biāo)題欄顏色都很顯眼，這很好理解，但是我該從哪里開始呢？哪里才是重點(diǎn)呢？下面的圖可能能幫你理解我的意思



·給我內(nèi)容！
讓我看到我要的內(nèi)容！讓我順暢的使用我要的功能！別遮蔽它們，別讓它們陷在一堆濃重又無關(guān)的裝飾圖片里面找不著，被讓他們的顏色那么刺眼，別讓什么你認(rèn)為很重要的東西打擾我，即使你有一堆我根本不想聽的理由。而且，別讓我思考，這2個(gè)看起來一樣的東西到底該點(diǎn)哪一個(gè)，也別讓我琢磨你那一句話里的那么多深刻含義！

·規(guī)范與開放
此規(guī)范非彼規(guī)范。并不是站點(diǎn)風(fēng)格規(guī)范的問題。
規(guī)范，對(duì)一些我們無法控制和預(yù)知的內(nèi)容，在信息結(jié)構(gòu)的時(shí)候就要準(zhǔn)備好相應(yīng)的規(guī)范規(guī)則。盡量減少后期的維護(hù)成本，也避免人為犯錯(cuò)的幾率。

另一方面，也現(xiàn)實(shí)中的情況一樣，對(duì)于一些無法掌控的東西，宜疏不宜堵，如果我們無法改變世界，那就改變我們吧。改變我們的信息組織方式，更加開放靈活，不再那么呆板刻薄，無論10個(gè)中文字也好、100個(gè)中文也好、100個(gè)英文也好，都能顯示的很好，那么撐開啊，變形啊，截?cái)喟。�隱藏啊，這些麻煩都不再存在。

例如：以前網(wǎng)頁很多都是框架限定好的，局限性很大。但是BLOG呢，很自由，你愛寫多長(zhǎng)寫多長(zhǎng)，都不會(huì)出現(xiàn)變形，多長(zhǎng)都可以接受，省去了很多麻煩。

·執(zhí)行
最后，也是很重要的一點(diǎn)。無論如何，站點(diǎn)的統(tǒng)一、整齊都是最重要的。
所以無論用哪種方式、哪種風(fēng)格，一定要能拍板，徹底的的執(zhí)行，統(tǒng)一才有可能實(shí)現(xiàn)。現(xiàn)行方案即使有不足的地方，后期的修改需要經(jīng)過大家討論通過后再進(jìn)行。如果一直等待一個(gè)完美方案的出現(xiàn)，那恐怕是永遠(yuǎn)也只有等著了。