Sketch作為一款專註於UI設計的工具,由於其輕量、操作簡單的特點,成為了很多設計師的首選設計工具,與PS並駕齊驅。今天這一期公眾號給大家分享20個好用的操作小技巧,希望初學的同學們能培養正確的操作習慣,提高大家的工作學習效率。

1、一鍵查看視圖所有內容

由於Sketch工作區的畫布是無限大的,當我們不小心把內容移動到別的地方找不到了,這時候按Command+1,可以將視圖裡的所有內容完全呈現。

2、所選對象在視圖最大化顯示

按Command+2,可以將視圖聚焦於選中對象,便於我們在眾多內容中查看某個元素的細節。

3、複製元素

選中某元素,按Command+D可以進行複製,這時候複製出來的新內容與原有元素的位置相同。同樣,我們可以通過按著Option鍵同時拖拽元素,也能完成複製操作。

4、元素編組、解組、組內單選

在進行設計過程中,多個圖層的編組操作是必不可少的,可以讓我們養成歸納內容的習慣。選中多個元素,按Command+G可以進行編組。選中某個組,按Command+Shift+G可以解除編組。

想要選中組中某個單獨的圖層,我們需要按著Command鍵不鬆手,然後滑鼠左鍵單擊該元素,就可以「穿透」組選中組內單個圖層了。

5、圖層順序調節

想要逐級一層一層調節圖層順序,需要選中圖層,按Command+Option+上/下方向鍵。若想將圖層一鍵置頂或者一鍵置底,按Command+Option+Control+上/下方向鍵。

6、添加/移除圖層填充、描邊

選中圖層,按F鍵,可以添加/移除填充;選中圖層,按B鍵,可以添加/移除描邊;

7、設置默認樣式

比如我們畫出來的一個形狀是既有填充也有描邊的,那麼接下來畫的每一個形狀都會有相同的樣式。若是想要延續某種樣式(如單一填充/單一描邊/…)來繪製形狀,需要確定好樣式之後,點擊菜單欄Layer——Style——Set as Default Style進行設置默認樣式。

8、快捷吸取顏色

選中形狀圖層,按Control+C,可以吸取屏幕上任何可視區域的顏色。

9、測量元素之間的距離

選中一個元素後,將滑鼠懸停在另一個元素上,最後按住Option鍵,能夠顯示元素之間的距離。我們在保持按著Option鍵不鬆手時移動元素,可以在移動過程中實時查看元素之間的距離。

10、調整形狀單個邊角圓角半徑

比如我們想要讓矩形的某個角點變成圓角,可以選中矩形後,在右側檢查器的Radius(半徑)屬性里英文狀態下輸入4個數字,分別用分號隔開,分別指的是左上角、右上角、右下角、左下角半徑數值,如「0;50;0;0」。也可以通過進入矩形的編輯模式,選定相應角點,調節右側面板中的Corners。

11、自定義快捷鍵

我們可以為Sketch里的某些命令自定義快捷鍵,步驟為:先進入macOS的系統偏好設置——鍵盤——快捷鍵——應用快捷鍵,點擊添加「+」,彈窗中的「應用程序」選擇Sketch,「菜單標題」輸入想要添加的操作命令的準確名稱,然後在「鍵盤快捷鍵」中輸入自己設定的快捷鍵即可。

12、通過數字鍵調節元素的不透明度

選中圖層後,通過按數字鍵0~9可以更改圖層的不透明度,如「0」表示100%,「1」表示10%,「85」表示85%,等等。

13、旋轉複製

選中某元素,點擊「Rotate Copies」(旋轉複製)工具,輸入要複製的元素數量,點擊確認即可。若是有同學發現工具欄中沒有此工具,可以在工具欄空白區域右鍵——Customize Toolbar,將相關工具拖入工具欄中即可。

14、製作網格

若是視圖中有很多畫板,為了便於整理查看,我們可以全選所有畫板,點擊「Make Grid」(製作網格)工具,設置行列及間距來進行排列。我們也可以很便捷地通過「Make Grid」工具來排列別的元素,達到想要的效果。

15、切片

Slice切片工具(快捷鍵S)可以直接拖拽出矩形區域,也可以點擊相關元素生成邊界區域,供我們導出切圖。

16、導出元素、分組、畫板

選中元素、分組、畫板,在右側檢查器下方點擊「Make Exportable」,在彈出面板中設置好規格尺寸、命名後綴、文件格式後,導出即可。

17、通過Symbols實現元素復用

Symbols組件可以讓我們在多個頁面和畫布上將同一個內容元素進行重複使用,如果在Symbols頁面修改了其中一個symbol的屬性,那麼所有用到相應symbol的實例都會進行自動更新,使得我們做圖的效率大大提高。

18、通過overrides(屬性覆寫)對symbol進行修改

由於對主symbol進行屬性更改會影響到所有頁面,當我們想要更改某個實例當中symbol的屬性時,可以選中畫板中的symbol,在右側檢查器中overrides里來修改(如修改圖片、文字等),能夠使每個實例中的symbol呈現不同的內容。

19、交互原型功能

Sketch49版本更新的交互原型功能,選中畫板中的對象後,通過「Link」工具鏈接到想要跳轉的畫板(需要控制觸控範圍的話可以使用「Hotspot」熱區工具畫出對象的觸控範圍),實現動態交互原型。繪製完後可以通過「Preview」工具在Sketch中進行預覽查看效果,也可以通過Sketch Mirror在手機上進行實時預覽。

20、恢復文件版本

如果你在操作sketch的時候不小心將所有內容刪掉並且手抖點了關閉按鈕,再次打開就是一片空白的文件了。這時候不要慌!Sketch是可以自動保存文件版本的,當然前提是在剛開始做圖的時候就保存一個源文件。方法是這樣的:菜單欄選擇File——Revert to——Browse All Versions,在一段很酷炫的轉場動畫之後,選擇想要恢復的版本,點擊Restore恢復即可。

以上就是這次跟大家分享的內容啦,趕快拿起Sketch擼起來,不然鄰居家的小孩都快要等哭了~(認真臉)!( ???) ??

更多精彩,請關注公眾號:新像素UI教育

推薦閱讀:

相关文章