新人入行UI，除技能點外，掌握完整設計流程是快速上手關鍵。作者拆解從接收交互稿到產出視覺稿的7個關鍵步驟。

前置分析：吃透交互稿

拿到交互稿先自查：佈局是否適配多屏(960/1136)？信息重點在哪？用戶群體畫像？這些分析不輸出，但決定後續所有決策。

7大核心產出環節

1. 主色調定調：依產品氣質定主色（糯米桃紅 vs 美團翠綠），奠定品牌識別基調。
2. 輔助色策略：鄰近色/對比色/互補色等策略襯托主色，不同產品策略迥異。
3. 風格語言選型：同為扁平，微光影 vs 純扁平傳達不同質感，需結合產品具體語境抉擇。
4. 圖標風格統一：圓角/直角、面/線、背後設計語言邏輯何在？騰訊手Q年輕化 vs 微信克制，同屬騰訊卻截然不同。
5. 情感化設計：異常狀態(空頁、報錯)用插畫/文案緩解挫敗感並引導行動，風格因產品而異。
6. 動效設計：頁面跳轉、狀態變化引入動效提升體驗連貫性，需產出幀級素材配合開發實現。
7. 適配與切圖：覆蓋iPhone 4/5/6、Android 720/1080/1920等主流規格，小公司常兼任交互職責，要求雙重能力。

UI設計不止「畫好看」，而是在技術約束、業務目標、用戶場景三方約束下，將交互邏輯轉化為可落地、可擴展、有品牌辨識度的視覺系統。