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

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

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



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

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

T：創(chuàng)建文本

V：創(chuàng)建向量

O：創(chuàng)建圓形

R：創(chuàng)建矩形

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

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

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

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

Option + 拖動圖層：復(fù)制一個新圖層并移動

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

Command + 單擊：選中一個組中的圖層

Command + R：重命名圖層或畫板

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

Command + 滾輪：縮放頁面

Command + Shift + E：激活導(dǎo)出模式

Command + Option + C：復(fù)制圖層樣式

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

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

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

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

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



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

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

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

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


（Photo credit: m01229）

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

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

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

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



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

如果你調(diào)整了一個符號圖層組的尺寸，所有其中的內(nèi)容都會被縮放；如果修改、新增一個新的圖層到這個符號中，所有共享這個符號的圖層組中也都會修改或新增這個新圖層。總而言之，如果你的設(shè)計用到了很多模塊化的內(nèi)容，符號功能是非常非常實用的。

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