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

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

產(chǎn)品設計基礎(chǔ)流程

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

1. 針對已有產(chǎn)品_新增功能

STEP1_基礎(chǔ)要素

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

例：SensePass1.0 項目（大家可以根據(jù)這個表格去填寫產(chǎn)品基礎(chǔ)信息）

STEP2_著手設計

明晰本次設計目的：產(chǎn)品優(yōu)化及迭代

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

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

*頁面層級劃分參考

頁面整體劃分整理頁面功能的優(yōu)先級（根據(jù)重要程度調(diào)整頁面內(nèi)容占比大小）

STEP3_設計評審

• 視覺內(nèi)部評審（視覺評審：確保視覺質(zhì)量，交互設計：確保交互功能一致；統(tǒng)一出口）
• 產(chǎn)品功能評審（確保視覺表達與產(chǎn)品功能一致）

STEP4_上線對接

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

2. 針對新產(chǎn)品/產(chǎn)品全新迭代

STEP1_基礎(chǔ)要素，拎出關(guān)鍵詞

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

STEP2_風格探索（自創(chuàng)“三三原則”）

風格方向設定（根據(jù)設計專業(yè)角度為需求方提供建議，經(jīng)過與需求方討論后敲定產(chǎn)品風格的最終方向）

• 整理并確認產(chǎn)品的關(guān)鍵詞
• 根據(jù)典型頁面搜集 3 個風格方向的設計圖（見下圖）
• 寫出優(yōu)勢和劣勢

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

*以 SensePass 為例（曾經(jīng)項目）

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

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

STEP4_設計評審

• 視覺內(nèi)部評審（視覺評審：確保視覺質(zhì)量，交互設計：確保交互功能一致；統(tǒng)一出口）
• 產(chǎn)品功能評審（確保視覺表達與產(chǎn)品調(diào)性一致）

STEP5_輸出其他界面設計

確認風格形式后，在設計其他界面的時候，提煉設計關(guān)鍵詞，完善并統(tǒng)一 DNA

STEP6_二次設計評審

• 視覺內(nèi)部評審（視覺評審：確保視覺質(zhì)量，交互設計：確保交互功能一致；統(tǒng)一出口）
• 產(chǎn)品功能評審（確保視覺表達與產(chǎn)品功能一致）

STEP7_上線對接

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

遵循團隊規(guī)則

1. 設計耗時評估表

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

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

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

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

2. 歸于 KPI 的打分機制

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

時間節(jié)點把控

根據(jù)難度級別評估設計所需時間+輸出時間節(jié)點

（設計內(nèi)部評審時間節(jié)點+設計修改時間+設計輸出時間節(jié)點）

效率且透明化的溝通

• 設計前期：

認識接手項目的相關(guān)對接人員（產(chǎn)品經(jīng)理+交互設計+前端開發(fā)）

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

• 設計中期：

根據(jù)時間節(jié)點，在企業(yè)微信及時溝通

• 設計完成后：

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

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

• 校對期間：

在企業(yè)微信+面對面與研發(fā)和產(chǎn)品經(jīng)理及時溝通

輸出質(zhì)量的保證

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

定制化培養(yǎng)

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

1. 設計思維的提升

任務一：養(yǎng)成閱讀與沉淀習慣：每周規(guī)劃閱讀書籍+文章，并沉淀讀書筆記（每周三發(fā)至公共平臺）

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

推薦網(wǎng)站：優(yōu)設網(wǎng)/https://muz.li/

推薦 APP：Flipboard

2. 技能技法提升

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

學習軟件的技能技巧可自行在 bilibili 和 Youtube 上搜索諸多免費資源?；蚴且恍┽槍W(wǎng)站：優(yōu)優(yōu)教程網(wǎng)

二維：Sketch/Xd/Ai/PS

動態(tài)：AE/Pr

三維：C4D

技術(shù)：Unity/UE4/

3. 創(chuàng)意思維提升

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

推薦網(wǎng)站：Pinterest/Behance/Dribble/開眼 APP/

4. 臨摹+Redesign 界面

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

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

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

此章看大家需求，后續(xù)單獨可能總結(jié)一篇……

結(jié)語

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