自動標注切圖插件(Sketch Measure)

Sketch Measure是一款非常方便好用的切圖工具，支持標注及切圖，Sketch Measure切圖插件可以很方便的進行區(qū)域選擇，屬性設置等，使用非常方便。有需要的小伙伴歡迎來西西下載體驗。

插件簡介：

Sketch是為Mac打造的一款界面優(yōu)美、功能強大兼有的矢量圖形繪制軟件。在Sketch中用戶能輕松地設計圖層面板，而且Sketch為用戶提供可能需要的各種操作功能：多層式填充、漸變、噪點、混合模糊以及更多。更值得一提的是，Sketch擁有布爾運算來混合多個形狀為更復雜的形狀。Sketch旨在為美術(shù)設計師打造一款更為實用的程序，不是復制品，而是提升品。

軟件功能：

【工具欄】

一個集成了所有功能圖標的工具欄，可以方便操作每一個功能

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

【標注區(qū)域】

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

1、在 Sketch 中選中一個或多個層

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

【標注尺寸】

用于標注一些圖層的寬度和高度

1、在 Sketch 中選中一個或多個層

2、點擊工具欄上的 尺寸 按鈕或使用快捷鍵

【標注間隔】

任何層與畫板之間的間距

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

2、點擊工具欄上的 間隔 按鈕或使用快捷鍵

【標注屬性】

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

1、在 Sketch 中選中一個或多個層

2、點擊工具欄上的 屬性 按鈕或使用快捷鍵

【標注備注】

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

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

2、選中文本層

3、點擊工具欄上的 備注 按鈕或使用快捷鍵

【設置切圖】

快速設置層導出選項的預設和 規(guī)范導出 切片規(guī)格，例如下圖導出安卓資源

1、在 Sketch 中選中一個或多個層

2、點擊工具欄上的 設置切圖 按鈕或使用快捷鍵

【顏色命名】

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

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

2、在 Sketch 中選中一個或多個圖層或文本層

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

如果你想編輯顏色命名

【規(guī)范導出】

一鍵自動生成 HTML 頁面，離線下檢查所有設計細節(jié)，包括 CSS 樣式。

1、在 Sketch 中選中一些畫板

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

【規(guī)范查看器】

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

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

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

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

摁住鍵盤空格鍵, 同時鼠標拖拽畫布可平移畫布

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