電腦軟件推薦： Sketch Measure 3.2 中文版免費(fèi)版 PDF Link Editor v2.3.5 免費(fèi)版下載 美圖秀秀批量處理 v2022版 小飛兔整站下載工具 v16.0 免費(fèi)破解版

Sketch Measure是一款功能強(qiáng)大的Sketch插件，具備了諸多實(shí)用的工具。它將標(biāo)注、切圖等功能整合到一起，能夠幫助設(shè)計(jì)師輕松完成設(shè)計(jì)相關(guān)的任務(wù)。

Sketch Measure的安裝步驟

首先，下載并解壓文件，找到擴(kuò)展名為.sketchplugin的插件文件。

打開Sketch，點(diǎn)擊頂部菜單欄中的“插件(Plugins)”，然后選擇“管理插件(Manage Plugins)”。

進(jìn)入插件管理界面后，點(diǎn)擊左下角的小齒輪圖標(biāo)，選擇“顯示插件文件夾(Reveal Plugins Folder)”。

插件文件夾會(huì)彈出，將下載的插件文件放入該文件夾內(nèi)。完成后，重新啟動(dòng)Sketch，插件即可使用，屆時(shí)在插件列表中就能看到Measure插件了。

插件使用教程

要使用Measure插件，首先需要激活工具欄。打開Sketch，點(diǎn)擊頂部菜單中的“插件 - Sketch Measure - 工具欄”，或者使用快捷鍵control+shift+B。

所有Measure的功能都集中在這個(gè)工具欄中，界面簡潔易懂。

標(biāo)注間距

你可以標(biāo)注任意層與畫板之間的間距。只需選中畫板上的某一層或任意兩個(gè)層，點(diǎn)擊工具欄上的“間隔”按鈕，或使用快捷鍵control+shift+3。

若要分別顯示頂部、右側(cè)、底部或左側(cè)的間距，可以在按住Alt鍵的同時(shí)點(diǎn)擊“間隔”按鈕。

標(biāo)注尺寸

該功能用于標(biāo)注圖層的寬度和高度。選中一個(gè)或多個(gè)圖層，點(diǎn)擊工具欄上的“尺寸”按鈕，或使用快捷鍵control+shift+2。

你還可以在按住Alt鍵的同時(shí)單獨(dú)設(shè)置寬度或高度的顯示方式。

標(biāo)注屬性

該功能用于標(biāo)注圖層或文本層的屬性，如填充顏色、邊框顏色、透明度、字體和字號(hào)等。選中一個(gè)或多個(gè)圖層，點(diǎn)擊工具欄上的“屬性”按鈕，或使用快捷鍵control+shift+4。

按住Alt鍵并點(diǎn)擊“屬性”按鈕，可以分別單獨(dú)標(biāo)注各項(xiàng)屬性。

規(guī)范查看器

你可以使用Safari 9+或Google Chrome瀏覽器查看導(dǎo)出的規(guī)范，規(guī)范將以HTML5、CSS3和JavaScript格式呈現(xiàn)。

選中一個(gè)層并懸停在上面，可以測量并獲得該層的間距。

點(diǎn)擊屬性檢查器右側(cè)的顏色區(qū)域，可以切換顏色格式。

通過快捷鍵command + +或command + -來縮放畫布。

按住空格鍵并拖動(dòng)鼠標(biāo)可以平移畫布。

你還可以通過切換備注開關(guān)來顯示或隱藏備注。

標(biāo)注備注

此功能允許你在畫板上添加備注，并在規(guī)范導(dǎo)出的查看器中顯示這些備注。

插入文本層并鍵入所需文字，選中文本層，點(diǎn)擊工具欄中的“備注”按鈕，或使用快捷鍵control+shift+5。

切圖設(shè)置

該功能幫助你快速設(shè)置層的導(dǎo)出選項(xiàng)和規(guī)范導(dǎo)出的切片規(guī)格，比如導(dǎo)出安卓資源。

顏色命名

你可以設(shè)置顏色命名，并將導(dǎo)出的.xml文件發(fā)送給開發(fā)人員。選中一個(gè)或多個(gè)圖層或文本層，點(diǎn)擊工具欄上的“顏色命名”按鈕，或使用快捷鍵control+shift+C。

在彈出的顏色管理對(duì)話框中，點(diǎn)擊加號(hào)按鈕來添加顏色命名。

若要編輯顏色命名，只需在對(duì)話框中雙擊顏色項(xiàng)目即可。

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

此功能允許你一鍵導(dǎo)出HTML頁面，便于離線查看設(shè)計(jì)細(xì)節(jié)，包括CSS樣式。

在Sketch中選中畫板，點(diǎn)擊工具欄上的“規(guī)范導(dǎo)出”按鈕，或使用快捷鍵control+shift+E。

如果只需要導(dǎo)出一個(gè)畫板的HTML文件，請關(guān)閉“高級(jí)模式”選項(xiàng)。

切片設(shè)置

選中一個(gè)或多個(gè)層，點(diǎn)擊工具欄上的“設(shè)置切圖”按鈕，或使用快捷鍵control+shift+S。

如果你希望創(chuàng)建切片圖層，可以按住Alt鍵并點(diǎn)擊“設(shè)置切圖”按鈕。

注意事項(xiàng)

首次使用時(shí)，系統(tǒng)會(huì)彈出倍率和單位選擇對(duì)話框。

倍率和單位將根據(jù)當(dāng)前畫板尺寸設(shè)置，默認(rèn)情況下，如果是iPhone 7的畫板（375x667px），倍率為1，單位為px。Sketch Measure也內(nèi)置了常用的倍率和單位，用戶可以從下拉菜單中選擇。