Parker

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

基本信息

  - 软件适配  Sketch 4.0+

安装

  1. 下载 Parker.zip

  2. 解压 Parker.zip 进行安装

功能介绍

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

Parker - US - UI设计素材库

坐标标注

标注元素的位置坐标

1. 选中需要标注的图层

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

Parker - US - UI设计素材库

元素尺寸标注

标注元素的宽和高

1. 选中需要标注的图层

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

Parker - US - UI设计素材库

边缘距离标注

标注元素距离边缘的长度

1. 选中需要标注的图层

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

Parker - US - UI设计素材库

相互距离标注

标注两个元素之间的距离

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

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

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

Parker - US - UI设计素材库

添加文字说明

给设计稿添加文字描述

1. 选中需要标注的图层

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

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

Parker - US - UI设计素材库

文字标注

标注文字图层的样式

1. 选择文字图层

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

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

4. 点击文字标注

Parker - US - UI设计素材库

图层样式

标注矢量图层的样式

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

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

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

4. 点击图层样式

Parker - US - UI设计素材库

内部边距

标注元素的内部边距

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

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

Parker - US - UI设计素材库

图层遮罩

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

1. 选择目标元素的图层

2. 点击图层遮罩 按钮

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

Parker - US - UI设计素材库

导出标注PNG文件

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

541