pxcook如何标注距离

设计稿在设计完成之后 , 需要进行标注之后才能给开发进行制作 , 下面教你利用Pxcook插件来对设计稿进行快速标注 。 工具/材料 pxcook
pxcook标注 01 进入pxcook界面 , 点击右上角“创建项目”

pxcook如何标注距离



02 在弹框中 , 输入项目的名称进行创建 。

pxcook如何标注距离



03 名称输入完成之后 , 不要忘记选择项目的规范 , 比如IOS 。

pxcook如何标注距离



04 进入项目界面 , 我们需要导入源文件来进行操作 , 可以直接拖动源文件进来 。

pxcook如何标注距离



05 导入文件之后 , 点击需要处理的界面进行编辑界面 。

pxcook如何标注距离



06 进入设计编辑界面 , 在工具中选择“距离标注”

pxcook如何标注距离



07 选择工具栏 , 按左键确定一个点 , 我们即可开始标注 。

pxcook如何标注距离



08 移动鼠标左键即可移动锚点 , 这样我们就能标注两个部分之间的距离 。

pxcook如何标注距离



09 当然 , 上下移动的话我们也能标注上下部分的间距哦 。

pxcook如何标注距离



10 双击标注数值可进入编辑模式 , 用户可手动来修改数值 。

pxcook如何标注距离



11 【pxcook如何标注距离】标注完成后 , 点击“导出标注图” , 确定位置 , 点击“存储”即可 。

pxcook如何标注距离





以上内容就是pxcook如何标注距离的内容啦 , 希望对你有所帮助哦!

    猜你喜欢