UI視覺設計師工作流程上的總結與建議

首先我們要清楚視覺設計在整個産品中的作用和目的是什麼，是給使用者提供舒适美好的視覺享受嗎，還是為了使用者使用産品的時候更順暢，這些都包括但不僅僅如此，視覺設計還應該傳達品牌差異化，讓使用者清晰地辨識、記憶并喜愛該産品，并以促成業務目标為結果。是以做視覺設計就不能隻流于表面形式，應該全面讀懂業務需求和使用者群的特征，做出符合該業務需求和品牌調性的設計。

1.了解業務需求、産品定位和互動邏輯

曾經有個同行跟我說他犯過的一個錯誤，拿到需求或原型後，也許是迫于時間緊迫和經驗不足，立刻就急于開始設計，最終的成品确實很高大上，獲得很多同僚好評，但是産品經理和老闆就提出了有指導性的意見，這個網站是給内部人員使用的，應該以友善快速觸達目标為主，而不是做成多屏的滾動頁面。雖然老闆不懂設計，但是他卻懂業務，可見設計不應該是炫技，也不應該是給産品潤色，應該是根據業務需求做出多方面綜合考量的結果。

拿到需求之後，心裡有個大概，這個産品是幹什麼用的，主要是吸引哪些使用者群，業務邏輯和使用場景大概是什麼樣的，當進行了一翻思考之後，如果還覺得陌生，應該怎麼辦呢，那當然是找到互動設計交流啦，有的公司沒有互動設計崗位，這時候可以找到産品經理，他肯定會不厭其煩為你講解。

了解産品的定位，主要是理清産品的類型（如對内或對外、to B或to C産品）、目标人群、核心功能，以及使用者群的主要特征，如年齡、性别、喜好、使用時間段和操作場景等。甚至可以參與該産品前期的調研分析，提前了解并構思産品的視覺傳達，品牌定位問題。

如何理清互動邏輯呢，拿到原型後可以按步驟和頁面分支來形成一個大緻的概念，如産品分為幾大子產品，幾大首頁都有些什麼内容，甚至可以結合構架圖去理清思路，遇到不明晰之處則與負責人交流。大緻上來講互動邏輯主要應該搞懂以下幾點：

（1）布局方式

（2）整理架構邏輯和流程

（3）頁面承接關系

（4）控件的各種狀态

（5）不同條件下的資訊展現

2.理性确立設計風格并初步評審

理清了之後，就可以着手确立設計風格。設計不等同于藝術，産品也不是表達自我的平台，設計應該是解決具體問題并合理論證。是以不應該天馬行空，或拘泥于創意，美感和形式。然後太注重分析，也會導緻結果沒有新意，有太重目的，無法超出使用者的心理預期，是以應該在劃定好的範圍内，做一些創意性的延伸工作。大多數的設計師一開始都是由學習别人開始的，如果還沒有達到一定的高度，可以通過研究同行業的産品共性和設計特征，然後理性從共性+個性的角度，并結合前面了解的定位分析，進而思考自身産品的設計風格。

從把握流行的設計風格做出符合産品定位的，更有符合品牌調性的設計風格（當然如果該産品不在初期0規劃階段，而且已經有一套設計規範需要遵行，那麼就了解清楚需要遵行的是哪方面，多大程度的遵行規範，如控件的使用，還是圖示的風格等等，因為這都将影響最終設計的結果），如果有限制，仍可在一定的範圍内發散思維，從細節上創造出超過使用者預期的設計。關于如何通過視覺設計提升産品的品牌調性，這個後面會通過另外的文章作以分析，這裡主要闡述工作推進中的一些經驗和方法。

确立風格後，參與初步的風格評審。評審的作用，在于增加視覺輸出的合理性和效率，評審的過程中可以确定設計的風格，後面的設計按計劃進行，沿着此風格繼續即可。

3.設計過程中結合需求，合理優化設計

在具體做設計的時候，遇到不明确的描述，或是考慮到更多流程圖以外的想法時，可以與互動溝通，加快程序。舉個例子：在做APP公告彈窗的時候，根據業務模式有可能會出現比較長的公告，也有可能出現兩條公告，而流程上沒有考慮到這麼全面，這時候可以和互動溝通，延伸出更細化的體驗，并做出更符合邏輯的視覺設計。比如公告一屏展示多少字，超出的文字是點選按鈕顯示下一頁呢，還是用滾動的方式展示剩餘的部分，第二條公告通常是在第一條之後展示，那麼如果兩條公告的長度如果不一緻怎麼處理呢，視覺上不應該出現時長時短的彈窗，顯示不專業不規範，這時候比較好的方法是折中選擇一個高度居中的彈窗設計，并且提醒産品在公告字數上做限制。

是以作為一名視覺設計師，多了解産品體驗，熟悉業務性質，可以提升産品的設計，平常除了做好視覺設計提升的基礎上，可以閱讀一些使用者體驗和互動設計相關的書籍，比如《使用者體驗方法論》，對于産品設計都有很多值得思考的觀點，比如書中提到的超預期的使用者體驗的基本要素“Lemers”，即“易學、高效、易記、糾錯、滿意度”。

設計并不是自己埋頭琢磨，把設計做得高大上能夠使用就行了，還要學會解釋自己的設計，獲得大家的認同。這就需要做設計的過程中參與體驗的思考，做到任何一個細節都經過自己的了解和認同，否則無法完成後期評判設計時的解說。

曾經招聘人員時就有發現，有的設計師作品很高大上，也符合産品需求，但是向他提問為什麼這樣設計卻難以解釋清楚，後來了解到，他是在設計過程中是照搬原型，自己沒有加入思考，隻是負責美化工作，當然如果是和經驗足夠成熟的産品合作，也不會出現什麼大的問題而且還能推進工作流程，但長期下來會導緻他沒有參與感和認同感，久而久之就會對工作産生懈怠的心理，甚至對于他職業發展也是不利，畢竟隻做好美化的視覺工作是遠遠不夠的，即使有足夠的創意也應該是為産品和業務需求服務。

4.保持有效溝通，輸出并跟進設計實作

設計過程中很可能遇到産品需求有調整的情況，應該保持有效溝通，随時準備設計修改。那麼設計完成以後，事情還沒有完，輸出的過程也尤為重要，輸出設計應按優先級輸出關鍵子產品，并分子產品有序輸出；輸出内容統一規範命名，友善開發使用，形成合格的傳遞物。同時，設計過程中就應該規範命名，這直接關系着後期輸出的流暢，圖層分層和檔案夾的歸類也應該按頁面邏輯，以便其它設計師使用時也清晰了然，減少磨合過程。設計還應定期檢查開發的設計實作，遇到問題羅列并跟進修改。

總結

視覺設計師平常可以做些繪畫練習，多浏覽優秀的設計，保持基本的美術審美水準，同時提升使用者體驗知識，分析不同的産品設計背後的動機，畢竟視覺設計不隻是把産品做好看就行了。