作為一名在互聯網行業摸爬滾打好多年的一位 UI 設計師，也在團隊里帶過眾多 UI 設計師和實習生，所以深刻認識到無論于團隊還是實習生個人來說，制定這個《實習生入職白皮書》是相當必要的。

于團隊：高效的管理+高質的項目輸出
于實習生：快速了解團隊+學習系統性知識+質量完成工作
于個人：作為一名前輩對后浪的社會責任+致力于提高國內互聯網設計環境的理想

產品設計基礎流程

主要從兩個維度闡述產品 UI 設計的基礎流程，即針對已有產品（新增功能）和針對新產品/產品全新迭代。

1. 針對已有產品_新增功能

STEP1_基礎要素

拿到項目前，先了解再動手。前期明晰基礎要素會決定后續的設計風格方向

例：SensePass1.0 項目（大家可以根據這個表格去填寫產品基礎信息）

STEP2_著手設計

明晰本次設計目的：產品優化及迭代

• 了解產品原有設計規范：（遵循規范設計，超出規范的需要符合整體設計 DNA）
• 整理頁面功能優先級：（用于劃分頁面主次關系，用視覺美感提升交互圖的層次）
• 遵循設計基本原理：（確保設計的舒適度及合理性有理有據）
• 設計的創新表現：（視覺的美觀度與提高操作功能的效率相呼應）

初級設計師很容易陷入被交互圖牽鼻子的誤區，整體失去視覺整合及創造力價值。主要是因為設計師未對界面進行重新思考和信息重組，導致很多時候的初級視覺設計師的圖與交互圖幾乎一模一樣。

*頁面層級劃分參考

頁面整體劃分整理頁面功能的優先級（根據重要程度調整頁面內容占比大小）

STEP3_設計評審

• 視覺內部評審（視覺評審：確保視覺質量，交互設計：確保交互功能一致；統一出口）
• 產品功能評審（確保視覺表達與產品功能一致）

STEP4_上線對接

• 上傳設計圖及圖標切圖（根據不同平臺有不同的使用規則，見協同基礎知識）
• 研發跟進（及時解答研發對界面的疑問，及提供相關設計素材）
• 上線后校對（100%的設計還原度需要設計師不斷的校對和跟進的過程）

2. 針對新產品/產品全新迭代

STEP1_基礎要素，拎出關鍵詞

拿到項目前，先了解再動手。前期明晰基礎要素會決定后續的設計風格方向（如上）

STEP2_風格探索（自創“三三原則”）

風格方向設定（根據設計專業角度為需求方提供建議，經過與需求方討論后敲定產品風格的最終方向）

• 整理并確認產品的關鍵詞
• 根據典型頁面搜集 3 個風格方向的設計圖（見下圖）
• 寫出優勢和劣勢

三三原則：同一范疇不同維度三個方向

*以 SensePass 為例（曾經項目）

STEP3_設計主界面（依然貫穿“三三原則”）

• 針對選定風格提煉設計 DNA（設計 DNA 作為設計評判的最主要標準，穿整個設計判斷設計是否偏離主線的標準）
• 針對選定風格設計 3 個形式的主界面（三三原則）
• 寫出設計理念及優缺點（同時對標競品設計，設計的優點及創新點）

STEP4_設計評審

• 視覺內部評審（視覺評審：確保視覺質量，交互設計：確保交互功能一致；統一出口）
• 產品功能評審（確保視覺表達與產品調性一致）

STEP5_輸出其他界面設計

確認風格形式后，在設計其他界面的時候，提煉設計關鍵詞，完善并統一 DNA

STEP6_二次設計評審

• 視覺內部評審（視覺評審：確保視覺質量，交互設計：確保交互功能一致；統一出口）
• 產品功能評審（確保視覺表達與產品功能一致）

STEP7_上線對接

• 上傳設計圖及圖標切圖（根據不同平臺有不同的使用規則，見協同基礎知識）
• 研發跟進（及時解答研發對界面的疑問，及提供相關設計素材）
• 上線后校對（100%的設計還原度需要設計師不斷的校對和跟進的過程）

遵循團隊規則

1. 設計耗時評估表

為什么把時間評估放在團隊規則第一講，是因為團隊協作過程中，我們必須要樹立正確的時間觀念。學會尊重他人的時間，便是對他人生命的尊重；相應的，設計師自己才會獲得他人的尊重。

初級設計師在評估設計所需時間上缺少經驗，但團隊在管理上又需要設計師的產出量化，所以很多時候當設計師不會評估時間便會被需求方推著走，處于一種被動的狀態。

作為新手，或是管理者，如何評估設計耗時以下給出我們團隊對于初級設計師的評估維度表：

每個團隊性質不同，所以標準耗時可做相應調整。就以上評估方式算出基礎設計執行時間，但整體設計時間還需要加上：前期了解時間+設計評審時間+設計修改時間=整體設計耗時

2. 歸于 KPI 的打分機制

當一個團隊多人組成時，需要透明化的管理才能做到公平公正，才能更好的激發團隊成員的積極性和目標感。這個章節既是讓新手了解團隊規則的重要性，不至于在團隊迷茫；更是給管理者一個啟示，標準化及透明化的管理是十分必要的，不僅避免主觀評判導致的團隊的不穩定性，更能激發團隊成員的積極性和目標感。

時間節點把控

根據難度級別評估設計所需時間+輸出時間節點

（設計內部評審時間節點+設計修改時間+設計輸出時間節點）

效率且透明化的溝通

• 設計前期：

認識接手項目的相關對接人員（產品經理+交互設計+前端開發）

提前約會議了解項目需求，并評估預期點+風險點+時間節點

• 設計中期：

根據時間節點，在企業微信及時溝通

• 設計完成后：

設計輸出上傳藍湖后，先知會團隊（交互設計+視覺設計負責人）內部評審

內部評審確認后，微信群+郵件形式知會項目負責人

• 校對期間：

在企業微信+面對面與研發和產品經理及時溝通

輸出質量的保證

根據以上為度，管理者需要每月針對同學給出一個可視化的成績單：

定制化培養

針對設計師的培養，可以根據前要部分「UI 設計師圖譜」根據設計師天賦去定義設計師是屬于“系統思維型”還是“創意表現型”，再擬定設計師的初級成長的目標及方向。后續若想往全棧設計師方向發展，便可針對本身的弱勢去突破訓練。

1. 設計思維的提升

任務一：養成閱讀與沉淀習慣：每周規劃閱讀書籍+文章，并沉淀讀書筆記（每周三發至公共平臺）

推薦書籍：《在你身邊為你設計》《形式感+》《Don't make me think》

推薦網站：優設網/https://muz.li/

推薦 APP：Flipboard

2. 技能技法提升

任務二：不斷精進手頭上的功夫，即技能技法的提升。同時具備不斷革新接觸和學習新軟件的精神。

學習軟件的技能技巧可自行在 bilibili 和 Youtube 上搜索諸多免費資源。或是一些針對網站：優優教程網

二維：Sketch/Xd/Ai/PS

動態：AE/Pr

三維：C4D

技術：Unity/UE4/

3. 創意思維提升

任務三：每天 30 分鐘看優秀的設計作品，并建立素材庫，針對收集的素材要建立學習意識（一張圖是哪方面吸引了你：構圖/色彩/排版/材質/傳達…有意識的收集素材，而不是一掃而過）

推薦網站：Pinterest/Behance/Dribble/開眼 APP/

4. 臨摹+Redesign 界面

任務四：針對提升方向，臨摹+redesign 界面（每周日發）

在收集了一定素材后可以針對性的臨摹，或者再進行 redesign。針對發展方向，去挑選臨摹作品。

集思廣益的一章，成員自主填充相應的視覺軟件技巧

此章看大家需求，后續單獨可能總結一篇……

結語

在此，《管理者寄語：UI 實習生成長指南》已完結，希望對大家有所幫助。如第一篇結語：“其實對于管理者而言，不僅僅針對實習生甚至是團隊其他成員，在用人到育人最后到向社會輸出人才上，整套思維或是方法論都應該不斷的思考與沉淀，或是驗證再推翻革新的過程。路漫漫其修遠兮，吾將上下而求索……”