Sketch大師最常用的3個(gè)實(shí)戰小技巧發(fā)布者：本站     時(shí)間：2020-06-20 15:06:05

每個(gè)人都有自己的舒適區，作為設計師，我們會(huì )有四五款應用幾乎在睡夢(mèng)里都可以使用，數百小時(shí)積累起來(lái)的肌肉記憶力、快捷鍵和令人熟悉的小怪癖會(huì )讓我們在使用這些應用時(shí)就像躺在一個(gè)老舊但是舒適的扶手椅中。但當我們嘗試轉換到一個(gè)新工具時(shí)，總會(huì )覺(jué)得它太難用了——至少在最開(kāi)始的幾個(gè)星期。

Tip 1：做一個(gè)鍵盤(pán)快捷鍵的忍者
Sketch 鍵盤(pán)快捷鍵設計的不能再簡(jiǎn)潔了，大部分時(shí)候我們只需要 command 加上某個(gè)鍵就能實(shí)現目標，甚至更多時(shí)候只要一個(gè)單鍵就可以（如 A：創(chuàng )建畫(huà)板 Artboard）。放心，在 Sketch 中設計時(shí)，你永遠不會(huì )把你的手指纏繞在一起。



不少快捷鍵都非常直觀(guān)，或者與 Photoshop 中的同類(lèi)功能有相同的按鍵，因此它們也常被忽視——但卻是最使用的一批快捷鍵。

單鍵快捷鍵：
A：創(chuàng )建畫(huà)板

T：創(chuàng )建文本

V：創(chuàng )建向量

O：創(chuàng )建圓形

R：創(chuàng )建矩形

U：創(chuàng )建圓角矩形

多鍵快捷鍵：
Z + 單擊/選區：將屏幕縮小到特定區域

Enter：對當前選中的圖層啟用編輯模式

Shift + Tab：依次選擇下一個(gè)圖層（上一個(gè)圖層是單按 Tab）

Option + 拖動(dòng)圖層：復制一個(gè)新圖層并移動(dòng)

Option + 鼠標懸停圖層：顯示兩個(gè)圖層之間的距離

Command + 單擊：選中一個(gè)組中的圖層

Command + R：重命名圖層或畫(huà)板

Command + Shift + H：顯示/隱藏圖層

Command + 滾輪：縮放頁(yè)面

Command + Shift + E：激活導出模式

Command + Option + C：復制圖層樣式

Command + Option + V：粘貼圖層樣式

究竟哪些快捷鍵是重要的，最終還是取決于你的工作環(huán)境與工作內容，如果你想更多地了解 Sketch 的快捷鍵，Jean-Marc Denis 提供了一個(gè)列表：Sketch Keyboard Shortcuts

Tip 2：細心整理頁(yè)面和畫(huà)板
如果使用 Sketch 來(lái)繪制用戶(hù)界面，相信經(jīng)常需要創(chuàng )建某個(gè)頁(yè)面的多個(gè)其他樣式，用以解釋、展示這個(gè)頁(yè)面上的交互動(dòng)作與效果。一般 2-10 個(gè)畫(huà)板足以描繪一個(gè)頁(yè)面，具體要視頁(yè)面中動(dòng)態(tài)內容的數量而定。

創(chuàng )建一個(gè)新的畫(huà)板（如果你忘了怎么做：CMD + A），它會(huì )直接出現在最后一個(gè)已有畫(huà)板的右側，所以他們大約是一個(gè)100px 間距的隊列。但也許你根本不希望畫(huà)板按照這種形式排列，比如打算按照坐標軸方向進(jìn)行畫(huà)板放置。

最整潔的界面組織順序應當是從左到右，或者從桌面到移動(dòng)端，讓所有界面都排列在一條新的線(xiàn)上。你所要做的，就是將每個(gè)界面的那些畫(huà)板整齊地擺放在水平或垂直方向。



當打算設計一個(gè)全新的網(wǎng)頁(yè)時(shí)，你可以在 Sketch 創(chuàng )建一個(gè)新的 Page，在圖層管理器的頂部點(diǎn)擊「+」號即可?？梢园l(fā)現，右鍵點(diǎn)擊 Page 并且選擇復制后，可以快速復制所有的畫(huà)板尺寸以及通用元素，刪除起來(lái)也很方便。

一個(gè) Sketch 文件應當包含整個(gè)網(wǎng)站設計，每個(gè)頁(yè)面應該分配到不同的 Page 中，而這些 Page 里，水平方向的畫(huà)板放置的是不同的頁(yè)面，垂直方向的畫(huà)板則擺放了這些頁(yè)面各自的動(dòng)態(tài)內容呈現。

（譯者注：這里翻譯得有點(diǎn)生硬，簡(jiǎn)單解釋一下。一般設計時(shí)，除了每個(gè)頁(yè)面的主要視覺(jué)以外，還需要展示這些頁(yè)面在特定情況下的呈現樣式，比如知乎主頁(yè)除了 Timeline 以外，還要繪制出點(diǎn)贊的界面、評論的頁(yè)面、懸停查看用戶(hù)信息的頁(yè)面等。本文建議設計師把不同的功能放置到不同的 Page 中，在每個(gè) Page 里，橫向擺放不同的界面主視覺(jué)，而縱向則繪制每個(gè)主視覺(jué)中不同操作下所得到的視覺(jué)效果。）

Tip 3：保持干燥——活用樣式和符號


（Photo credit: m01229）

這可不是最新止汗劑的廣告。這里干燥（DRY）所指的是「Don’t Repeat Yourself」的縮寫(xiě)，也就是不要讓自己重復。這里的概念和編程中創(chuàng )建函數、類(lèi)，將會(huì )反復使用的復雜功能都規整起來(lái)的做法很類(lèi)似。

沒(méi)有人想要變得濕漉漉「Wet」——每件事都干兩次「Write Everything Twice」。

共享樣式、文字樣式和符號的操作都很類(lèi)似，但卻使用于不同的設計場(chǎng)景。共享樣式主要用于形狀，文字樣式主要是用于文字，而符號則作用于圖層組。使用它們的目的是將這些樣式統一命名，以便未來(lái)可以重復使用。如果你熟悉 CSS，這和其中的 classes 是很類(lèi)似的。

共享樣式與形狀無(wú)關(guān)，比如我們創(chuàng )建一個(gè)矩形，生成共享樣式后并將其命名為「按鈕」，我們就可以將這種樣式應用到其他沒(méi)有樣式的矩形上，使得它們成為一個(gè)新的「按鈕」，而如果應用到一個(gè)圓形或者多邊形上，一樣可以使得它們成為一個(gè)該樣式的「按鈕」。共享樣式可以在檢查器（右邊）中應用和移除，文字樣式和符號也與之類(lèi)似。



符號略微有些區別，主要在于其一并共享了形狀、尺寸和位置等信息，并且作用于整個(gè)圖層組，包含了其中所其他共享樣式和文字樣式。

如果你調整了一個(gè)符號圖層組的尺寸，所有其中的內容都會(huì )被縮放；如果修改、新增一個(gè)新的圖層到這個(gè)符號中，所有共享這個(gè)符號的圖層組中也都會(huì )修改或新增這個(gè)新圖層?？偠灾?，如果你的設計用到了很多模塊化的內容，符號功能是非常非常實(shí)用的。

總結
書(shū)上得來(lái)終覺(jué)淺，所有的操作不試試怎么能深刻理解呢，所以打開(kāi) Sketch 來(lái)實(shí)際操作看看吧。如果你是一個(gè)Logo 或界面設計師，這三個(gè)技巧會(huì )幫你用光速成為 Sketch 大師的。沒(méi)有人想離開(kāi)他們的舒適區，但是離開(kāi)那些熟練軟件（Photoshop、AI等）一兩個(gè)小時(shí)，下載 Sketch 試試，你會(huì )愛(ài)上它的。