今天繼續(xù)更新之前提到的Sketch技巧系列，匯總了對(duì)設(shè)計(jì)師日常工作幫助最多的方法，包括常用快捷鍵和一些小技巧。今天的最后一條還蠻亮的，很實(shí)用，很少人能想到這樣做呦。

Sketch技巧好文：《成為Sketch小能手！8個(gè)易用快捷鍵幫你提高工作效率》

如何優(yōu)雅地使用Windows ？>>>《用虛擬機(jī)體驗(yàn)Sketch！為設(shè)計(jì)師準(zhǔn)備的MAC OSX安裝指南》

一、“插入”的常用快捷鍵

你在使用Sketch時(shí)經(jīng)常需要插入哪些對(duì)象？基本是這些：Artboard A，文本 T，矩形 R，圓角矩形 U，圓形O，直線 L。

二、最恰當(dāng)?shù)目s放模式

• 100%實(shí)際大?。篊MD + 0
• 完整畫布預(yù)覽：CMD + 1
• 放大至特定的對(duì)象：選中對(duì)象，按CMD + 2

三、橫向滾動(dòng)

如果你沒(méi)有觸控板，那么怎樣使畫布左右滾動(dòng)？按Shift + 鼠標(biāo)滾動(dòng) 即可。

四、隱藏/顯示側(cè)邊欄

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

五、演示模式

使用快捷鍵CMD + . 可以在普通模式和演示模式之間切換，在展示設(shè)計(jì)方案時(shí)非常有用。

六、標(biāo)尺

你可以通過(guò)快捷鍵Ctrl + R來(lái)切換標(biāo)尺的顯示與隱藏。在標(biāo)尺上單擊可以添加參考線；在標(biāo)尺上將參考線拖拽到左右或上邊緣即可刪除。

下面是演示參考線操作的動(dòng)態(tài)GIF。

七、查看界面元素的間距

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

如果需要查看兩個(gè)元素之間的距離，在選中第一個(gè)元素后按住Alt然后將光標(biāo)指向第二個(gè)元素即可。

此時(shí)如果按住Alt并移動(dòng)元素，便能在移動(dòng)過(guò)程中時(shí)刻看到元素之間的距離變化；非常有用的功能。

八、縮放元素

無(wú)需拖拽，選中界面元素后，使用快捷鍵CMD + 方向鍵即可按1像素為單位精準(zhǔn)進(jìn)行縮放。要以10像素為單位來(lái)縮放，同時(shí)再按住Shift即可。

九、命名和分組

當(dāng)設(shè)計(jì)項(xiàng)目越做越大時(shí)，對(duì)界面元素的命名和分組就變得格外重要了。我個(gè)人每次新建一個(gè)對(duì)象時(shí)，都會(huì)立刻通過(guò)快捷鍵CMD + R將這個(gè)元素重命名。

舉例說(shuō)，我想創(chuàng)建一個(gè)按鈕。把元素都放置好之后，選中它們，使用快捷鍵CMD + G將它們分為一組，然后通過(guò)CMD + R進(jìn)行重命名，輸入“Button”。

十、復(fù)制對(duì)象

如果你懶得一直用CMD + C和CMD + V來(lái)復(fù)制對(duì)象，也可以直接通過(guò)快捷方式CMD + D來(lái)實(shí)現(xiàn)。復(fù)制出來(lái)的對(duì)象會(huì)默認(rèn)處于原位，如果你覺(jué)得這樣不OK，也可以在設(shè)置當(dāng)中設(shè)置偏量。

十一、創(chuàng)建界面流程圖

你也可以使用Sketch創(chuàng)建界面流程圖。一個(gè)具體的問(wèn)題是，如果在artboard之間繪制箭頭以代表流程方向，Sketch會(huì)隱藏掉artboard邊界以外的部分：

你可以把所有的箭頭圖層移到列表頂部，并放到一個(gè)沒(méi)有背景色的大artboard當(dāng)中。這樣箭頭就可以獨(dú)立于每個(gè)界面的artboard正常顯示了。

此外，你還可以在所有圖層底部另建一個(gè)大的artboard，設(shè)置一個(gè)恰當(dāng)?shù)谋尘吧?。這樣一方面可以使流程圖更具層次，一方面還可以通過(guò)導(dǎo)出這個(gè)背景artboard來(lái)將全部界面放置在一個(gè)大的圖片文件中，而不是常規(guī)的那樣分頁(yè)導(dǎo)出。

靜電的Sketch教程合集持續(xù)更新中：

1. 《SKETCH設(shè)計(jì)教室！從零開始學(xué)APP設(shè)計(jì)利器SKETCH（一）》
2. 《SKETCH設(shè)計(jì)教室！從零開始學(xué)APP設(shè)計(jì)利器SKETCH（二）》
3. 《SKETCH設(shè)計(jì)教室！帶你了解超好用的SKETCH插件》
4. 《想要一稿過(guò)不加班？SKETCH絕配神器MIRROR搶先體驗(yàn)》

靜電的Xcode教程合集持續(xù)更新中：

1. 《搞定一像素不求人！為設(shè)計(jì)師量身打造的XCODE教程（1）》
2. 《搞定一像素不求人！為設(shè)計(jì)師量身打造的XCODE教程（2）》
3. 《零代碼搞定交互動(dòng)畫！為設(shè)計(jì)師量身打造的XCODE教程（3）》
4. 《搞定Tab bar交互！為設(shè)計(jì)師量身打造的XCODE教程（4）》

原文地址：saloon.io
譯文地址：beforweb
譯者：@BeForWeb

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量89萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
官方微信：想在手機(jī)上、被窩里獲取設(shè)計(jì)教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號(hào)：youshege