暢游VC設計師入職半年後的工作經驗

 　　到12月1日，我來到暢游VC整半年了。作為一個網站設計師，能在這樣專業的團隊裡工作和學習，是一段寶貴的經歷。感謝領導在專業上對我的指導，同事們在工作中對我無私的幫助。經過半年大量的官網、專題、廣告設計，自己也積累了一些經驗，改變了以前的設計思路。非常高興有機會能把自己的經驗得失和大家聊一聊。

　　>思路的轉變

　　在以前的工作中，我每天也會接到不同的設計需求，一般都是根據UE或文檔開始堆素材，只是根據自己的審美把頁面做得“好看”。造成的結果就是視覺關系混亂，重點不明確，傳達信息不到位。

　　做設計不是搞藝術，設計的目的是准確的傳達信息給目標用戶。接到一個需求後，第一步我們應該做什麼呢?下面分享一下我的工作思路，首先考慮這個頁面要表達什麼，要達到什麼目的。然後看看UE結構能不能明確表達這個問題，有什麼可以優化的地方，什麼樣的素材更能突出這個出題，板式、色調、字體。。。在心裡有一個初步的設想，這時候從重要程度做一個排序。我想這樣做至少可以保證做出的成品可以達到需求目的，邏輯和層次是清晰的。

　　色彩運用問題

　　以前我的設計配色存在很大問題，色彩運用發悶、顯髒、花和亂的現象嚴重。後來逐漸發現，問題的根源是一貫的惰性思維，開始設計之前沒有動腦子想，缺乏整體規劃。之前的工作中堆素材現象嚴重，即把需求方提供的素材先往頁面上擺，再找一些光效或花紋素材疊加到上面，猛一看挺有視覺沖擊力的，造成的結果就是顏色無法把握。其實這種做法出發點就是錯誤的，用什麼樣的素材應該根據頁面傳達信息的需要而定，不能憑個人喜好或者單純追求某種視覺效果。形式要為內容服務，顏色也一樣。

　　知道了自己的缺點以後，現在做設計之前都要動腦子想想，什麼樣的色調能和要傳達的信息結合的更緊密。站在用戶角度想問題，什麼顏色能讓用戶看著更舒服。主色調、配色、和補色的運用都要提前心裡有數。平時再多看一些優秀的專題設計作品，分析一下別人的配色。這樣做出來的頁面比以前的效果好很多。

　　反面案例：顏色沉悶、顯髒。

　　正面案例：顏色明快、主題突出。

　　畫面結構和形式

　　有時候我們習慣了策劃同學提供的UE圖，只是把UE線稿圖形化。我也經常重復著這樣的工作，後來發現效果不好。因為作為設計師，在畫面結構和形象思維方面應該有更多的想象空間，畢竟頁面設計是在設計師手中完成的，設計師自己更了解什麼樣的形式更能增加畫面的表現力。當然這些要建立在對需求充分的了解上，所以我覺得在和策劃同學充分溝通的前提下，按照自己的思路對UE搞做調整是非常可行的。以下是我在工作中遇到的一些例子：

　　這是一個活動匯總頁，如果按UE的板式設計會顯得有些死板，人物和標題、按鈕之間缺乏關系。需求方提供了一個人物素材，質量不高，個人覺得人物動態也不太適合這個專題。

　　經過和需求方的討論，換了真實人物，增強頁面的沖擊力。板式做了變化，使標題人物和按鈕結合的更緊密。色調上和刀劍新官網保持一致(需求方要求，個人認為如果換成紅色的喜慶色調效果會更好)，按鈕用大紅色增強慶祝的氣氛。

　　這個案例和上個相似，與主編一起和需求方溝通換了人設，配合人物的動態設計了發散形狀的按鈕，主體用暗紅色和煙花體現狂歡氣氛。不足之處是人物腳踩的木板顯得突兀，周圍環境無法與之配合。

　　暗影之劍的時裝專題，主要介紹游戲中的時裝，促使玩家充值購買。從UE上看，方方正正結構死板，很難激起玩家的購買欲望。

　　經過思考，看了一些淘寶天貓的電商頁面，對UE結構作出調整。用紅色斜條做背景增強頁面的動感，主要按鈕配合也作成斜的，說明文字挪到了標題下方，增強可讀性。色調延續暗影之劍紅白色系，可以點擊的按鈕都用了黃色加以突出。

　　>設計技巧上的提高

　　通過大量集中的頁面設計工作，半年中我也取得了一些進步。比如顏色、形式感、細節處理上，比之前有所提高。

　　畫面層次關系

　　這是6月份剛來的時候做的一個專題頁，問題很多。視覺重點不突出、層次混亂、畫面瑣碎。

　　這是最近做的一個聖誕專題，形式和上一個類似，標題+人物+標簽切換。畫面關系和效果上比上一個有較大提升。

　　畫面整體氛圍

　　刀劍英雄官網換膚。配合決戰落雁谷版本，背景采用中國傳統的山峰雲霧，色調運用純度較低的暗金色，試圖營造出決戰前夕的感覺。標題用中國水墨藝術字結合濺血效果。人物部分疊加動感模糊和光效，主題色塊用了暗紅色增強戰爭感。

　　通過官網小調查數據看到，換膚後的刀劍官網用戶喜歡占58%，一般占28%，不喜歡占14%。多數玩家還是比較認同這組設計。

　　標題字體設計

　　在制作細節上有所提高。優點：字體設計完成度高，較滿意。缺點：專題現代感太強，和游戲的背景有所沖突。

　　字體設計比以前更加自然，比劃穿插和諧。

　　>養成良好的工作習慣

　　平時的工作很忙，時間排期很緊，養成良好的工作習慣可以有效幫你節省時間、提高工作效率和工作質量。

　　1.經常浏覽同行業設計網站。我們平時會浏覽大量的設計作品，看到到好的設計或功能截圖保存，需要做類似頁面效果時方便參考。

　　2.建立素材庫。自己做了一個特殊效果(比如字體、小裝飾、特殊邊框等)，保存PSD文件方便反復利用。

　　3.及時總結。養成總結的習慣可以避免自己多次犯同一個錯誤，也有利於繼承自己設計中的優點。

　　>結語

　　網頁設計是一個動手動腦相結合的職業，工作中有苦也有樂。我相信只要平時認真工作、勤於思考、善於總結，每個人都會有所進步。有時翻過頭來看看一年或者半年前的作品，覺得那時候做的怎麼那麼差啊，大家肯定都有這種體會。這是一件好事，說明我們在不斷的進步、成長。在做出一件自己滿意的作品時，也會有成就感。當掌握了所有的設計技巧和理論後就能做出完美的設計作品嗎?我想也不是，設計還需要創造和靈感。可能設計的終極技巧就是對生活的觀察、體驗和感悟。