Sketch的一些常用技巧

1 評論 32503 瀏覽 110 收藏 6 分鐘

談不上譯文,匯總了一些文章當中介紹的tips,包括常用快捷鍵和一些小技巧。最后一條還蠻亮的,很實用,我怎么沒想到這樣做。

1.“插入”的常用快捷鍵

你在使用Sketch時經常需要插入哪些對象?基本是這些:Artboard A,文本 T,矩形 R,圓角矩形 U,圓形O,直線 L。

01-sketch-tips-tricks-ui-ux-design.png

2.最恰當的縮放模式

  • 100%實際大?。?strong>CMD?+?0
  • 完整畫布預覽:CMD + 1
  • 放大至特定的對象:選中對象,按CMD + 2

02-sketch-tips-tricks-ui-ux-design.png

03-sketch-tips-tricks-ui-ux-design.png

3.橫向滾動

如果你沒有觸控板,那么怎樣使畫布左右滾動?按Shift + 鼠標滾動 即可。

4.隱藏/顯示側邊欄

如果你的設備屏幕比較小,可以通過隱藏圖層列表欄(左邊欄)或檢查器欄(右邊欄)來獲取更多的顯示空間,快捷鍵為CMD + Alt + 3。你也可以只隱藏左邊欄(CMD + Alt + 1)或右邊欄(CMD + Alt + 2)。

04-sketch-tips-tricks-ui-ux-design.png

5.演示模式

使用快捷鍵CMD + . 可以在普通模式和演示模式之間切換,在展示設計方案時非常有用。

6.標尺

你可以通過快捷鍵Ctrl + R來切換標尺的顯示與隱藏。在標尺上單擊可以添加參考線;在標尺上將參考線拖拽到左右或上邊緣即可刪除。

05-sketch-tips-tricks-ui-ux-design.png

下面是演示參考線操作的動態GIF:

06-sketch-tips-tricks-ui-ux-design.gif

7.查看界面元素的間距

對于Sketch,我個人最喜歡的功能之一就是查看界面元素之間的距離,你只需選擇某個元素然后按Alt即可查看該元素到界面邊緣的四個距離值。

如果需要查看兩個元素之間的距離,在選中第一個元素后按住Alt然后將光標指向第二個元素即可。

此時如果按住Alt并移動元素,便能在移動過程中時刻看到元素之間的距離變化;非常有用的功能。

07-sketch-tips-tricks-ui-ux-design.png

8.縮放元素

無需拖拽,選中界面元素后,使用快捷鍵CMD + 方向鍵即可按1像素為單位精準進行縮放。要以10像素為單位來縮放,同時再按住Shift即可。

9.命名和分組

當設計項目越做越大時,對界面元素的命名和分組就變得格外重要了。我個人每次新建一個對象時,都會立刻通過快捷鍵CMD + R將這個元素重命名。

舉例說,我想創建一個按鈕。把元素都放置好之后,選中它們,使用快捷鍵CMD + G將它們分為一組,然后通過CMD + R進行重命名,輸入“Button”。

08-sketch-tips-tricks-ui-ux-design.png

10.復制對象

如果你懶得一直用CMD + CCMD + V來復制對象,也可以直接通過快捷方式CMD + D來實現。復制出來的對象會默認處于原位,如果你覺得這樣不OK,也可以在設置當中設置偏量。

09-sketch-tips-tricks-ui-ux-design.png

11.創建界面流程圖

你也可以使用Sketch創建界面流程圖。一個具體的問題是,如果在artboard之間繪制箭頭以代表流程方向,Sketch會隱藏掉artboard邊界以外的部分:

10-a-sketch-tips-tricks-ui-ux-design.png

你可以把所有的箭頭圖層移到列表頂部,并放到一個沒有背景色的大artboard當中。這樣箭頭就可以獨立于每個界面的artboard正常顯示了。

此外,你還可以在所有圖層底部另建一個大的artboard,設置一個恰當的背景色。這樣一方面可以使流程圖更具層次,一方面還可以通過導出這個背景artboard來將全部界面放置在一個大的圖片文件中,而不是常規的那樣分頁導出。

10-sketch-tips-tricks-ui-ux-design.png

 

作者:C7210,交互設計師、貓奴、吉他手、鼓手、老狗,現就職于騰訊ISUX(上海)

來源:http://beforweb.com/node/653

原文: ? http://saloon.io/10-tips-tricks-for-sketch/

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 大家好,我是一名設計師。
    打攪一下,推薦一款我們下班時間做的SKETCH 換膚及主題管理軟件

    目前支持(3+1)套主題選擇,一鍵切換;多種圖標庫、讓你sketch與眾不同;個性圖層選擇、圖層嵌套縮進展現、自定義畫布明暗度等……
    功能免費,下載地址:
    百度網盤:https://pan.baidu.com/s/1-nK4MgOzkZBiCPH8-tb5Zg
    騰訊微云:https://share.weiyun.com/5eMyI1T
    人工索?。?83227998@qq.com

    請各位設計大牛、各位同學支持一下~

    謝謝~~

    來自北京 回復