初階UI美術設計師手冊

一個企業的UI設計部門中的美術設計師，有別於人機交互優化、用戶行為分析、用戶體驗優化、頁面語言標準優化等角色。

尤其是在中國互聯網行業現有的短平快的企業產品設計特色，對於美術設計師本身的有求相對比較高，而且具備的素質也更加全面。

一個UI美術師是一個企業的窗口，一個產品的靈魂，今天我想淺談在一個小互聯網公司，UI美術設計師在初級階段應該做的事情。（因為我本人一直做管理，做技術，本身不涉及太專業的美術設計領域，因此只能淺評，請大家拍磚）

首先，作為一個UI美術設計師，拿到一個Case時，你最先應該做的是忘記你的本身的角色。
因為你需要先對自己的工作做策劃和規劃，你得先明白你要做什麼，怎麼做，為什麼這麼做！
如果你為了一次市場活動做Minisite，你需要加強自己對業務表達方面的意識；
如果你是協助產品經理做產品界面設計，你則需要先深入瞭解這款產品的理念、特性，以及它的用戶群；
如果你是為客戶做一個整站Case，那麼你還需要瞭解這個客戶的心理，他的網站行業特徵和主要受眾。

然後，再到具體執行的步驟：

1，策定你將要使用的基調和色調。

要根據你已經瞭解到的信息，然後根據它的行業特性、產品特性、業務目的決定一個主色，和兩個以上的輔助色，制定一套配色方案。

用色的多少以及他們之間是強烈對比還是漸變過度，要根據你的工作經驗和Case的幾本需求來決定。

2，收集你必須使用的元素。

無論是做活動用的Minisite，還是客戶的的整站方案，還是產品設計。都肯定有一些必須要表達的點，要動用的元素以及需要劃分的板塊和欄目。

而且這些元素是你不能過度表達，也不能漏掉其中一個的必備條件。

舉個例子，做一個產品促銷站，頁面上肯定得有的至少得有企業的標識、產品的標識、促銷的按鈕、產品特性和優點的表述、這次促銷活動的賣點吧，這些都是最基本的。

通過與客戶、產品經理或者相關負責人的深度溝通，以及你自己對這個Case的理解，這時候應該清晰地確定有哪些元素是你必須用到的，其他的才是你根據自己需要發揮出來的點綴品。

3，根據業務目的，安排要表達的元素的輕重排序。

現在，你應該對你要做什麼，和為什麼這麼做比較清楚了，並且手中已經初步掌握了可以運用的元素和模塊。

你需要根據當前CASE深層次的業務目的，來為這些元素進行排序。屢清思路，明白哪個或者哪幾個元素是需要下功夫勾畫。

明白重點突出，占頁面比較大的比重，而哪些元素是僅僅點到為止即可，還有哪些是可以引申發揮，並且點綴銜接的。

4，策定頁面佈局。

現在，頁面的基調和色調，要運用的手法，可以使用的元素，以及需要突出的重點，你都非常清楚了。

如果還不夠清楚，請與客戶、產品經理或者其它負責人再次溝通。

然後，在你心目中已經勾畫出一個大概的輪廓。也就是說，結合你專業的排版知識，你可以開始策定頁面的佈局了。

5，進行邊角的調優。

現在，你可能已經在草稿紙面上簡單的策劃了一下你需要做的頁面。

開始利用你熟悉的工具開始實際的設計吧，大多數人慣用Photoshop或者Fireworks.

畫出第一圖形稿之後，你可以對細節進行一些調優。

舉個例子，比如色彩的契合、過度、對比手法，小圖標和線條的點綴使不同的元素銜接或使不同的模塊區分更加清晰。

6，進行二次設計和深度優化，作出最終的設計稿。

好了，拿著你調優過的DEMO，拿給相關的人員評價，收集修改的建議。

經過多次的溝通和理解後，對已經完成的DEMO進行小幅度的調整和優化，如果修改的需求或者客戶滿意程度較差，則需要大幅度的二次設計。

經過反覆的操作，直到作為專業設計人員的你，和你的產品經理或者客戶都滿意。

至此，恭喜你，設計的部分已經完成了。

7，撰寫頁面。

完成了最終的設計稿之後，你可以將它轉化成Web頁面了。這可能需要你除了有深厚的美工功底之外，還需要會寫一些腳本頁面。

將整體設計以CSS+DIV，結合體積較小的圖形和JS腳本，並配合相關的產品研發技術人員，完整的將它體現在用戶面前。

如果你順利的完成了以上步驟，那麼你就已經具備了一個初級UI美術設計師的業務素養。
當然，每一步其實都有相當專業的講究和知識，作為一個非專業美術設計人員，我就不好在這裡大放厥詞了。
一個優秀的UI美術設計師，應該逐漸掌握較強的邏輯表達能力，美術設計能力和理解能力。
你不僅僅需要創造一個美觀的作品，更需要駕馭對頁面設計的各種手段，並以此來進行一次次良好的業務表達，從而實現你企業的價值。

當然，這是一個在短平快市場特性的創業型公司中，你才需要做的事情。
一個完整的用戶體驗設計部門組成還是相當複雜的，
舉例如：策劃師、結構設計工程師、視覺設計工程師、人機交互優化工程師、代碼標準優化工程師、用戶體驗優化工程師、用戶測試工程師……
這需要一個很龐大，很專業的團隊，成本高，產品開發週期太長，不適合我國大多數小型創業型企業的現狀。
不過未來，你可以向其中一個方向深入發展，做的更加專業，但這不是本文探討話題的前提範圍。