網頁設計 ? 視覺設計 ? 24個提升效率的Sketch快捷鍵

24個提升效率的Sketch快捷鍵

發表于: 視覺設計. 評論
Sponsor

Sketch是一款輕量、易用的矢量設計工具,它為數字設計而生小巧但功能強大,并擁有優雅的界面。

Sketch也是為圖標設計和界面設計而生的,它輕量化簡單易學,有經驗的設計師花上幾個小時便能將自己的設計技巧在Sketch中自如運用。

很多時候由于它的輕量化我們使用鼠標就能很輕松的完成,而忽略了它的一些更好用更快捷的操作和快捷鍵,在我們的學習和工作了,可以學會它一些隱晦的快捷鍵,提高操作效率的同時也可以讓我們的工作事半功倍。

所以我總結并整理了一些Sketch不為人知的快捷操作,希望你可以在實際工作中得以應用。

01. 形狀的描邊和填充

形狀的描邊快捷鍵是B,填充的快捷鍵是F,其實就是BordersFills首字母。繪制形狀時默認時帶填充和描邊的,按一下B取消描邊,再按一下添加描邊,填充也是同理。

02. 直接吸取顏色

直接吸色快捷鍵Control+C,Sketch 吸管工具可以吸取屏幕上任何地方的色彩。

03. 拷貝樣式

Command + Alt + C拷貝樣式,Command + Alt + V粘貼樣式,當我們設計中使用相同的樣式可以調整一處,其他可以用這個快捷鍵來操作。樣式可以包含填充、描邊、顏色、陰影、字體樣式等。

04. 數值框直接進行數學運算

Sketch支持直接在輸入框內進行加減乘除的數學運算。長寬、坐標和圓角的數值是可以計算的,透明度和色值等是不可以進行計算的。

05. 按住Shift+方向鍵可以每次移動10個像素

這個操作在Ps里面也有,可以增加移動步長,如果你想自定義移動的像素,可以使用 Nudged 插件來定義方向鍵(Arrow keys)的移動像素個數,也可以定義?Shift + 方向鍵(Arrow keys)的移動像素個數

06. 對齊的特別用法(鎖定對齊)

Sketch中的對齊有左右上下居中五種對齊方式,單個對象對齊默認是以每個畫板為參照物進行左右上下居中對齊,兩個對象對齊時大的包含小的會依據大的為參照物進行對齊,當兩個對象沒有任何關系時可以鎖定(Command + Shift + L)一個對象并以它為參照物進行對齊。

07. 重新定義對象大小

選中一個對象,按住Command + 方向鍵來改變對象大小。按住Command + Shift + 方向鍵?可以每次以加減10個像素改變對象大小。選中一個對象,按住Alt縮放時,矩形兩側會同時進行縮放。

08. 快速復制元素

按住Alt鍵拖拽復制一個相同元素,你可以繼續按住Command + D復制更多的相同元素。

09. 組合對象

選中要組合的多個元素,Command + G編組。Command + Shift + G取消編組。

10. 直接選取和框選

按住Command直接點選需要的對象,按住Command + Shift可以多選也可以直接框選。兩個圖層疊加在一起的時候(底下圖層被覆蓋),想要選擇底下圖層?按住Alt鍵,Sketch會忽略上層而選擇下層。

11. 顯示實際 100% 大小視圖

查看實際大小100%視圖,快捷鍵Command + 0(數值0

12. 顯示所有畫板

查看所有畫板視圖,快捷鍵Command + 1

13. 顯示選中的對象

顯示所有選中對象視圖,快捷鍵Command + 2

14. 改變圖層上下位置

選中一個對象,按住Alt + Command + 方向鍵移動對象上下圖層的位置,按住Control + Alt + Command + 方向鍵移動到畫板的最上層或最下層。

15. 重命名圖層

選中圖層Command + R重命名圖層。

16. 隱藏圖層和鎖定圖層

選中圖層Command + Shift + H隱藏圖層,Command + Shift + L鎖定圖層,當界面中元素較多時需要修改,我們就可以鎖定背景圖層,進行框選需要修改的對象。

17. 智能提示

選中一個對象,按住Alt鍵,通過鼠標可以測量與其他對象的像素距離,按下Alt鍵的時候還可以移動對象進行測量和排列;按住Alt + Command鍵可以測量組與組或者跨面板的組與組里面的對象的像素距離。

18. 數字鍵快速設置透明度

1?10不同的數字鍵分別代表不同透明度比例(1=10%的透明度 …9=90%的透明度)。

19. 圓角半徑

選中對象,點擊面板中的圓角Radius?設置可以通過一組數值(如16;16;0;0?)依次對應對象上左、上右、下左、下右的每個角的半徑值。

20. 切片工具

切片工具(快捷鍵S)可以導出的選區內的內容。選區范圍是方形的。在切圖標的時候我們可以不用按照實際尺寸進行導出,可以適當增加熱區包含進去進行導出。

21. 設置線段的中點?

雙擊繪制完成的Vector圖層,按住Shift鍵,會出現中點提示。

22. 點擊 Vector 時,想讓其以 45° 角度進行變化?

V鍵進入到Vector模式,按住Shift此時箭頭提示會以45°變化。

23. Symbol分類命名方便查找

使用/可以對Symbol進行分類,方便查找。

24. 用矩形畫1px,用內陰影畫0.5px

用矩形工具來畫一個1?像素寬的線條,這樣就可以既保證視覺上對齊,數據中也是整數。(比Line直接畫直線會有小數點更方便 )。用內陰影畫0.5px的線條。

如何設置Sketch快捷鍵

你可以為你經常用的一些功能自定義快捷鍵。打開Mac 系統設置 — 鍵盤 — 快捷鍵。然后在這里點擊「應用快捷鍵 」。從下拉菜單里選中 Sketch ,自定義你需要的快捷鍵。你也可以用同樣的方法給你的 Mac 其他應用自定義快捷鍵哦。

其他常用軟件快捷鍵有對齊、折疊所以組,快捷鍵設計如下:

如果以上總結的還不能滿足你,可以系統的去學習下Sketch快捷鍵:
http://www.wqqsqj.live/examples/tools/sketch-shortcuts/index.html

總結

在工作中還是需要重視效率,在做任何事之前我們是否有用心的去思考下當前的工作有沒有更快捷方便的辦法,可能前期會花去很多研究的時間,或者花去研究的時間研究的方法也不一定管用,但是這是更好提高我們效率的必經之路,發現好的方法分享給團隊的成員會更有助于大家的協作。

當然本文總結的只是很小很小的一部分,在做產品設計的道路上,我們還需要系統思維、前端思維(就是插件思維)、批判思維等思考有助于我們更好的解決問題。以后在邊學邊分享吧。

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:結交更多有才華的設計師?請加入UI設計QQ群,與50000名設計師交流設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }