交互界面
- 畫布(The Canvas)
- 工具欄(The Toolbar)
- 檢查器(The Inspector)
- 圖層列表(The Layer List)
- 組件面板(The Components Panel)
畫布(The Canvas)
畫布縮放
縮放相關快捷鍵
-
?++放大 -
?+-縮小 -
?+0縮放到100% -
?+1縮放到能看到整個畫布 -
?+2縮放到選中的圖層(Zoom to selected layer(s)) -
?+3將選中的圖層置于畫布中間
顯示像素模式
默認情況下，創建的畫布都是矢量模式，可以任意無限制縮放，如果設計的時候需要看到像素點，可以使用View > Canvas > Show Pixels on Zoom或者Ctrl + P 來顯示像素模式。
同樣，使用View > Canvas > Show Pixel Grid on Zoom或者Ctrl + X可以顯示像素網格
顯示標尺與創建游標
默認情況下，sketch不會顯示標尺，可以使用View > Canvas > Show Rulers或者Ctrl + R 來顯示標尺。
點擊標尺的任意地方即可創建游標，當標尺可見并且選中的圖層靠近游標時，游標就會顯示出來。
可以在標尺上拖動游標來改變游標的位置，也可以把游標拖出標尺外（比如拖到左邊的圖層列表視圖或者右邊的檢查器）來刪除游標。也可以在游標部分單擊鼠標右鍵來刪除一個或者所有的游標
顯示網格
Sketch支持兩種網格，一種是方形網格，另一種是布局網格
方形網格（square grid）
View > Canvas > Show Grid或者Ctrl + G
設置網格大小View > Canvas > Grid Settings…
布局網格(layout grid)
View > Canvas > Layout Settings…
工具欄(The Toolbar)
View > Show/Hide Toolbar或者? + ? + T設置是否顯示工具欄。通過在工具欄單擊鼠標右鍵，可以自定義工具欄的工具項
默認的工具欄如下圖所示:
- 快速向畫布插入圖層
- 快速插入文本，圖片，自定義數據等
- 創建Symbol
- 圖層操作: 將圖層上移(Forward)或者下移(Backward),分組(Group)或者取消分組(Ungroup)
- 編輯圖層：編輯，旋轉，縮放等
- 布爾運算
- 視圖縮放或視圖改變
- 預覽
- 云同步
- 導出
檢查器(The Inspector)
檢查器用于設置選中圖層的相關屬性或進行一些操作
- 對齊選項，選中多個圖層時可用
- 圖層屬性
- 文本字段
- 布局約束
- 樣式(Styling）
- Exporting(導出)
圖層列表(The Layer List)
隱藏或鎖定圖層
選中圖層列表中一個圖層之后，點擊右邊的眼睛圖標可以隱藏圖層
選中圖層列表中一個圖層之后, 按住?鍵,可以看到一個鎖的圖標，點擊它之后可以鎖定圖層, 或者使用快捷鍵? + ? + L
使用頁面(Pages)
可以創建多個Pages來管理內容，也可以直接把畫板(Artboards)或圖層從一個page拖放到另一個page里面
如何使用畫板(Artboards)
畫板完全是可選的，但是當我們在畫布上創作適合某些特定屏幕大小的頁面時，畫板就顯得非常方便，比如Sketch就內置了各種手機屏幕大小的畫板。
移動畫板
- 當畫板內沒有任何圖層時，可以通過選中畫板的任何地方來移動畫板.
- 當畫板中有圖層時，只能通過選中畫板的標題來移動畫板
刪除畫板
如果要刪除畫板以及畫板里的圖層，直接選中畫板并通過DELETE鍵刪除畫板，如果只是想刪除畫板，但要保留它里面的圖層，則可以通過工具欄的Ungroup按鈕來刪除畫板，或者使用快捷鍵 ? + ? + G來刪除畫板，畫板內的圖層會被保留下來
篩選圖層
當一個Page里有多個圖層時，可以通過The Layer List面板下面的Filter(位于sketch軟件界面的左下角)來根據名字過濾需要顯示的圖層
組件面板(The Components Panel)
使用Ctrl + 2快捷鍵可以選中組件面板(就在The Layer List)的旁邊。同樣可以通過組件面板最下面的Filter來過濾要顯示的組件
交互界面快捷鍵匯總
-
?+.隱藏交互窗口，只顯示畫布 -
?+.放大 -
?+-縮小 -
?+0縮放到100% -
?+1縮放到能看到整個畫布 -
?+2縮放到選中的圖層 -
?+3將選中的圖層置于畫布中間 -
Ctrl+P顯示像素點 -
Ctrl+X顯示像素模式 -
Ctrl+R顯示標尺 -
Ctrl+G顯示網格 -
?+?+T顯示工具欄 -
?+?+L鎖定選中的圖層 -
?+D復制選中的畫板或圖層 -
Ctrl+1選中The layer list -
Ctrl+2選中The Components Pannel
