UI設計中Sketch提高效率的常用技巧

　　Sketch畢竟沒有什么學習曲線，頗易上手，相應的也時常導致新手在一開始就忽略掉一些重要的、高頻的使用小技巧，而將一些稍許費力耗時的方式一路沿用下去。今天AAA教育郭老師就針對UI設計中Sketch提高效率的常用技巧進行簡單的說明。
 

　　一、常用的形狀快捷鍵
 

　　Sketch 軟件和別的設計軟件一樣，提供了很多形狀繪制工具，這些工具的快捷鍵不用刻意去記，使用多了就會記住。
 

　　常用的比如：R(矩形)、O(圓形)、L(直線)等。

 

　　二、快速新建畫板 A
 

　　通過快捷鍵“A”可以快速新建畫板，可以選擇畫板大小和畫板類型。

 

　　三、快速切換填充/描邊
 

　　當繪制出形狀圖形之后，為了更加快捷的進行填充和描邊的切換，我們可以利用快捷鍵 “F” 快速切換是否填充狀態(tài)，快捷鍵 “B” 快速切換是否描邊。

 

　　四、旋轉復制
 

　　1、畫出任意線/面/形狀，點旋轉復制;
 

　　2、填寫數(shù)量;
 

　　3、復制之后的形狀通過中間的手柄調(diào)成自己想要的角度;
 

　　4、為形狀給顏色，可以先給好單個顏色再旋轉復制，也可以復制完成以后選中所有單個形狀，進行統(tǒng)一調(diào)整顏色。

　　五、虛線/表盤
 

　　1、畫好線的形狀(可以是直線/圓形/不規(guī)則線條);
 

　　2、調(diào)整線的值，比如線的寬給 20;
 

　　3、虛線的數(shù)值，比如給 2 是指每單個線段的寬度;
 

　　4、選中調(diào)顏色。

 

　　六、Sketch 的計算功能
 

　　在坐標輸入框中，“加、減、乘和除”操作可以快速調(diào)整坐標。

 

　　七、快速切換視圖
 

　　【Command + 0】在100%大小下看設計效果，方便一比一預覽設計效果。

 

　　【Command + 1】完整顯示頁面里的所有內(nèi)容。

 

　　【Command + 2】把選中的元素放大到適合屏幕尺寸大小。

 

　　【Command + 3】把選中的元素顯示在屏幕中央。

 

　　八、快速移動 / 選擇圖層
 

　　向上一層【Alt+Command+??】
 

　　向下一層【Alt+Command+??】
 

　　置于頂層【Control+Alt+Command+??】
 

　　置于于底層【Control+Alt+Command+??】
 

　　選擇上一個圖層【Shift+Tab】
 

　　選擇下一個圖層【Tab】
 

　　九、快速移動 / 選擇圖層
 

　　選中圖層，【Command+R】快速命名，可以對圖層進行自定義命名，方便后期管理。

 

　　十、創(chuàng)建網(wǎng)格
 

　　1、排列-創(chuàng)建網(wǎng)格。

 

　　2、輸入需要創(chuàng)建網(wǎng)格的行數(shù)和列數(shù)，這里是輸入的 3 行 3 列。

 

　　3、生產(chǎn) 3 行 3 列的網(wǎng)格。

 

　　十一、隱藏側邊欄
 

　　為了設計的時候擁有更多的空間，我們可以利用快捷鍵隱藏左右兩邊的菜單欄。隱藏左邊菜單欄快捷鍵是 Ctrl+Option+Cmd+1 組合鍵，隱藏右邊菜單欄快捷鍵是Ctrl+Option+Cmd+2 組合鍵。
 

　　十二、高頻使用插件
 

　　https://www.fancynode.com.cn/flavor
 

　　https://kitchen.alipay.com

 

　　附：Sketch 快捷鍵大全圖

 

　　軟件的快捷方式是為了提高我們的操作效率，還有更多操作技巧這里就不一一列舉，我們后續(xù)將會持續(xù)更新。
 

　　希望這些快捷操作可以給你的設計帶來更多幫助，軟件只是工具，也希望大家可以更多的研究設計本身。因此，您現(xiàn)在已經(jīng)了解了與UI設計師的工作相關的主要技能。如果您想了解更多信息，請訪問AAA教育，包含有關在該領域工作的更多相關文章。