一個網頁設計需求方眼中的網頁設計

　　已發佈到“經驗分享”欄目，歡迎交流： http://www.zcool.com.cn/article/ZMTQxODg=.html

　　雖然已經不做設計師×××年了，可是依然會一直留意站酷。看着各位高手的作品，總讓我慶幸我沒有把這條路走下去——三年前，我就是由於覺得自己在設計上沒有 什麼天分，於是轉行去了一家遊戲公司，去做官網建設和媒體渠道方面的工作。如今看來，這條路沒有錯，我的設計和站酷上的高手想比，差距不是用努力學習追的 上的。

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

　　設計師與需求方：

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

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

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

　　1、製作之前的溝通非常必要。你要假設需求方是“白癡”，什麼都不懂。在需求在自己腦海裏未明確之前，不要試圖去猜測着做，這樣“飛機”的概率極高。最好 是讓需求方找到同類風格的網站至少2-3個，讓他說明這些網站他欣賞在什麼地方。當深入的溝通之後，瞭解了需求方的意圖和口味之後，你會發現溝通的時間遠 遠會小於你重做的時間。

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

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

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

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

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

　　設計師與程序：

　　關於這個問題，很多時候是無法調和的矛盾。很多時候設計和程序是天生的“敵人”——設計師對於頁面的認識是“漂亮”，而程序對於頁面的認識是“簡單”。對 於頁面的根本認識的不同，是兩者發生矛盾的關鍵。我不得不承認，這樣的矛盾很多時候是無法完全消失的，不過話說回來，事在人爲，通過主觀的努力儘可能去避 免這些問題還是可行的。

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

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

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

　　設計師和終端體驗者：

　　雖然說設計師很少能和終端體驗者發生關係。但是事實上，一個頁面到底好不好，終端體驗者最有權利說。作爲一個設計師，不是說光會設計漂亮頁面就OK了，如果用戶體驗不好，頁面再漂亮，也是空的。

　　1、需要學習理論，但不要迷信理論。很多設計師喜歡看國外的設計理論，這些理念通常都很先進，而且都有很強的邏輯，讓人覺得“該這麼回事”。不過，實際情 況是，這些所謂先進的理念都是外國設計師根據國外用戶瀏覽習慣總結出來的東西，雖然很系統、很完善。但是和中國用戶的習慣還是有很大差異的。關於這點，我 做過幾個大型英文網站的項目，感觸很深刻。其實，那些理論也都是外國設計師一點一點總結出來的，我們爲什麼自己不能總結一些中國用戶自己的習慣呢？多看各 個成功的網站，多觀察身邊的人瀏覽網站的習慣，然後自己思考一下“爲什麼”。當你有自己成熟的理論了，你就離“大師”不遠了。

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

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

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

　　給新人的建議：

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

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

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

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

　　5、有能力製作個人網站的話，還是做一個吧！一方面練手，另外一方面，無論是求職還是接單，都用的着！

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