一堆人問我的慣用工具…就先從愛用品開始講起吧。

UI 在切完圖後還有工作要做，不是一堆 .png 打包扔給 RD 就了事，圖檔名稱咧？尺寸咧？字體咧？色碼咧？這些都要告訴 RD 的吧？

目前我找到最方便好用的工具就是這款「MarkMan」。免費！雖然是對岸作品，但很值得信任，而且作者本人很親切喔！

MarkMan 網站：http://www.getmarkman.com

MarkMan 功能非常簡單，就這一條 ToolBar，所有的快速鍵正好和我習慣的一樣，用起來十分得心應手。如果你有在用 Photoshop 或 Illustrator，根本無痛切換。（為了按 cmd + Z，我左手長期黏住鍵盤最左端。右手則黏在 Wacom 板上，快速鍵靠左手也就夠了。）

自動標示長度

快速鍵：cmd + L 或是 cmd + 1。重覆按 cmd + L 或 cmd + 1 切換直線或橫線。
標示 A 元件和 B 元件之間的相對間距非常迅速。自動探測元素邊緣的功能有時候不那麼精準、偶爾會差 1、2 個 px，可以拉動線條兩端的截點調整。調整截點位置時會自動出現參考線輔助對齊，配合放大畫面就能避免誤差。

自動計算尺寸位置

快速鍵：cmd + P 或是 cmd + 2。
自動標示框選區域的座標和尺寸。通常被我拿來標示切圖的圖檔尺寸。
（個人希望作者能增加一個切換座標顯示的功能，Android 螢幕尺寸太多種、需要的是距離，座標反而不那麼重要。這時候就會希望能隱藏座標文字。）

自動標示色碼

快速鍵：cmd + I 或是 cmd + 3。 和 PS 滴管快速鍵一樣。
最免動腦操作的功能，游標點到哪就自動標示該點的色碼。可以切換成十進位或十六進位 2 種色碼。（出文件前記得先問問 RD 他需要哪一種色碼。）

手寫文字註解

快速鍵：cmd + T 或是 cmd + 4。 和 PS 文字工具快速鍵一樣。
圖檔名稱、字體、字級等等就得用這個工具標示了，有什麼附加說明也打上去吧。

其它

MarkMan 還有很多方便的功能，就讓大家自己去試看看了，反正這款應用程式是免費的，裝來玩玩看很不錯。（滑鼠右鍵選單在每個標示元件上出現的選項略有不同。）

它支持 Retina 模式，遇到 @2x 結尾的文件名，會在載入時自動縮小 50% 喔！因為吃PSD檔，而且即時更新，表示你可以一邊改PSD一邊標文件，只要 PSD 檔檔名加上 @2x，就不用另存 1x 圖了，方便到爆的功能～～這絕對是款能加快標示文件製作的神器。功能簡單但該有的都有了，剩下細節部份就等作者有空改版會更完美囉！

騰訊 CDC 部門（既用戶研究與體驗設計中心）有款應用程式照抄 MarkMan，叫 Dorado，評價很差。用 Mac 的就不用想了，這款只有 Win 版，而且 bug 不少，操控不順又綁手綁腳。嗯…我有提到騰訊是抄 MarkMan 吧？