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

2、點擊后在左側(cè)選擇需要導(dǎo)出的圖層,點選“導(dǎo)出選中的畫板”,點擊“導(dǎo)出到pxcook”,

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

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

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

6、點擊后進入開發(fā)者模式,在右側(cè)可查看相應(yīng)部分的代碼,需要標(biāo)注的話,點擊“設(shè)計”,

7、進入設(shè)計界面,在頁面中點擊需要進行標(biāo)注的部分,然后在左側(cè)點選工具,

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

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

10、雙擊文本部分,能夠手動進行數(shù)值調(diào)整,

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

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