当设计师在对页面进行设计后 ， 需要进行标注之后才能给前端开发进行制作 ， 手动标注是很费时间的 ， 下面介绍pxcook便捷标注插件工具的使用 。 工具/材料 pxcook
pxcook使用 01 先想使用该插件的话 ， 需要先进行下载安装 ， 在搜狗搜索“pxcook”下载安装即可 ， 安装完成后进入sketch界面 ， 点击下图图标 。
文章插图
02 点击后在左侧选择需要导出的图层 ， 点选“导出选中的画板” ， 点击“导出到pxcook”
文章插图
03 点击后跳转到pxcook界面 ， 首先输入项目的名称进行命名 。
文章插图
04 输入项目名称后后需要选择格式 ， 如下图ios、Android或者web ， 选择后点击“创建项目”
文章插图
05 成功创建项目后进入项目列表页 ， 点击需要进行操作的项目 。
文章插图
06 点击后进入开发者模式 ， 在右侧可查看相应部分的代码 ， 需要标注的话 ， 点击“设计”
文章插图
07 进入设计界面 ， 在页面中点击需要进行标注的部分 ， 然后在左侧点选工具 。
文章插图
08 【方便标注的插件工具】教一个快速的标注方法 ， 要标注两个形状之间间距的时候 ， 点选一个形状 ， 按住左键拖动会出现一条线 ， 移动到目标形状放开即可 。
文章插图
09 放开后即可快速标注出两个形状之间的距离 ， 如下图的4pt 。
文章插图
10 双击文本部分能够手动进行数值调整 。
文章插图
11 在上方颜色中我们可更改标注的颜色 ， 然后点击“保存” ， 选择位置 ， 点击“存储”即可 。
文章插图
以上内容就是方便标注的插件工具的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 教你绘制一张彩虹光线图
- 台式电脑的组成
- 硬盘如何合并相邻的两个分区为一个分区？
- 紫苏卷五花肉的做法 紫苏卷五花肉怎么做
- Win10如何设置默认浏览器？
- shift+delete删除的文件可以恢复吗?
- 如何隐藏Word中的段落标记？
- 甲鱼的做法甲鱼怎么做
- 蟹的做法 蟹粥的做法
- 美团网怎么取消已付款的订单？