UI小課堂!幫你迅速上手sketch的10個技巧

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

那篇教程在哪里?喏,就是它了:《設(shè)計師新寵!教你利用SKETCH創(chuàng)建彩色開關(guān)(下)》

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

UI小課堂!幫你迅速上手sketch的10個技巧

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

2. 用正確的方式縮放

縮放到100%:?CMD+0;

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

縮放特定的對象:選擇對象然后按下?CMD+2。

UI小課堂!幫你迅速上手sketch的10個技巧

UI小課堂!幫你迅速上手sketch的10個技巧

3. 滾動

在沒有觸控板的情況下如何橫向滾動? 使用?Shift+滾輪。

4. 隱藏/顯示sidebars

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

UI小課堂!幫你迅速上手sketch的10個技巧

5. Presentation mode(全屏模式)

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

6. 標(biāo)尺

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

UI小課堂!幫你迅速上手sketch的10個技巧

UI小課堂!幫你迅速上手sketch的10個技巧

7. 移動對象

Sketch中我最喜歡的功能是,能夠通過按下?Alt來查看對象間的margin值(CSS屬性)。

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

UI小課堂!幫你迅速上手sketch的10個技巧

使用方向鍵你可以移動選中的對象1px,如果在按著?Shift則可以每次移動10px。

8. 在移動的時候查看margin值

在移動的時候按下?Alt即可查看對象的margin值。

9. 改變對象尺寸

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

10. 為對象命名和建組

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

每次我創(chuàng)建新的對象的時候我機會按下?CMD?+?R,為其名一個有意義的名字。

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

UI小課堂!幫你迅速上手sketch的10個技巧

11. 資源

可以在http://www.sketchappsources.com/上查找免費的資源。

12. 復(fù)制對象

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

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

UI小課堂!幫你迅速上手sketch的10個技巧

Sketch好文一籮筐:

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

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

UI小課堂!幫你迅速上手sketch的10個技巧

原文地址: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"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計微博:擁有粉絲量75萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

UI小課堂!幫你迅速上手sketch的10個技巧

收藏 17
點贊 2

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。