sketch可視化標(biāo)注插件Parker

Parker插件是一款可視化的sketch自動(dòng)標(biāo)注插件，這款插件可以幫你自動(dòng)計(jì)算尺寸、距離、文字大小、陰影等信息，并按照你的需要進(jìn)行標(biāo)注, 它極大節(jié)省你標(biāo)注的時(shí)間，大幅度提升設(shè)計(jì)效率。

功能介紹：

坐標(biāo)標(biāo)注

標(biāo)注元素的位置坐標(biāo)

1. 選中需要標(biāo)注的圖層

2. 點(diǎn)擊邊角坐標(biāo) 標(biāo)注按鈕

元素尺寸標(biāo)注

標(biāo)注元素的寬和高

1. 選中需要標(biāo)注的圖層

2. 點(diǎn)擊元素尺寸 標(biāo)注按鈕

邊緣距離標(biāo)注

標(biāo)注元素距離邊緣的長度

1. 選中需要標(biāo)注的圖層

2. 點(diǎn)擊邊緣距離 標(biāo)注按鈕

相互距離標(biāo)注

標(biāo)注兩個(gè)元素之間的距離

1. 選擇兩個(gè)需要標(biāo)注距離的圖層

2. 點(diǎn)擊相互距離 標(biāo)注按鈕

注: 兩個(gè)圖層應(yīng)該是沒有交集的

添加文字說明

給設(shè)計(jì)稿添加文字描述

1. 選中需要標(biāo)注的圖層

2. 點(diǎn)擊文字描述 標(biāo)注按鈕

3. 輸入需要說明的文字,點(diǎn)擊確定

文字標(biāo)注

標(biāo)注文字圖層的樣式

1. 選擇文字圖層

2. 點(diǎn)擊文字標(biāo)注 按鈕右側(cè)的下拉箭頭

3. 勾選需要標(biāo)注的文字屬性, 點(diǎn)確定

4. 點(diǎn)擊文字標(biāo)注

圖層樣式

標(biāo)注矢量圖層的樣式

1. 選擇圖層(非Symbol圖層)

2. 點(diǎn)擊圖層樣式 按鈕右側(cè)的下拉箭頭

3. 勾選需要標(biāo)注的文字屬性, 點(diǎn)確定

4. 點(diǎn)擊圖層樣式

內(nèi)部邊距

標(biāo)注元素的內(nèi)部邊距

1. 選中需要標(biāo)注的兩個(gè)圖層(圖層必須是視覺上的包含關(guān)系哦)

2. 點(diǎn)擊內(nèi)部邊距 標(biāo)注按鈕

圖層遮罩

創(chuàng)建一個(gè)圖層遮罩, 一般給不規(guī)則的icon設(shè)置一個(gè)固定的尺寸

1. 選擇目標(biāo)元素的圖層

2. 點(diǎn)擊圖層遮罩 按鈕

3. 也可以通過拉取一個(gè)選區(qū)來生成遮罩

導(dǎo)出標(biāo)注PNG文件

標(biāo)注好之后, 點(diǎn)擊導(dǎo)出按鈕,選擇導(dǎo)出位置即可