方便標注的插件工具
當設計師在對頁面進行設計后，需要進行標注之后才能給前端開發進行制作，手動標注是很費時間的，下面介紹pxcook便捷標注插件工具的使用。
工具/材料
pxcook
pxcook使用
-
01
先想使用該插件的話，需要先進行下載安裝，在搜狗搜索“pxcook”下載安裝即可，安裝完成后進入sketch界面，點擊下圖圖標。
-
02
點擊后在左側選擇需要導出的圖層，點選“導出選中的畫板”，點擊“導出到pxcook”
-
03
點擊后跳轉到pxcook界面，首先輸入項目的名稱進行命名。
-
04
輸入項目名稱后后需要選擇格式，如下圖ios、Android或者web，選擇后點擊“創建項目”
-
05
成功創建項目后進入項目列表頁，點擊需要進行操作的項目。
-
06
點擊后進入開發者模式，在右側可查看相應部分的代碼，需要標注的話，點擊“設計”
-
07
進入設計界面，在頁面中點擊需要進行標注的部分，然后在左側點選工具。
-
08
教一個快速的標注方法，要標注兩個形狀之間間距的時候，點選一個形狀，按住左鍵拖動會出現一條線，移動到目標形狀放開即可。
-
09
放開后即可快速標注出兩個形狀之間的距離，如下圖的4pt。
-
10
雙擊文本部分能夠手動進行數值調整。
-
11
在上方顏色中我們可更改標注的顏色，然后點擊“保存”，選擇位置，點擊“存儲”即可。
- End
- 發表于 2017-11-13 00:00
- 閱讀 ( 697 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章