設計師在對頁面進行設計后,需要進行標注之后才能給前端開發進行制作,手動標注是很費時間的,下面介紹一款便捷標注插件工具,就是pxcook,一起來看它的具體使用方法。
PxCook支持macOS和Windows操作系統,支持對PS、Sketch設計元素尺寸、元素距離、文本樣式、顏色的智能標注,非常方便。
1、下載安裝PxCook后進入sketch界面,點擊下圖圖標。

2、點擊后在左側選擇需要導出的圖層,點選“導出選中的畫板”,點擊“導出到pxcook”,

3、點擊后跳轉到pxcook界面,首先輸入項目的名稱進行命名,

4、輸入項目名稱后需要選擇格式,如下圖ios、Android或者web,選擇后點擊“創建項目”,

5、成功創建項目后進入項目列表頁,點擊需要進行操作的項目,

6、點擊后進入開發者模式,在右側可查看相應部分的代碼,需要標注的話,點擊“設計”,

7、進入設計界面,在頁面中點擊需要進行標注的部分,然后在左側點選工具,

8、教一個快速的標注方法,要標注兩個形狀之間間距的時候,點選一個形狀,按住左鍵拖動會出現一條線,移動到目標形狀放開即可,

9、放開后即可快速標注出兩個形狀之間的距離,如下圖的4pt,

10、雙擊文本部分,能夠手動進行數值調整,

11、在上方顏色中我們可更改標注的顏色,然后點擊“保存”,選擇位置,點擊“存儲”即可。

以上就是關于PxCook工具的使用說明,有需要的小伙伴可以體驗試試 (了解更多精彩教程資訊,關注VEVB.com)。
新聞熱點
疑難解答