前言

是一款輕量級(jí)、易用的矢量設(shè)計(jì)工具，為數(shù)字化設(shè)計(jì)而生，小巧但功能強(qiáng)大，界面甜美。

它也是為圖標(biāo)設(shè)計(jì)和界面設(shè)計(jì)而生。 它重量輕且易于學(xué)習(xí)。 經(jīng)驗(yàn)豐富的設(shè)計(jì)師可以在數(shù)小時(shí)內(nèi)自由運(yùn)用自己的設(shè)計(jì)方法。

很多時(shí)候，因?yàn)樗闹亓枯p，我們可以通過(guò)鍵盤輕松完成，而忽略了它的一些更好更快的操作和快捷鍵。 在我們的學(xué)習(xí)和工作中，我們可以學(xué)習(xí)它的一些委婉的快捷鍵，在提高操作效率的同時(shí)，也可以讓我們的工作事半功倍。

所以總結(jié)整理了一些不為人知的捷徑，希望大家能夠在實(shí)際工作中運(yùn)用。

01.形狀的遮蔽和填充

形狀的遮罩快捷鍵是B，填充的快捷鍵是F，雖然是Fills的首字母。 繪制形狀時(shí)，默認(rèn)情況下會(huì)對(duì)其進(jìn)行填充和遮罩。 按 B 取消蒙版，然后單擊 添加蒙版。 填充也是如此。

02.直接繪制顏色

直接吸色快捷鍵+C，吸管工具可以吸取屏幕任意位置的色相。

03.復(fù)制風(fēng)格

+Alt+C 復(fù)制樣式，+Alt+V 粘貼樣式，當(dāng)我們?cè)谠O(shè)計(jì)中使用相同的樣式時(shí)，我們可以調(diào)整一部分sketch取色快捷鍵，另一部分可以用這個(gè)快捷鍵進(jìn)行操作。 樣式可以包括填充、描邊、顏色、陰影、字體樣式等。

04.值框直接進(jìn)行物理操作

支持直接在輸入框中進(jìn)行加減乘除物理運(yùn)算。 長(zhǎng)、寬、坐標(biāo)、圓角的值可以估計(jì)，但是透明度和顏色值無(wú)法估計(jì)。

05.按住Shift+方向鍵一次連接10個(gè)像素

Ps上也有這個(gè)操作，可以減少聯(lián)通的步長(zhǎng)。 如果要自定義聯(lián)通像素，可以使用插件定義方向鍵（）的聯(lián)通像素?cái)?shù)，也可以定義Shift+的聯(lián)通像素?cái)?shù)。 連接像素?cái)?shù)

06.對(duì)齊的異常用法（鎖對(duì)齊）

中有五種對(duì)齊方式，左對(duì)齊、右對(duì)齊、上對(duì)齊、下對(duì)齊、居中對(duì)齊。 單個(gè)對(duì)象的默認(rèn)對(duì)齊方式是以每個(gè)畫板為基準(zhǔn)進(jìn)行左、右、上、下、居中對(duì)齊。 當(dāng)兩個(gè)對(duì)象對(duì)齊時(shí)，較大的對(duì)象和較小的對(duì)象將基于較大的對(duì)象對(duì)齊。 當(dāng)兩個(gè)對(duì)象沒(méi)有關(guān)系時(shí)，可以鎖定（+Shift+L）一個(gè)對(duì)象，作為對(duì)齊的參考。

07.重新定義對(duì)象大小

選擇一個(gè)對(duì)象，按住+箭頭鍵可以改變對(duì)象的大小。 按住 +Shift+箭頭鍵可一次將對(duì)象的大小更改正負(fù) 10 個(gè)像素。 選中一個(gè)物體，按住Alt鍵縮放，正方形兩邊同時(shí)縮放。

08.快速?gòu)?fù)制元素

按住Alt鍵拖拽復(fù)制一個(gè)相同的元素，繼續(xù)按住+D可以復(fù)制更多相同的元素。

09.組合對(duì)象

選擇多個(gè)要組合的元素，+G組。 +Shift+G 取消組合。

10.直接選擇和框選

按住可以直接點(diǎn)擊需要的對(duì)象，按住+Shift可以選擇多個(gè)或者直接框選。 當(dāng)兩個(gè)視口疊加時(shí)（下視口被覆蓋），是否要選擇下視口？ 按住 Alt 鍵將忽略下層并選擇上層。

11.顯示實(shí)際100%尺寸視圖

查看實(shí)際大小 100%查看，快捷鍵+0（值為0）

12.顯示所有畫板

查看所有畫板視圖，快捷鍵+1。

13.顯示選中的對(duì)象

顯示所有選中的對(duì)象視圖，快捷鍵+2。

14.改變視口的上下位置

選中一個(gè)對(duì)象，按住Alt+方向鍵連接對(duì)象的上下視口，按+Alt+方向鍵連接到畫板的底層或頂層。

15.重命名視口

選擇視口 + R 重命名視口。

16.隱藏視口和鎖定視口

選擇視口 + Shift + H 隱藏視口，+ Shift + L 鎖定視口。 當(dāng)界面中需要改變的元素較多時(shí)，我們可以鎖定背景視口，選擇需要改變的對(duì)象。

17. 智能提示

選中一個(gè)物體，按住Alt鍵，可以通過(guò)鍵盤檢測(cè)與其他物體的像素距離，也可以在按下Alt鍵時(shí)連接物體進(jìn)行檢測(cè)排列； 按住 Alt+ 鍵可檢測(cè)組與組或跨面板 組與組上方對(duì)象之間的距離（以像素為單位）。

18.數(shù)字鍵快速設(shè)置透明度

從 1 到 10 的不同數(shù)字鍵代表不同的透明度比率（1=10% 透明度...9=90% 透明度）。

19.圓角直徑

選中物體，點(diǎn)擊面板中的圓角設(shè)置，可以用一組數(shù)值（如16;16;0;0）對(duì)應(yīng)左上角、右上角各角的直徑值, 左下, 和對(duì)象的右下依次。

20. 刀具

塊工具（快捷鍵S）可以導(dǎo)入選區(qū)內(nèi)容。 選擇范圍是矩形的。 切割圖標(biāo)時(shí)，我們不需要按照實(shí)際規(guī)格導(dǎo)入，導(dǎo)入時(shí)可以適當(dāng)減少包含熱點(diǎn)。

21、設(shè)置線段的中點(diǎn)？

雙擊草繪視口，按住Shift鍵，會(huì)出現(xiàn)中點(diǎn)提示。

22、點(diǎn)擊的時(shí)候，你想讓它變45°角嗎？

按 V 鍵進(jìn)入模式sketch取色快捷鍵，按住 Shift 鍵，箭頭提示將在 45° 處變化。

23.分類命名方便查找

使用/可以分類，方便查找。

24.畫1px的圓，0.5px的內(nèi)陰影

用正方形工具畫一條1像素寬的腰線，這樣在數(shù)據(jù)中視覺上是對(duì)齊的，是整型的。 （直接用小數(shù)點(diǎn)畫直線比Line更方便）。 用內(nèi)陰影畫一條 0.5px 的腰線。

如何設(shè)置快捷鍵

您可以為您經(jīng)常使用的一些功能自定義快捷鍵。 打開Mac系統(tǒng)設(shè)置---鼠標(biāo)---快捷鍵。 然后單擊此處的“應(yīng)用快捷方式”。 從下拉菜單中選擇以自定義您需要的快捷鍵。 您也可以使用相同的方法為 Mac 上的其他應(yīng)用程序自定義快捷鍵。

其他常用的軟件快捷鍵包括對(duì)齊和折疊。 快捷鍵設(shè)計(jì)如下：

如果上面的總結(jié)還不夠你，你可以系統(tǒng)的學(xué)習(xí)一下快捷鍵

總結(jié)：

在工作中，我們還是要講究效率。 在做任何事情之前，我們有沒(méi)有仔細(xì)想過(guò)，現(xiàn)在的工作有沒(méi)有更快更方便的方式？ 可能前期我們會(huì)花很多的時(shí)間，或者花時(shí)間在上。 原來(lái)的方法不一定好用，但是只有這樣才能更好的提高我們的效率。 如果你找到好的方法，分享給團(tuán)隊(duì)成員，對(duì)你們的協(xié)作會(huì)更有幫助。

其實(shí)這篇文章總結(jié)的只是很小的一部分。 在產(chǎn)品設(shè)計(jì)的道路上，我們還需要系統(tǒng)思維、前端思維（即插件思維）、批判性思維等思維幫助我們更好地解決問(wèn)題。 然后一邊學(xué)習(xí)一邊分享。

- 關(guān)于我們 - -

UI中國(guó)專業(yè)用戶體驗(yàn)設(shè)計(jì)平臺(tái)

主要站點(diǎn)：

新浪微博：@UI中國(guó)

如有侵權(quán)請(qǐng)聯(lián)系刪除！