先大聲念三遍：UI設計師必須掌握前端切圖流程！ 不管你學不學代碼，至少要懂iOS/Android/Web如何把圖文排進屏幕。認知不對稱，是設計與開發撕逼、還原偏差的根源。以下六大關鍵動作，從源頭消除「還原難」。

一、 設計前審核原型 —— 在源頭殺死不可能

原型階段就要想清圖層結構、交互特效，與開發確認可行性、評估功能成本。別小看手繪草圖，它比沒有原型強百倍。原型是嚴肅契約，不是隨意塗鴉。

二、 熟悉平台設計規范 —— 不懂規範別動手

Web/iOS/Android/WP均有官方規範文檔。不知道12px以下中文無法正常渲染、TabBar高度不可隨意改、字體僅限系統字庫，交付的稿子就是不專業的鐵證。新設備發布(如iPhone 6/6+)必須第一時間跟進尺寸變更。在既定框架內發揮創意，才是專業；打破規範的前提是徹底吃透規範。

三、 制定項目設計規範 —— 大框架下的小體系

主色值、按鈕規格、字體層級、模塊間距……文檔化、參數化、全團隊共享。這是你展現個性與專業的空間，嚴守規範能極大降低溝通成本，改版時更從容。

四、 學會切圖 —— 設計稿必須「可被獨立切圖」

PSD/Sketch扔給開發就甩手掌櫃？不負責任。你要懂：

• 水平可平鋪背景如何最優導出？
• Android .9圖(九宮格)如何標記拉伸區？用什麼工具？
• 透明背景圖選什麼格式？

設計出自己能獨立完成切圖的稿子，才有資格要求開發完美還原。

五、 必須有標註說明 —— 白紙黑字勝過千言萬語

開發沒耐心逐像素量間距、查字號、測透明度（大多憑感覺）。詳盡標註文件是最後防線，出偏差有據可查。推薦工具：

• 馬克鳗：標註神器，自動生成規格單。
• 像素大廚：切圖+標註一體化，支援多平台導出。

六、 結果對比調適 —— 用高保真原型做驗收標尺

開發完成視覺部分後，必須校對。唯有同平台可運行的高保真原型，能直觀對比設計稿與實現端的每一處偏差。強推工具：

• InVision：線上原型，支援App/Web，分享鏈接手機/電腦實時預覽。
• PS Play / Sketch Mirror：設計過程中實時預覽真機效果，驗收階段同樣適用。

總結：從自身找原因，雙向奔赴才能出好產品

設計與開發是共同執行者。對方結果不盡人意時，先從這六點自檢：原型是否嚴謹？規範是否落地？切圖是否合理？標註是否詳盡？驗收是否有標尺？能正確分析問題、從自身能力出發看待問題，才是資深設計師的標誌。 為更好的產品，一起努力！