
Sketch 是一款輕量、易用的矢量設計工具,它為數字設計而生,小巧但功能強大,今天我總結并整理了一些 Sketch 不為人知的快捷操作,希望你可以在實際工作中得以應用。

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

1 到 10 不同的數字鍵分別代表不同透明度比例(1=10% 的透明度,以此類推)。

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

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

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

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

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

用矩形工具來畫一個 1 像素寬的線條,這樣就可以既保證視覺上對齊,數據中也是整數。比 Line 直接畫直線會有小數點更方便 。用內陰影畫 0.5 px 的線條。
你可以為你經常用的一些功能自定義快捷鍵。打開 Mac 系統設置?- 鍵盤?- 快捷鍵,然后點擊 「應用快捷鍵 」。從下拉菜單里選中 Sketch ,自定義你需要的快捷鍵。你也可以用同樣的方法給你的 Mac 其他應用自定義快捷鍵。

快捷鍵設置如下:

如果以上總結的還不能滿足你,可以系統地去學習一下 Sketch 快捷鍵:http://sketchshortcuts.com/
在工作中還是需要重視效率,在做任何事之前我們是否有用心的去思考下當前的工作有沒有更方便快捷的辦法,可能前期會花去很多研究的時間,或者花很多時間研究的方法也不一定管用,但是這是更好提高我們效率的必經之路,發現好的方法分享給團隊的成員會更有助于大家的協作。
當然本文總結的只是很小的一部分,在做產品設計的道路上,我們還需要系統思維、前端思維、批判性思維等幫助我們更好地解決問題。
歡迎關注作者的微信公眾號:「水手哥學設計」

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。




發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
MJ+SD智能設計
已累計誕生 771 位幸運星
發表評論 為下方 11 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓