一個(gè)網(wǎng)頁設(shè)計(jì)需求方眼中的網(wǎng)頁設(shè)計(jì)

由于工作的關(guān)系，我經(jīng)常扮演一個(gè)網(wǎng)頁設(shè)計(jì)的需求方的角色。3年的時(shí)間，我看了無數(shù)的設(shè)計(jì)稿，也親手槍斃了很多的設(shè)計(jì)稿。很多時(shí)候我覺得很無奈，那些設(shè)計(jì)都很好——有的精美的讓我槍斃的時(shí)候心情極度難受——這些設(shè)計(jì)本身不是不美觀，只是由于設(shè)計(jì)者太注意設(shè)計(jì)本身，忽略了很多設(shè)計(jì)之外的東西。聯(lián)想到在站酷上也經(jīng)常看到的很多精美華麗的“飛機(jī)稿”，這不能不讓我這個(gè)依然愛好設(shè)計(jì)的旁觀者心疼！所以我想就我這三年作為一個(gè)設(shè)計(jì)需求方，從我所看到的視角來說一下網(wǎng)頁設(shè)計(jì)。希望對(duì)大家能有幫助。當(dāng)然，在設(shè)計(jì)方面，我只能說是個(gè)外行，如果說的有什么不對(duì)，還希望大家能見諒。


設(shè)計(jì)師與需求方：

記得我自己做設(shè)計(jì)的時(shí)候，當(dāng)時(shí)公司一位在中國(guó)待了快6年了的老外曾經(jīng)對(duì)我說："中國(guó)沒有DESIGNER,中國(guó)只有PAGE WORKER!"當(dāng)時(shí)聽到這句話很不服氣，還試圖和他理論，當(dāng)然，最后結(jié)果是老外認(rèn)錯(cuò)了，而我和那個(gè)老外也成了好朋友。但是，如今自己做了3年的需求方，我終于不得不很無力的承認(rèn)了這個(gè)事實(shí)——不是中國(guó)設(shè)計(jì)師沒有創(chuàng)意，而是客戶心理對(duì)于項(xiàng)目的需要造就了設(shè)計(jì)師變成了美工。

我不得不承認(rèn)，大多數(shù)的需求方都是外行，有的甚至審美品位嚴(yán)重扭曲——當(dāng)然，在很多高端的公司，專業(yè)的需求方也不是沒有，只是這樣的需求方是可遇不可求的。在大多數(shù)需求方看來，在整個(gè)項(xiàng)目當(dāng)中，他們是處于一個(gè)“主動(dòng)”的地位，對(duì)于整個(gè)項(xiàng)目具有主導(dǎo)話語權(quán)?；蛟S他們腦海當(dāng)中，真的有很漂亮的設(shè)計(jì)概念，只是他無法實(shí)現(xiàn)，于是便找到了設(shè)計(jì)師，希望設(shè)計(jì)師根據(jù)他所“想”的一個(gè)模糊的藍(lán)圖來設(shè)計(jì)頁面。于是問題出來了，由于需求方非專業(yè)的描述使得設(shè)計(jì)者的設(shè)計(jì)思路變的跟著模糊起來。或許需求方的想法表達(dá)的很清晰，但是由于扭曲的審美觀導(dǎo)致設(shè)計(jì)師無法認(rèn)同。無論由于前者的原因還是后者的原因，都會(huì)使得頁面變的不倫不類。這樣的經(jīng)歷，我想每位設(shè)計(jì)師都曾經(jīng)遇到過。

接下來我們來說說解決方法：

1、制作之前的溝通非常必要。你要假設(shè)需求方是“白癡”，什么都不懂。在需求在自己腦海里未明確之前，不要試圖去猜測(cè)著做，這樣“飛機(jī)”的概率極高。最好是讓需求方找到同類風(fēng)格的網(wǎng)站至少2-3個(gè)，讓他說明這些網(wǎng)站他欣賞在什么地方。當(dāng)深入的溝通之后，了解了需求方的意圖和口味之后，你會(huì)發(fā)現(xiàn)溝通的時(shí)間遠(yuǎn)遠(yuǎn)會(huì)小于你重做的時(shí)間。

2、對(duì)于用戶給予的需求，不要太咬文嚼字，同第一條所說，需要假設(shè)需求方為“白癡”，很多專業(yè)的細(xì)節(jié)，他們一般不會(huì)關(guān)注。在做需求方的過程中，我也犯過類似的錯(cuò)誤：記得那時(shí)侯提交需求，由于項(xiàng)目要求科技感未來感比較強(qiáng)，我在需求中寫了一句：“整個(gè)網(wǎng)站的設(shè)計(jì)基調(diào)為科技感未來感比較強(qiáng)的藍(lán)紫色。”結(jié)果，頁面出來了之后，發(fā)現(xiàn)整體的設(shè)計(jì)風(fēng)格很符合我事先的要求，頁面也做的很漂亮，只是唯一的問題就出在頭部的人物，設(shè)計(jì)師看到需求后，為了追求整個(gè)頁面的色調(diào)“符合需求”把人物的色調(diào)也做成了藍(lán)色，遠(yuǎn)看就像是阿凡達(dá)...對(duì)于這個(gè)結(jié)果，我哭笑不得。沒辦法，誰叫當(dāng)時(shí)自己需求沒有寫清晰呢？

3、對(duì)于主導(dǎo)意識(shí)比較強(qiáng)的需求方,不妨自己做一下用戶引導(dǎo)。好設(shè)計(jì)師的個(gè)性都很強(qiáng)，這是我和很多設(shè)計(jì)師接觸下來的感覺。有個(gè)性是好的，但是工作歸工作，工作的時(shí)候還是要講究工作方法的。不要試圖頂撞需求方，這樣做并不明智；也不要試圖用自己的專業(yè)術(shù)語說服對(duì)方，這會(huì)造成溝通的無效，嚴(yán)重的甚至?xí)屝枨蠓接X得你是在“忽悠”他,從而對(duì)你產(chǎn)生不信任感。比較合理的方式是：“我覺得，你提的想法很不錯(cuò)，只是，我個(gè)人覺得..........（盡量用對(duì)方聽的懂的大白話）這樣做的話效果會(huì)更好一些。當(dāng)然，我們可以按照您的思路給您做一稿，但是如果可以，我想按照我的想法也做一稿，兩稿比較下或許會(huì)更穩(wěn)妥些。”如此一來，對(duì)方有臺(tái)階下，不至于傷了自尊，而你，也就是多花了一些時(shí)間，至少爭(zhēng)取到了按照自己想法做頁面的機(jī)會(huì)。

4、“大！一定要大！”很多時(shí)候，需求方會(huì)對(duì)你這么說。通常這么說的意思，就是這個(gè)需要“明顯”。雖然可以假設(shè)需求方是“白癡”，但是在這點(diǎn)上，他比你懂。不過，客戶說“大”，未必一定要“大”，首先，試圖分析下，他為什么說要“大”，或許從產(chǎn)品本身的角度，對(duì)方是正確的；然后是修改，不過這個(gè)修改不是需求方說什么就是什么，依照第三條的做法，一稿按照用戶的要求改，一稿可以嘗試一些其他方法：比如換字體、換顏色、換樣式，找個(gè)襯托的東西什么的...總之是在不破壞設(shè)計(jì)效果為前提的基礎(chǔ)上作出自己覺得正確的修正——需求方大多是了解自己的產(chǎn)品并且知道自己要做什么的（也有不少是什么都不懂不知道的，遇到那種算你倒霉），他們或許不太清楚如果用美術(shù)的方法達(dá)到自己的效果，但是如果仔細(xì)分析，還是能夠了解他們的意圖的。

5、千萬不要隨意改動(dòng)LAYOUT，即使你覺得這個(gè)LAYOUT糟糕的讓自己崩潰，也不要不和需求方聯(lián)系就隨意去做調(diào)整——你需要有這樣的意識(shí)：很多時(shí)候需求方是需要控制結(jié)果并對(duì)結(jié)果負(fù)責(zé)的，不告知需求方而隨意修改需求將為結(jié)果帶來很大的不可控因素并對(duì)結(jié)果帶來不可知影響，是對(duì)需求方很嚴(yán)重的挑釁。即使實(shí)在無法接受這樣的LAYOUT，至少自己腦子里思考下，為什么對(duì)方會(huì)這么布局？如果不使用這樣的布局，我是否能有更好的解決方案？然后帶著“可能效果會(huì)更好的解決方案”去說問題。這樣至少不會(huì)讓需求方覺得你“無視”他的需求，而是在“幫助”他解決問題。

6、要學(xué)會(huì)挑選客戶，在我還是設(shè)計(jì)師的時(shí)候，一位老前輩曾經(jīng)說過：“當(dāng)你選擇接1000￥/p以下的單的時(shí)候，就意味著，你的設(shè)計(jì)已經(jīng)定位在這個(gè)檔次了。”事實(shí)也的確如此，很多中小企業(yè)的領(lǐng)導(dǎo)、國(guó)企或者政 府的領(lǐng)導(dǎo)，通常會(huì)有很強(qiáng)的主導(dǎo)意識(shí)，而且覺得設(shè)計(jì)不值錢，設(shè)計(jì)就是按照他們的意圖制作頁面，設(shè)計(jì)師也就是一工匠。和這樣的客戶講設(shè)計(jì)基本沒戲，你的設(shè)計(jì)也別指望能做的出彩。什么檔次的用戶決定什么檔次的設(shè)計(jì)，這句話是有道理的。


設(shè)計(jì)師與程序：

關(guān)于這個(gè)問題，很多時(shí)候是無法調(diào)和的矛盾。很多時(shí)候設(shè)計(jì)和程序是天生的“敵人”——設(shè)計(jì)師對(duì)于頁面的認(rèn)識(shí)是“漂亮”，而程序?qū)τ陧撁娴恼J(rèn)識(shí)是“簡(jiǎn)單”。對(duì)于頁面的根本認(rèn)識(shí)的不同，是兩者發(fā)生矛盾的關(guān)鍵。我不得不承認(rèn)，這樣的矛盾很多時(shí)候是無法完全消失的，不過話說回來，事在人為，通過主觀的努力盡可能去避免這些問題還是可行的。

1、多了解一些技術(shù)的東西是有必要的，DIV+CSS是必須要學(xué)的，別覺得那是程序的事情——如果你不想自己的頁面被改的面目全非，所以這個(gè)是必須的。JS的代碼可以不懂，但是JS的原理還是該了解——至少和程序溝通你要的效果的時(shí)候用的到。這些都是最基礎(chǔ)的，如果你還想朝著更高的方向發(fā)展。

2、有時(shí)候簡(jiǎn)化頁面是沒有辦法的事情，中國(guó)的網(wǎng)速就這個(gè)情況，現(xiàn)在電腦的配制也是無法改變的客觀事實(shí)。有些效果比如FLASH、JQuery等等，雖然效果很華麗，有時(shí)候太占帶寬太占系統(tǒng)資源。去掉也是沒有辦法的事情，畢竟，如果漂亮的效果讓用戶看不到或者等不到，結(jié)果會(huì)比沒有效果更糟糕。

3、私底下多和程序溝通。人心都是肉長(zhǎng)的，有時(shí)候私下溝通比工作溝通有效果的多。沒事情的時(shí)候多和程序一起抽抽煙、喝喝酒、吃吃飯、嘮嘮嗑。和好的設(shè)計(jì)一樣，好程序也大多很有個(gè)性，但是思維也大多很簡(jiǎn)單，就和寫判斷邏輯一樣，不是0就是1，所以別被表面的現(xiàn)象所迷惑、事實(shí)上程序是很容易接觸的一類人。和程序處熟了，工作溝通也會(huì)容易不少、甚至可以直接找一個(gè)處熟的程序搭檔接一些私單，有財(cái)一起發(fā)，不僅能賺錢，還能增進(jìn)相互之間的感情，何樂而不為？


設(shè)計(jì)師和終端體驗(yàn)者：

雖然說設(shè)計(jì)師很少能和終端體驗(yàn)者發(fā)生關(guān)系。但是事實(shí)上，一個(gè)頁面到底好不好，終端體驗(yàn)者最有權(quán)利說。作為一個(gè)設(shè)計(jì)師，不是說光會(huì)設(shè)計(jì)漂亮頁面就OK了，如果用戶體驗(yàn)不好，頁面再漂亮，也是空的。

1、需要學(xué)習(xí)理論，但不要迷信理論。很多設(shè)計(jì)師喜歡看國(guó)外的設(shè)計(jì)理論，這些理念通常都很先進(jìn)，而且都有很強(qiáng)的邏輯，讓人覺得“該這么回事”。不過，實(shí)際情況是，這些所謂先進(jìn)的理念都是外國(guó)設(shè)計(jì)師根據(jù)國(guó)外用戶瀏覽習(xí)慣總結(jié)出來的東西，雖然很系統(tǒng)、很完善。但是和中國(guó)用戶的習(xí)慣還是有很大差異的。關(guān)于這點(diǎn)，我做過幾個(gè)大型英文網(wǎng)站的項(xiàng)目，感觸很深刻。其實(shí)，那些理論也都是外國(guó)設(shè)計(jì)師一點(diǎn)一點(diǎn)總結(jié)出來的，我們?yōu)槭裁醋约翰荒芸偨Y(jié)一些中國(guó)用戶自己的習(xí)慣呢？多看各個(gè)成功的網(wǎng)站，多觀察身邊的人瀏覽網(wǎng)站的習(xí)慣，然后自己思考一下“為什么”。當(dāng)你有自己成熟的理論了，你就離“大師”不遠(yuǎn)了。

2、好的頁面設(shè)計(jì)是引導(dǎo)用戶去閱讀的。設(shè)計(jì)的最終目的是為了傳達(dá)信息，如果為了頁面美觀而失去了傳達(dá)信息本身的效果，那這種頁面設(shè)計(jì)的效果就是負(fù)的。這是很多有平面設(shè)計(jì)習(xí)慣的設(shè)計(jì)師時(shí)常會(huì)忽略的問題。尤其在以文字和圖片作為傳達(dá)主體的網(wǎng)站上，這種問題更加明顯。建議有這樣問題設(shè)計(jì)師能看一些關(guān)于排版方面的書籍——在這方面，網(wǎng)頁設(shè)計(jì)和印刷排版設(shè)計(jì)是有共通之處的。

3、設(shè)計(jì)也需要在文字上下功夫。很多時(shí)候頁面上的引導(dǎo)是通過文字鏈接實(shí)現(xiàn)的，而策劃案里面或者LAYOUT里面不會(huì)給你明確的文字（有不少策劃案里所給的文字鏈界是僅供參考的），如果不自己琢磨下，有時(shí)候真會(huì)出現(xiàn)不少尷尬。最簡(jiǎn)單的例子：很多人喜歡用“MORE”、“CLICK HERE”、“SKIP”這樣的英文單詞。這個(gè)單詞什么意思，我們都知道、可是如果這個(gè)網(wǎng)站目標(biāo)用戶群體是中年人或者年紀(jì)更大的人。那恭喜你，你對(duì)牛談琴了——呈然，現(xiàn)在的年輕人大多有英文基礎(chǔ)，但是老一輩可沒有我們這么好的教育水平啊！...很多設(shè)計(jì)師都不太在意文字本身，這在中國(guó)是一個(gè)很悲哀的事實(shí)——這樣的態(tài)度會(huì)讓設(shè)計(jì)師很難進(jìn)步，就是從職業(yè)規(guī)劃上來說，將來要朝更高的其他方向發(fā)展，這也會(huì)成為一個(gè)障礙。

4、考慮下動(dòng)態(tài)頁面具體使用中會(huì)遇到的問題。靜態(tài)頁面我們能夠控制最后出來的效果。但是動(dòng)態(tài)頁面卻會(huì)出現(xiàn)我們無法預(yù)計(jì)的問題，你需要考慮到?jīng)]有美感的網(wǎng)站編輯用丑陋顏色的標(biāo)題把你的頁面搞的亂七八遭、你需要考慮到有時(shí)候用戶名是8個(gè)字，但是你卻只給了7個(gè)字的距離......如此等等的問題都會(huì)影響到頁面的效果和用戶的觀感。這方面的問題總是會(huì)超出你的想像，但是一旦發(fā)現(xiàn)了，就必須準(zhǔn)備解決的方案，能否發(fā)現(xiàn)問題以及是否快速找到解決問題的方案，在一定程度上也是判斷一個(gè)設(shè)計(jì)師是否有經(jīng)驗(yàn)的標(biāo)志。


給新人的建議：

1、平時(shí)多看所收集整理素材、自己做的頁面分門別類的整理好、老設(shè)計(jì)師為什么出東西的速度比你快而且效果好？就是因?yàn)樗麄兛吹谋饶愣?，素材比你豐富。老設(shè)計(jì)師的硬盤絕對(duì)是個(gè)寶，恩恩，別想歪了。

2、設(shè)計(jì)的時(shí)候少些想法，設(shè)計(jì)好之后多些想法。大膽下筆、小心收拾，只要總體的感覺對(duì)了，設(shè)計(jì)就能出效果，相反，設(shè)計(jì)時(shí)候想法多了，不僅會(huì)嚴(yán)重影響設(shè)計(jì)速度，出來的東西也會(huì)不倫不類。

3、設(shè)計(jì)有時(shí)候不都是加法、減法也很重要，全是效果等于沒有效果，材質(zhì)和光感覺最好能保證統(tǒng)一。影響整體效果的東西，再漂亮也要狠的下心去掉。

4、自己看效果的時(shí)候一定要放到100%看，建議根據(jù)不同分辨率瀏覽器寬度拉一下輔助線，保證在不同分辨率下效果都不至于太差。看的時(shí)候可以學(xué)學(xué)畫素描的方法，瞇起眼睛看，那些東西突出沒有、哪些東西沒有突出，用那個(gè)方法一看就知，當(dāng)然如果帶眼睛的可以把眼鏡去掉，效果是一樣的。

5、有能力制作個(gè)人網(wǎng)站的話，還是做一個(gè)吧！一方面練手，另外一方面，無論是求職還是接單，都用的著！

6、設(shè)計(jì)有時(shí)候真需要天分，如果做了一段時(shí)間，發(fā)現(xiàn)自己沒有天分，不如像我一樣，跳出去換個(gè)工作比較好。呵呵，這條只是一個(gè)玩笑。要相信自己的努力會(huì)有結(jié)果，如果你能堅(jiān)持的話，我相信，遲早有一天你也能成為最NB的設(shè)計(jì)師！