pxcook如何標註距離

來源:酷知科普網 3.04W

設計稿在設計完成之後,需要進行標註之後才能給開發進行製作,下面教你利用Pxcook外掛來對設計稿進行快速標註。

pxcook標註

(01)進入pxcook介面,點選右上角“建立專案

pxcook如何標註距離

(02)在彈框中,輸入專案的名稱進行建立。

pxcook如何標註距離 第2張

(03)名稱輸入完成之後,不要忘記選擇專案的規範,比如IOS。

pxcook如何標註距離 第3張

(04)進入專案介面,我們需要匯入原始檔來進行操作,可以直接拖動原始檔進來。

pxcook如何標註距離 第4張

(05)匯入檔案之後,點選需要處理的介面進行編輯介面。

pxcook如何標註距離 第5張

(06)進入設計編輯介面,在工具中選擇“距離標註”

pxcook如何標註距離 第6張

(07)選擇工具欄,按左鍵確定一個點,我們即可開始標註。

pxcook如何標註距離 第7張

(08)移動滑鼠左鍵即可移動錨點,這樣我們就能標註兩個部分之間的距離。

pxcook如何標註距離 第8張

(09)當然,上下移動的話我們也能標註上下部分的間距哦。

pxcook如何標註距離 第9張

(10)雙擊標註數值可進入編輯模式,使用者可手動來修改數值。

pxcook如何標註距離 第10張

(11)標註完成後,點選“匯出標註圖”,確定位置,點選“儲存”即可。

pxcook如何標註距離 第11張
熱門標籤