Photoshop 的免費 UI 標示工具- Size-Marks-PS
現在雖然有不少好用的原型工具,像 Adobe XD 或 Sketch,但還是可能會收到一些不是用這些原型工具的檔案,如果是 photoshop 可以選擇這個免費的工具來幫忙標示 UI 的間距。
首先到 github 下載 Size-Marks-PS 這個 plugin
下載後依以下路徑安裝到 photoshop
OS X: /Applications/[Photoshop]/Presets/Scripts/
Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts
接下來重開 photoshop 就可以使用了,把要標示的距離用選取工具選起來。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4G365QyS4fnuODlbvd-zK7r3xU-Fx3HOnLQfZ5ls0bXXd3ANwsiguvDU9Ip3ZphyphenhyphenJko5yMs_bLoKx7Sim5mtNt7-y6leczVnU1GQxTiQSkGxq7SNU_UYzyLa4_2kZA-syqtDhQtElkfGI/s1600-rw/size3.png)
接著從檔案 > 指令碼 選擇 Size Marks
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgibeWpEOj_BNduPiiiHWoXGPdSh_gIkNnbBuWreWxaD35dNpMCtzJ4msNQ4w0waw35KxMb8C4WwWHu9_ea_cgix6UpSk1bWJlsbMAcw83Tg33VpsQgCsYoP_2UyqUdZBQbSjaoO-7WAxTW/s1600-rw/size2.png)
這樣就會幫你標示了,如果覺得每次要從選單選很麻煩,也非常建議設定快速鍵,從 編輯 > 鍵盤快速鍵 > 檔案 > 指令碼 找到 Size Marks 就可以設定快速鍵。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidR_Ta5ItoZdCSkTVQDR3Ba6MJk_6A5BEVy-U8-xbdLbQMJIDshBzPBtEhNXzdsduSALQxb_tvkA3z8ex-v3MBGxypGynvnErMJMeoIHLbmug4gStwrSct9_cpsviIqDEoGtwgH751emLp/s1600-rw/size1.png)
這是開發者建議大家設定的快速鍵
OS X: Shift+Cmd+P
Windows: Shift+Ctrl+P
首先到 github 下載 Size-Marks-PS 這個 plugin
下載後依以下路徑安裝到 photoshop
OS X: /Applications/[Photoshop]/Presets/Scripts/
Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts
接下來重開 photoshop 就可以使用了,把要標示的距離用選取工具選起來。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4G365QyS4fnuODlbvd-zK7r3xU-Fx3HOnLQfZ5ls0bXXd3ANwsiguvDU9Ip3ZphyphenhyphenJko5yMs_bLoKx7Sim5mtNt7-y6leczVnU1GQxTiQSkGxq7SNU_UYzyLa4_2kZA-syqtDhQtElkfGI/s1600-rw/size3.png)
接著從檔案 > 指令碼 選擇 Size Marks
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgibeWpEOj_BNduPiiiHWoXGPdSh_gIkNnbBuWreWxaD35dNpMCtzJ4msNQ4w0waw35KxMb8C4WwWHu9_ea_cgix6UpSk1bWJlsbMAcw83Tg33VpsQgCsYoP_2UyqUdZBQbSjaoO-7WAxTW/s1600-rw/size2.png)
這樣就會幫你標示了,如果覺得每次要從選單選很麻煩,也非常建議設定快速鍵,從 編輯 > 鍵盤快速鍵 > 檔案 > 指令碼 找到 Size Marks 就可以設定快速鍵。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidR_Ta5ItoZdCSkTVQDR3Ba6MJk_6A5BEVy-U8-xbdLbQMJIDshBzPBtEhNXzdsduSALQxb_tvkA3z8ex-v3MBGxypGynvnErMJMeoIHLbmug4gStwrSct9_cpsviIqDEoGtwgH751emLp/s1600-rw/size1.png)
這是開發者建議大家設定的快速鍵
OS X: Shift+Cmd+P
Windows: Shift+Ctrl+P
留言