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

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


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

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

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

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

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

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

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

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

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

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


設(shè)計師與程序：

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

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

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

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


設(shè)計師和終端體驗者：

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

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

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

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

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


給新人的建議：

1、平時多看所收集整理素材、自己做的頁面分門別類的整理好、老設(shè)計師為什么出東西的速度比你快而且效果好？就是因為他們看的比你多，素材比你豐富。老設(shè)計師的硬盤絕對是個寶，恩恩，別想歪了。

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

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

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

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

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