移動UI設計切圖是UI設計師最重要的設計輸出物，切圖資源輸出是否規範直接影響到工程師對設計效果的還原度。設計師的切圖輸出物是是體現一個設計師專業水準的重要標準，同時也是設計師表達自己對設計態度的最有力的語言。合適、精準的切圖可以最大限度的還原設計圖，起到事半功倍的效果。如何輸出具有全局把控和細節專注的高段位切圖，應該是所有設計師一直需要追求的能力。
設計切圖的原則
- 1 設計切圖輸出的目的是跟下游的工程師團隊協同工作，那麼在團隊協作過程中首先應該保證切圖輸出能夠滿足工程師設計效果圖的高保真還原的需求。其次切圖輸出應該儘可能的降低工程師的開發工作量，避免因切圖輸出而導致的不必要的工作量。最後輸出的切圖應當儘可能的壓縮大小，以降低APP的總大小，提升用戶使用時的加載速度。所以切圖輸出應當做到切圖精準、便與協同和壓縮大小。
- 2 UI設計規範具體尺寸可以到搜優（SooUI),各種UI設計常用的規範尺寸都有收納。
切圖命名設計規範 界面命名
系統控件庫
功能命名
資源類型
常見狀態
位置排序
以iOS為範例(安卓通用)的切片文件命名規範如下：個人覺得標識符命名原則，儘可能的用最少的字符而又能完整的表達標識符的含義（如：Navigation bar可以縮減成nav）。
分享到:
閱讀更多 米設 的文章
