Parker - Sketch上的可视化标注工具

软件描述

Parker能够自动计算尺寸、距离、文字大小、阴影等信息,并按照你的需要进行标注, 它极大节省你标注的时间,大幅度提升设计效率

使用方法



坐标标注

标注元素的位置坐标

1. 选中需要标注的图层

2. 点击边角坐标 标注按钮




元素尺寸标注

标注元素的宽和高

1. 选中需要标注的图层

2. 点击元素尺寸 标注按钮




边缘距离标注

标注元素距离边缘的长度

1. 选中需要标注的图层

2. 点击边缘距离 标注按钮




相互距离标注

标注两个元素之间的距离

1. 选择两个需要标注距离的图层

2. 点击相互距离 标注按钮

注: 两个图层应该是没有交集的




添加文字说明

给设计稿添加文字描述

1. 选中需要标注的图层

2. 点击文字描述 标注按钮

3. 输入需要说明的文字,点击确定




文字标注

标注文字图层的样式

1. 选择文字图层

2. 点击文字标注 按钮右侧的下拉箭头

3. 勾选需要标注的文字属性, 点确定

4. 点击文字标注




图层样式

标注矢量图层的样式

1. 选择图层(非Symbol图层)

2. 点击图层样式 按钮右侧的下拉箭头

3. 勾选需要标注的文字属性, 点确定

4. 点击图层样式




内部边距

标注元素的内部边距

1. 选中需要标注的两个图层(图层必须是视觉上的包含关系哦)

2. 点击内部边距 标注按钮




图层遮罩

创建一个图层遮罩, 一般给不规则的icon设置一个固定的尺寸

1. 选择目标元素的图层

2. 点击图层遮罩 按钮

3. 也可以通过拉取一个选区来生成遮罩




导出标注PNG文件

标注好之后, 点击导出按钮,选择导出位置即可