關於對象、圖層、畫板的使用技巧分享

1. 通過快捷鍵調整圖形的形狀

選中圖形,按住 Command 鍵,然後通過上、下、左、右方向鍵即可按1像素爲單位調整圖形形狀。同時按住 Command + Shift + 方向鍵,則可以按10像素爲單位進行調整。

2. 複製元素

選中某元素,按 Command + D 即可進行復制;複製出的新元素默認與原有元素的位置相同,且覆蓋於原有元素之上。

此外,按住 Option 健,同時拖拽目標元素,同樣可實現複製;保持複製出的新元素仍處於選中態,並連續使用 Command + D 快捷鍵,即可按照之前手動拖拽的距離爲間隔單位實現多重複制。

3. 智能選擇

按住 Option 鍵,面向多個元素拉選擇框,最終只有完全處於選擇框內部的元素會被選中,而其他元素會被忽略。

4. 分組與解組

選中多個元素,按 Command + G 將其合併爲一組。選中某個組,按 Command + Shift + G 則可實現解組。

5. 組內單選

要選中某分組內的特定元素,無需到圖層列表中尋找,按住 Command 鍵,同時用鼠標直接指向該元素,即可"穿透"分組,直接選中元素。

6. 將畫板的縮放比還原爲100%

按 Command + 0,即可快速將畫板的縮放比還原爲100%。

7. 調整縮放比,使所有的畫板得以同屏呈現

按 Command + 1,即可快速將畫板調整爲恰當的縮放比,所有的畫板得以同時呈現在視圖當中。

8. 使視圖聚焦於選中的元素

按 Command + 2,即可將編輯區域的視圖焦點快速移至處於選中態的元素或畫板。

9. 將元素置於圖層序列的首位或末位

按住 Option 鍵,Sketch頂部工具欄裏的"向前(Forward)"、"向後(Backward)"按鈕會自動變爲"最前(To Front)"、"最後(To Back)",即可使選中的元素排列到圖層序列的首位或末尾。

10. 重命名圖層

選中某元素,按 Command + R,該元素在圖層列表中的條目即進入可編輯狀態,此時輸入新的圖層名稱即可。

關於元素的編輯與導出1. 測量元素間距

選中一個或多個元素,按住 Option 鍵,同時將鼠標指向要測量間距的目標元素。在移動元素時,也可同時按住 Option 鍵,即可在移動過程中即時查看元素距離特定元素或畫板邊緣的距離。

2. 通過數字鍵設置元素的不透明度

選中元素,然後按一個或一組數字鍵即可直接設置其不透明度 (alpha 值),例如"1"代表10%,"5"代表50%,"9"代表90%,"75"代表75%,等等。

3. 單獨調整某個位置上的圓角半徑

你可以爲元素的四角獨立設置不同的圓角半徑。選中該元素,在右側面板的"半徑 (Radius)"當中輸入一組四個數字,由分號隔開,分別代表左上角、右上角、右下角、左下角的半徑值,例如"10;20;30;40"。

4. 訂製快捷鍵

你可以爲自己常用的 Sketch 功能設置快捷鍵。進入 macOS 的系統偏好設置 – 鍵盤 – 快捷鍵,選擇左側列表中的"應用快捷鍵",點擊右側的"+"按鈕,在對話窗口的"應用程序"列表中選擇 "Sketch",在"菜單標題"中輸入你所需的功能在 Sketch 菜單欄裏的準確名稱,然後設定自己的快捷鍵組合即可。

5. 在屬性檢查器中使用數學運算符

Sketch 可以在右側檢查器面板的文本框當中執行數字運算。例如你想將當前矩形的寬度翻倍,那麼可以在"寬度 (Width)"當中的數字後面輸入"*2",代表"乘以2"。

6. 複雜圖形

對於一些複雜的圖形,例如多邊形或星型,可以在右側檢查器面板中設置邊 (Sides)或頂點 (Points)的數量。

7. 旋轉複製(萬花筒效果)

在 Sketch 的工具欄上右鍵單擊,選擇"訂製工具欄 (Customize Toolbar)",然後將"旋轉複製 (Rotate Copies)"按鈕拖入工具欄。

選中某元素,點擊"旋轉複製"按鈕,輸入需要複製出的元素數量,點擊"OK"即可。

8. 切片

切片工具 (快捷鍵"S")可以拖拽出矩形區域,供你導出圖形。但導出區域未必要覆蓋到元素或畫布整體,你可以把切片作爲一種靈活的截屏工具進行使用。

9. 導出元素、分組或畫板

選中某個元素、分組或畫板,在右側檢查器面板的底部點擊"Make Exportable",在展開的選項單當中選擇導出規格、文件名後綴和文件格式,即可開始導出。

10. 導出高分辨率素材

我們在設計界面時通常會按照字面意義的像素規格來設置畫板 (1x規格),例如使用375×667的畫板來設計4.7寸規格的界面。但你需要面向高像素密度的屏幕導出畫板或局部素材 – 在"Make Exportable"選項單的"Size"當中輸入"2x"或更高值即可。或者你也可以直接在這裏輸入所需導出的具體規格,例如"750px"等等。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章