億品元素設計資源博客

品味經典包裝設計,版式設計,分享實用設計資源、設計軟件、插件下載及在線書法字體生成
登錄注冊 聯系合作 投稿

億品元素 » 設計插件 » Sketch Measure 2.7.7中文版-Sketch最佳自動標注切圖插件

Sketch Measure 2.7.7中文版-Sketch最佳自動標注切圖插件

Sketch Measure是一款Sketch自動標注、切圖插件,是目前sketch上最好用的標注切圖工具。Sketch Measure可謂UI設計師必備的Sketch插件,推薦用Sketch的朋友不要錯過。…

Sketch Measure是一款Sketch自動標注、切圖插件,是目前sketch上最好用的標注切圖工具。Sketch Measure可謂UI設計師必備的Sketch插件,推薦用Sketch的朋友不要錯過。

Sketch-Measure

Sketch Measure安裝

  1. 下載安裝包
  2. 雙擊 Sketch Measure.sketchplugin 完成安裝

Sketch Measure插件功能特性

工具欄

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

執行 Plugin > Sketch Measure > Toolbar 或使用快捷鍵 control ?? shift ? B

標注區域

有時你可能需要標注一個區域以突出該層,而這在 Sketch Measure 中很容易實現

  1. 在 Sketch 中選中一個或多個層
  2. 點擊工具欄上的 區域 按鈕或使用快捷鍵 control ?? shift ? 1

標注尺寸

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

  1. 在 Sketch 中選中一個或多個層
  2. 點擊工具欄上的 尺寸 按鈕或使用快捷鍵 control ?? shift ? 2

    對于寬度和高度,如果你想分別單獨標注以及設置顯示方式

    可以在按住 alt ? 鍵的同時點擊工具欄上的 尺寸 按鈕

Sketch-Measure1

標注間隔

任何層與畫板之間的間距

  1. 選中在畫板上的一個層或選中任意兩個層
  2. 點擊工具欄上的 間隔 按鈕或使用快捷鍵 control ?? shift ? 3

    如果你想分別單獨顯示頂部、右、底部或左的間距

    可以在按住 alt ? 鍵的同時點擊工具欄上的 間隔 按鈕

Sketch-Measure2

標注屬性

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

  1. 在 Sketch 中選中一個或多個層
  2. 點擊工具欄上的 屬性 按鈕或使用快捷鍵 control ?? shift ? 4

    如果你想分別單獨標注任何屬性

    可以在按住 alt ? 鍵的同時點擊工具欄上的 屬性 按鈕

Sketch-Measure3

標注備注

在畫板上標注一些備注,在規范導出的查看器中展示

  1. 插入文本層,鍵入一些文本
  2. 選中文本層
  3. 點擊工具欄上的 備注 按鈕或使用快捷鍵 control ?? shift ? 5

設置切圖

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

  1. 在 Sketch 中選中一個或多個層
  2. 點擊工具欄上的 設置切圖 按鈕或使用快捷鍵 control ?? shift ? S

    如果你想創建切片圖層

    可以在按住 alt ? 鍵的同時點擊工具欄上的 設置切圖 按鈕

顏色命名

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

  1. 點擊工具欄上的 顏色命名 按鈕或使用快捷鍵 control ?? shift ? C
  2. 在 Sketch 中選中一個或多個圖層或文本層
  3. 在第 1 步驟彈出的顏色管理對話框界面中點擊 按鈕

    如果你想編輯顏色命名

    在對話框界面中雙擊顏色項目即可

規范導出

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

  1. 在 Sketch 中選中一些畫板
  2. 點擊工具欄上的 規范導出 按鈕或使用快捷鍵 control ?? shift ? E

    如果你創建一個 HTML 文件一個畫板,請取消選中“高級模式”

規范查看器

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

  • 選中一個層并懸停在層上來測量和獲得間距
  • 點擊位于規范查看器界面右側屬性檢查器的顏色區域可改變顏色格式
  • 使用 command ? 和 command ? - 來縮放畫布
  • 摁住鍵盤空格鍵, 同時鼠標拖拽畫布可平移畫布
  • 切換備注開關可顯示和隱藏備注

Sketch Measure 2.7.7中文版-Sketch最佳自動標注切圖插件

打賞

如果本站對您有所幫助,請考慮對本站進行小額捐贈:

捐贈億品
相關內容

發表評論

如何下載本站資源『所有留言都會被審核,請勿發布垃圾評論』

(必填)*

广州恒大足球比分