酷知百科網

位置:首頁 > 遊戲數碼 > 電腦

pxcook如何標註距離

電腦3.08W

設計稿在設計完成之後,需要進行標註之後才能給開發進行製作,下面教你利用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張
標籤:pxcook 標註