UI小課堂！幫你迅速上手sketch的10個(gè)技巧

編者按：Sketch現(xiàn)在勢(shì)頭正勁，許多UI設(shè)計(jì)師看了前幾天的Sketch圖標(biāo)教程后，都對(duì)它有點(diǎn)動(dòng)心了。不過(guò)軟件還木有摸熟，動(dòng)起手來(lái)不太習(xí)慣。今天我們收集了10個(gè)特別適合新手的Sketch小技巧，正在學(xué)習(xí)Sketch的同學(xué)，提升時(shí)間到咯。

那篇教程在哪里？喏，就是它了：《設(shè)計(jì)師新寵！教你利用SKETCH創(chuàng)建彩色開關(guān)（下）》

1. 學(xué)會(huì)“Insert”的快捷鍵

什么是你在設(shè)計(jì)中最常用的？創(chuàng)建一個(gè)新的Artboard?A，插入文字T，創(chuàng)建一個(gè)矩形R或者橢圓形O。

2. 用正確的方式縮放

縮放到100%：?CMD+0；

查看你畫布全部的設(shè)計(jì)：?CMD+1;

縮放特定的對(duì)象：選擇對(duì)象然后按下?CMD+2。

3. 滾動(dòng)

在沒有觸控板的情況下如何橫向滾動(dòng)？ 使用?Shift+滾輪。

4. 隱藏/顯示sidebars

如果你在一個(gè)小的屏幕上作業(yè)，你可能需要隱藏左右兩邊的圖層面板（Layer-List-sidebar）和右側(cè)的工具面板（Inspector Sidebar），使用?CMD+?Alt?+3?；蛘咧浑[藏左側(cè)?CMD+?Alt?+1,隱藏右側(cè)?CMD+?Alt?+2。

5. Presentation mode（全屏模式）

按下?CMD+.可以進(jìn)入”Presentation” mode(全屏模式)，將會(huì)讓你的作品全屏展示。

6. 標(biāo)尺

按下Ctrl+?R你可以顯示或者隱藏標(biāo)尺。在標(biāo)尺上雙擊可以添加參考線，將參考線拖到最左側(cè)或者最右側(cè)就會(huì)將其刪除。

7. 移動(dòng)對(duì)象

Sketch中我最喜歡的功能是，能夠通過(guò)按下?Alt來(lái)查看對(duì)象間的margin值（CSS屬性）。

你如果需要查看選中對(duì)象到其他對(duì)象間的margin值，你只需鼠標(biāo)移到那個(gè)對(duì)象上即可。

使用方向鍵你可以移動(dòng)選中的對(duì)象1px，如果在按著?Shift則可以每次移動(dòng)10px。

8. 在移動(dòng)的時(shí)候查看margin值

在移動(dòng)的時(shí)候按下?Alt即可查看對(duì)象的margin值。

9. 改變對(duì)象尺寸

按下?CMD+方向鍵可以改變對(duì)象的尺寸，同樣的按下?Shift+?CMD+方向鍵可以每次10px的改變對(duì)象的尺寸。

10. 為對(duì)象命名和建組

當(dāng)你的設(shè)計(jì)項(xiàng)目很大的時(shí)候，你會(huì)發(fā)現(xiàn)給對(duì)象命名和建組會(huì)很有用。

每次我創(chuàng)建新的對(duì)象的時(shí)候我機(jī)會(huì)按下?CMD?+?R，為其名一個(gè)有意義的名字。

建組則可以使用?CMD?+?G。

11. 資源

可以在http://www.sketchappsources.com/上查找免費(fèi)的資源。

12. 復(fù)制對(duì)象

如果你不想使用?CMD?+?C和?CMD?+?V來(lái)復(fù)制對(duì)象，你可以使用?CMD?+?D一步到位。

如果你不想復(fù)制后的對(duì)象在同樣的位置，你可以在此設(shè)置。

Sketch好文一籮筐：

先聊聊它秒殺Photoshop的原因：
《UI設(shè)計(jì)師新寵！聊聊SKETCH那些方便好用的貼心功能》

來(lái)兩篇Sketch新鮮教程練手！
《設(shè)計(jì)師新寵！教你利用SKETCH創(chuàng)建彩色開關(guān)（上）》
《設(shè)計(jì)師新寵！教你利用SKETCH創(chuàng)建彩色開關(guān)（下）》

原文地址：saloon.io
譯文地址：hicc.me
譯者：@小刀c

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量75萬(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ì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：