久久亚洲中文字幕精_精品国产一区二区三区不卡_99久久久无码国产精品免费手机_国产亚洲精品久久久久动漫

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

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

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



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

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

T：創(chuàng)建文本

V：創(chuàng)建向量

O：創(chuàng)建圓形

R：創(chuàng)建矩形

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

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

Enter：對(duì)當(dāng)前選中的圖層啟用編輯模式

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

Tip 3：保持干燥——活用樣式和符號(hào)


（Photo credit: m01229）

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

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

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

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



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

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

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