当前位置:常识百科馆>游戏数码>电脑>

pxcook如何标注距离

电脑 阅读(3.1W)

设计稿在设计完成之后,需要进行标注之后才能给开发进行制作,下面教你利用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张