97欧美精品系列一区二区,久久久久久久福利,国产小呦泬泬在线

搜索

APP

起點(diǎn)課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標(biāo)識

發(fā)布

注冊 | 登錄

你可能忽略掉的Sketch使用技巧

我是芝士

2017-04-17

1 評論 22689 瀏覽 146 收藏

15 分鐘

Sketch畢竟沒有什么學(xué)習(xí)曲線，頗易上手，相應(yīng)的也時常導(dǎo)致新手在一開始就忽略掉一些重要的、高頻的使用小技巧，而將一些稍許費(fèi)力耗時的方式一路沿用下去。這篇內(nèi)容所針對的便是這樣的情況。幾乎沒有進(jìn)階的要點(diǎn)，只針對初學(xué)的同學(xué)培養(yǎng)正確習(xí)慣，還望各位老司機(jī)們見諒。

下面進(jìn)入正文。

關(guān)于對象、圖層、畫板的使用技巧

1. 通過快捷鍵調(diào)整圖形的形狀

選中圖形，按住 Command 鍵，然后通過上、下、左、右方向鍵即可按1像素為單位調(diào)整圖形形狀。同時按住 Command + Shift + 方向鍵，則可以按10像素為單位進(jìn)行調(diào)整。

2. 復(fù)制元素

選中某元素，按 Command + D 即可進(jìn)行復(fù)制；復(fù)制出的新元素默認(rèn)與原有元素的位置相同，且覆蓋于原有元素之上。

此外，按住 Option 健，同時拖拽目標(biāo)元素，同樣可實(shí)現(xiàn)復(fù)制；保持復(fù)制出的新元素仍處于選中態(tài)，并連續(xù)使用 Command + D 快捷鍵，即可按照之前手動拖拽的距離為間隔單位實(shí)現(xiàn)多重復(fù)制。

3. 智能選擇

按住 Option 鍵，面向多個元素拉選擇框，最終只有完全處于選擇框內(nèi)部的元素會被選中，而其他元素會被忽略。

4. 分組與解組

選中多個元素，按 Command + G 將其合并為一組。選中某個組，按 Command + Shift + G 則可實(shí)現(xiàn)解組。

5. 組內(nèi)單選

要選中某分組內(nèi)的特定元素，無需到圖層列表中尋找，按住 Command 鍵，同時用鼠標(biāo)直接指向該元素，即可“穿透”分組，直接選中元素。

6. 將畫板的縮放比還原為100%

按 Command + 0，即可快速將畫板的縮放比還原為100%。

7. 調(diào)整縮放比，使所有的畫板得以同屏呈現(xiàn)

按 Command + 1，即可快速將畫板調(diào)整為恰當(dāng)?shù)目s放比，所有的畫板得以同時呈現(xiàn)在視圖當(dāng)中。

8. 使視圖聚焦于選中的元素

按 Command + 2，即可將編輯區(qū)域的視圖焦點(diǎn)快速移至處于選中態(tài)的元素或畫板。

9. 將元素置于圖層序列的首位或末位

按住 Option 鍵，Sketch頂部工具欄里的“向前(Forward)”、“向后(Backward)”按鈕會自動變?yōu)椤白钋?To Front)”、“最后(To Back)”，即可使選中的元素排列到圖層序列的首位或末尾。

10. 重命名圖層

選中某元素，按 Command + R，該元素在圖層列表中的條目即進(jìn)入可編輯狀態(tài)，此時輸入新的圖層名稱即可。

關(guān)于元素的編輯與導(dǎo)出

1. 測量元素間距

選中一個或多個元素，按住 Option 鍵，同時將鼠標(biāo)指向要測量間距的目標(biāo)元素。在移動元素時，也可同時按住 Option 鍵，即可在移動過程中即時查看元素距離特定元素或畫板邊緣的距離。

2. 通過數(shù)字鍵設(shè)置元素的不透明度

選中元素，然后按一個或一組數(shù)字鍵即可直接設(shè)置其不透明度 (alpha 值)，例如“1”代表10%，“5”代表50%，“9”代表90%，“75”代表75%，等等。

3. 單獨(dú)調(diào)整某個位置上的圓角半徑

你可以為元素的四角獨(dú)立設(shè)置不同的圓角半徑。選中該元素，在右側(cè)面板的“半徑 (Radius)”當(dāng)中輸入一組四個數(shù)字，由分號隔開，分別代表左上角、右上角、右下角、左下角的半徑值，例如“10;20;30;40”。

4. 訂制快捷鍵

你可以為自己常用的 Sketch 功能設(shè)置快捷鍵。進(jìn)入 macOS 的系統(tǒng)偏好設(shè)置 – 鍵盤 – 快捷鍵，選擇左側(cè)列表中的“應(yīng)用快捷鍵”，點(diǎn)擊右側(cè)的“+”按鈕，在對話窗口的“應(yīng)用程序”列表中選擇 “Sketch”，在“菜單標(biāo)題”中輸入你所需的功能在 Sketch 菜單欄里的準(zhǔn)確名稱，然后設(shè)定自己的快捷鍵組合即可。

5. 在屬性檢查器中使用數(shù)學(xué)運(yùn)算符

Sketch 可以在右側(cè)檢查器面板的文本框當(dāng)中執(zhí)行數(shù)字運(yùn)算。例如你想將當(dāng)前矩形的寬度翻倍，那么可以在“寬度 (Width)”當(dāng)中的數(shù)字后面輸入“*2”，代表“乘以2”。

6. 復(fù)雜圖形

對于一些復(fù)雜的圖形，例如多邊形或星型，可以在右側(cè)檢查器面板中設(shè)置邊 (Sides)或頂點(diǎn) (Points)的數(shù)量。

7. 旋轉(zhuǎn)復(fù)制（萬花筒效果）

在 Sketch 的工具欄上右鍵單擊，選擇“訂制工具欄 (Customize Toolbar)”，然后將“旋轉(zhuǎn)復(fù)制 (Rotate Copies)”按鈕拖入工具欄。

選中某元素，點(diǎn)擊“旋轉(zhuǎn)復(fù)制”按鈕，輸入需要復(fù)制出的元素數(shù)量，點(diǎn)擊“OK”即可。

8. 切片

切片工具 (快捷鍵“S”)可以拖拽出矩形區(qū)域，供你導(dǎo)出圖形。但導(dǎo)出區(qū)域未必要覆蓋到元素或畫布整體，你可以把切片作為一種靈活的截屏工具進(jìn)行使用。

9. 導(dǎo)出元素、分組或畫板

選中某個元素、分組或畫板，在右側(cè)檢查器面板的底部點(diǎn)擊“Make Exportable”，在展開的選項單當(dāng)中選擇導(dǎo)出規(guī)格、文件名后綴和文件格式，即可開始導(dǎo)出。

10. 導(dǎo)出高分辨率素材

我們在設(shè)計界面時通常會按照字面意義的像素規(guī)格來設(shè)置畫板 (1x規(guī)格)，例如使用375×667的畫板來設(shè)計4.7寸規(guī)格的界面。但你需要面向高像素密度的屏幕導(dǎo)出畫板或局部素材 – 在“Make Exportable”選項單的“Size”當(dāng)中輸入“2x”或更高值即可?；蛘吣阋部梢灾苯釉谶@里輸入所需導(dǎo)出的具體規(guī)格，例如“750px”等等。

關(guān)于 symbols

1. 通過 symbols 實(shí)現(xiàn)元素復(fù)用

怎樣判斷是否要使用 symbols？答案在于目標(biāo)元素的復(fù)用性。symbols 就像郵戳，制作了一個之后便可以反復(fù)使用。在 Sketch 中，當(dāng)你修改了主 symbol，所有來自于該 symbol 的實(shí)例對象都會被自動更新，這能使設(shè)計稿的迭代效率得到極大提升。

2. 創(chuàng)建 symbol

通過 symbols 將復(fù)用率較高的設(shè)計模式進(jìn)行打包。舉例來說，我們現(xiàn)在有一個卡片組件，其中包含一個圓形圖片、一段文字描述以及一個按鈕。完成布局設(shè)計，將它們打包成組，然后在工具欄中點(diǎn)擊“Create Symbol”按鈕即可。

3. 通過屬性覆寫 (overrides) 對symbol進(jìn)行訂制

譬如我們將一個卡片模式打包成為symbol，在日常使用時通常需要在不修改主symbol的前提下更改每個實(shí)例當(dāng)中的具體屬性值，例如圖片、文字等等。屬性覆寫功能 (overrides) 就是用來解決這個問題的。

將symbol插入到畫板當(dāng)中，保持選中態(tài)，右側(cè)檢查器面板當(dāng)中會出現(xiàn)“Overrides”選項單。下圖所示的范例共包含4項可覆寫文本字段，你只需在這里進(jìn)行修改，便能使該symbol衍生出的每一個實(shí)例對象都體現(xiàn)出不同的內(nèi)容。

4. 創(chuàng)建symbol之前，對圖層進(jìn)行重命名

為了使可覆寫的屬性在檢查器面板當(dāng)中呈現(xiàn)出恰當(dāng)?shù)膶傩悦?，例如“姓名”、“職能”等等，而不是在?chuàng)建symbol時所使用的特定范例內(nèi)容，你可以在打包創(chuàng)建symbol之前對圖層進(jìn)行重命名，使其與最終希望呈現(xiàn)出的屬性名稱一一對應(yīng)。

5. 為特定的元素禁用屬性覆寫

symbol當(dāng)中并非每一個元素都需要支持覆寫功能，譬如那些永遠(yuǎn)不會發(fā)生內(nèi)容變動的屬性。如果不想該屬性出現(xiàn)在symbol的檢查器面板當(dāng)中，只需在創(chuàng)建symbol之前在圖層列表當(dāng)中將該圖層鎖定即可（鎖型圖標(biāo)）。

6. symbols嵌套

“設(shè)計模式”當(dāng)中本就包含著多層次的概念，這同樣能體現(xiàn)到symbol的實(shí)現(xiàn)方式里。譬如我們首先定義了一個全局通用的按鈕symbol，然后我們還需要一個全局通用的工具欄symbol，而這個工具欄當(dāng)中又會用到剛剛定義的按鈕，這時我們便可以將按鈕symbol插入到工具欄當(dāng)中，并一同打包創(chuàng)建為新的symbol，實(shí)現(xiàn)嵌套。如果按鈕symbol得到樣式更新，那么工具欄symbol當(dāng)中的按鈕樣式便可自動更新。