近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰看吧。這篇筆記的是六角學院的 UI 設計入門：畫出有程式邏輯的設計稿 中關於切圖命名與格式。
課程相關資訊
[連結]：https://courses.hexschool.com/courses/724307/lectures/13101903
本篇範圍：Chapter 9 ( 與工程師協作的必要文件 ) ，一共有 13 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. 切圖的檔案模式，需要透明度較多的圖片，可使用 PNG；JPG 則適合色彩較為豐富的；SVG 則用於多尺寸縮放
2. 切圖的命名方面，要注意 Android 一律採用 _ 下底線的方法；iOS 和 web 則是 – 或是 _ 都可以。
3. 命名規則可以參考以「 圖片類型_分類_用途_狀態 」。如 btn_main_share_disabled.svg
4. 為了因應多元尺寸的螢幕，所以圖片也需要做出倍率調整，才能確保清晰
