Sketch Measure切圖插件是專為Sketch軟件所打造的自動(dòng)標(biāo)注切圖工具，它擁有標(biāo)注區(qū)域、標(biāo)注尺寸、標(biāo)注間隔、標(biāo)注屬性、標(biāo)注備注等標(biāo)注功能以及強(qiáng)大的切圖功能，能夠有效提供你的切圖效率，非常適合UI設(shè)計(jì)師進(jìn)行使用。

【功能特點(diǎn)】

　　【工具欄】

　　一個(gè)集成了所有功能圖標(biāo)的工具欄，可以方便操作每一個(gè)功能

　　執(zhí)行 Plugin > Sketch Measure > Toolbar 或使用快捷鍵

　　【標(biāo)注區(qū)域】

　　有時(shí)你可能需要標(biāo)注一個(gè)區(qū)域以突出該層，而這在 Sketch Measure 中很容易實(shí)現(xiàn)

　　1、在 Sketch 中選中一個(gè)或多個(gè)層

　　2、點(diǎn)擊工具欄上的 區(qū)域 按鈕或使用快捷鍵

　　【標(biāo)注尺寸】

　　用于標(biāo)注一些圖層的寬度和高度

　　1、在 Sketch 中選中一個(gè)或多個(gè)層

　　2、點(diǎn)擊工具欄上的 尺寸 按鈕或使用快捷鍵

　　【標(biāo)注間隔】

　　任何層與畫板之間的間距

　　1、選中在畫板上的一個(gè)層或選中任意兩個(gè)層

　　2、點(diǎn)擊工具欄上的 間隔 按鈕或使用快捷鍵

　　【標(biāo)注屬性】

　　標(biāo)注圖層或文本層的信息，例如填充顏色、邊框顏色、不透明度字體和字號等

　　1、在 Sketch 中選中一個(gè)或多個(gè)層

　　2、點(diǎn)擊工具欄上的 屬性 按鈕或使用快捷鍵

　　【標(biāo)注備注】

　　在畫板上標(biāo)注一些備注，在規(guī)范導(dǎo)出的查看器中展示

　　1、插入文本層，鍵入一些文本

　　2、選中文本層

　　3、點(diǎn)擊工具欄上的 備注 按鈕或使用快捷鍵

　　【設(shè)置切圖】

　　快速設(shè)置層導(dǎo)出選項(xiàng)的預(yù)設(shè)和 規(guī)范導(dǎo)出 切片規(guī)格，例如下圖導(dǎo)出安卓資源

　　1、在 Sketch 中選中一個(gè)或多個(gè)層

　　2、點(diǎn)擊工具欄上的 設(shè)置切圖 按鈕或使用快捷鍵

　　【顏色命名】

　　設(shè)置顏色命名和導(dǎo)出 .xml 文件給開發(fā)者

　　1、點(diǎn)擊工具欄上的 顏色命名 按鈕或使用快捷鍵

　　2、在 Sketch 中選中一個(gè)或多個(gè)圖層或文本層

　　3、在第 1 步驟彈出的顏色管理對話框界面中點(diǎn)擊 按鈕

　　如果你想編輯顏色命名

　　【規(guī)范導(dǎo)出】

　　一鍵自動(dòng)生成 HTML 頁面，離線下檢查所有設(shè)計(jì)細(xì)節(jié)，包括 CSS 樣式。

　　1、在 Sketch 中選中一些畫板

　　2、點(diǎn)擊工具欄上的 規(guī)范導(dǎo)出 按鈕或使用快捷鍵

　　【規(guī)范查看器】

　　你可以使用 Safari 9 或 Google Chrome 來查看, 導(dǎo)出的規(guī)范基于 HTML 5、CSS 3 和 Javascript 呈現(xiàn)

　　選中一個(gè)層并懸停在層上來測量和獲得間距

　　點(diǎn)擊位于規(guī)范查看器界面右側(cè)屬性檢查器的顏色區(qū)域可改變顏色格式

　　使用 command ? 和 command ? - 來縮放畫布

　　摁住鍵盤空格鍵, 同時(shí)鼠標(biāo)拖拽畫布可平移畫布

　　切換備注開關(guān)可顯示和隱藏備注

【安裝說明】

　　1、下載安裝包

　　2、雙擊 Sketch Measure.sketchplugin 完成安裝