當(dāng)筆記本電腦還有19%的電量時(shí)sketch 快捷鍵，我在咖啡廳的一張低調(diào)漂亮的沙發(fā)上坐下來，嘗試發(fā)出本周的更新。 身后的兩個(gè)女孩正開心地聊著朋友圈和點(diǎn)贊。 為什么我要在這樣的時(shí)間、這樣的地點(diǎn)做這樣的事情，而不是像我這幾年那樣，整天窩在家里陪著斑斑做事，玩GTA？ 18% 電。

時(shí)間就像地鐵，永不停歇。 火車飛過一個(gè)又一個(gè)車站，燈光映照出等車的人們的輪廓。 那些留在記憶里的東西，那些我們擦肩而過的東西，那些我們視而不見的東西。 時(shí)間過得飛快，永遠(yuǎn)不會(huì)停止。

周末花一個(gè)下午寫軟件工具技術(shù)方面的文章是很少見的，而且也不是什么新鮮事。 但最近，我身邊的一些朋友終于愿意嘗試一下。 有句話叫“亡羊補(bǔ)牢”，所以我打算做一些事情來幫助他們，同時(shí)改變我的想法。

畢竟，沒有學(xué)習(xí)曲線，而且很容易上手。 相應(yīng)的，新手往往一開始就忽略了一些重要的、高頻的使用技巧，而繼續(xù)使用一些稍微費(fèi)力費(fèi)時(shí)的方法。 本內(nèi)容就是針對(duì)這樣的情況。 幾乎沒有什么高級(jí)點(diǎn)。 它只是旨在為初學(xué)者培養(yǎng)正確的習(xí)慣。 希望各位有經(jīng)驗(yàn)的司機(jī)原諒我。 在下方輸入文字。

使用對(duì)象、圖層和畫板的提示

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

選擇圖形，按住 鍵，然后使用上、下、左、右箭頭鍵以 1 像素為單位調(diào)整圖形的形狀。 同時(shí)按住 + Shift + 箭頭鍵以 10 像素為單位進(jìn)行調(diào)整。

2. 復(fù)制元素

選擇一個(gè)元素并按+D進(jìn)行復(fù)制； 默認(rèn)情況下，復(fù)制的新元素將位于與原始元素相同的位置，并將覆蓋原始元素。

此外，您還可以通過按住 鍵并拖動(dòng)來復(fù)制目標(biāo)元素。 保持復(fù)制的新元素仍處于選中狀態(tài)，連續(xù)使用+D快捷鍵，即可在之前手動(dòng)拖動(dòng)距離的基礎(chǔ)上實(shí)現(xiàn)多次復(fù)制。 復(fù)制。

3.智能選擇

按住 鍵并將選擇框拉向多個(gè)元素。 最終，只有完全位于選擇框內(nèi)的元素才會(huì)被選擇，而其他元素將被忽略。

4. 分組和取消分組

選擇多個(gè)元素并按 +G 將它們合并到一個(gè)組中。 選擇一個(gè)組并按 + Shift + G 將其取消分組。

5、組內(nèi)單選

要選擇組中的特定元素，您無需在圖層列表中搜索它。 按住鍵，將鼠標(biāo)直接指向元素即可“穿透”組，直接選擇元素。

6.恢復(fù)畫板縮放比例為100%

按 + 0 可快速將畫板的縮放比例恢復(fù)至 100%。

7.調(diào)整縮放比例，使所有畫板可以同屏顯示

按+1可快速將畫板調(diào)整到合適的縮放比例，使所有畫板同時(shí)呈現(xiàn)在視圖中。

8. 將視圖聚焦在所選元素上

按 + 2 可快速將編輯區(qū)域的視圖焦點(diǎn)移動(dòng)到所選元素或畫板。

9. 將元素放置在層序列中的第一個(gè)或最后一個(gè)

按住該鍵，頂部工具欄中的“前進(jìn)（）”和“后退（）”按鈕將自動(dòng)變?yōu)椤跋蚯啊焙汀跋蚝蟆币耘帕兴x元素。 到第一層或最后一層序列。

10.重命名圖層

選擇一個(gè)元素并按 + R。該元素在圖層列表中的條目將變?yōu)榭删庉嫛?這時(shí)，只需輸入一個(gè)新的圖層名稱即可。

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

1. 測(cè)量元件間距

選擇一個(gè)或多個(gè)元素，按住 鍵，然后將鼠標(biāo)指向要測(cè)量間距的目標(biāo)元素。 您還可以在移動(dòng)元素時(shí)按住 鍵，以便在移動(dòng)元素時(shí)立即查看它與特定元素或畫板邊緣的距離。

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

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

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

您可以為元素的四個(gè)角獨(dú)立設(shè)置不同的角半徑。 選中元素，在右側(cè)面板的“()”中輸入一組四個(gè)數(shù)字，用分號(hào)分隔，分別代表左上角、右上角、右下角、左下角的半徑值分別如“10;20;30;40”。

4.自定義快捷鍵

您可以為常用功能設(shè)置快捷鍵。 進(jìn)入macOS系統(tǒng)偏好設(shè)置-鍵盤-快捷方式，在左側(cè)列表中選擇“應(yīng)用程序快捷方式”，單擊右側(cè)“+”按鈕，在對(duì)話框窗口的“應(yīng)用程序”列表中選擇“”，選擇“應(yīng)用程序快捷方式”在“菜單”中將菜單欄中您想要的功能的確切名稱輸入到“標(biāo)題”中，然后設(shè)置您自己的快捷鍵組合。

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

您可以在右側(cè)檢查器面板的文本框中進(jìn)行數(shù)值運(yùn)算。 例如，如果要將當(dāng)前矩形的寬度加倍，可以在“寬度”中的數(shù)字后輸入“*2”，表示“乘以2”。

6.復(fù)雜圖形

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

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

右鍵單擊工具欄，選擇“自定義工具欄 ( )”，然后將“旋轉(zhuǎn)復(fù)制 ( )”按鈕拖到工具欄中。

選擇一個(gè)元素，單擊“旋轉(zhuǎn)復(fù)制”按鈕，輸入要復(fù)制的元素?cái)?shù)量，然后單擊“確定”。

8.切片

切片工具（快捷鍵“S”）可以拖出一個(gè)矩形區(qū)域供您導(dǎo)出圖形。 但是，導(dǎo)出區(qū)域不一定覆蓋元素或整個(gè)畫布。 您可以使用切片作為靈活的屏幕截圖工具。

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

選擇一個(gè)元素、組或畫板，單擊右側(cè)檢查器面板底部的“制作”，然后在展開的菜單中選擇導(dǎo)出規(guī)格、文件名后綴和文件格式即可開始導(dǎo)出。

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

我們?cè)谠O(shè)計(jì)界面時(shí)，通常會(huì)按照字面像素規(guī)格（1x規(guī)格）來設(shè)置畫板，例如使用畫板設(shè)計(jì)4.7英寸的界面。 但您需要導(dǎo)出高像素密度屏幕的畫板或部分材質(zhì) - 在“制作”菜單的“大小”中輸入“2x”或更高。 或者您可以直接在此處輸入您要導(dǎo)出的具體規(guī)格，例如“750px”等。

關(guān)于

1.通過實(shí)現(xiàn)元素重用

如何判斷是否使用呢？ 答案在于目標(biāo)元素的可重用性。 就像郵票一樣，一旦制作完成，就可以多次使用。 中，當(dāng)修改母版時(shí)，其中的所有實(shí)例對(duì)象都會(huì)自動(dòng)更新，這樣可以大大提高設(shè)計(jì)稿的迭代效率。

2.創(chuàng)建

通過包裝具有高重用率的設(shè)計(jì)模式。 例如，我們現(xiàn)在有一個(gè)卡片組件，其中包含圓形圖像、文本描述和按鈕。 完成布局設(shè)計(jì)，將它們分組sketch 快捷鍵，然后單擊工具欄中的“ ”按鈕。

3.通過屬性()自定義

比如我們封裝一個(gè)卡片圖案，在日常使用中我們通常需要改變每個(gè)實(shí)例中的具體屬性值，比如圖片、文字等，而不需要修改大前提。 屬性覆蓋函數(shù)()就是用來解決這個(gè)問題的。

將其插入畫板，保持選中狀態(tài)，右側(cè)檢查器面板中將出現(xiàn)“”菜單。 下圖所示的示例總共包含 4 個(gè)可覆蓋的文本字段。 這里只需要修改它們，就可以讓每個(gè)派生實(shí)例對(duì)象反映不同的內(nèi)容。

4. 創(chuàng)建圖層之前重命名圖層

為了使可覆蓋的屬性以適當(dāng)?shù)膶傩悦Q（例如“名稱”、“角色”等）出現(xiàn)在檢查器面板中，而不是創(chuàng)建時(shí)使用的特定示例內(nèi)容，您可以在打包創(chuàng)建之前修改圖像。 重命名圖層，使其與要顯示的屬性名稱相對(duì)應(yīng)。

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

并非每個(gè)元素都需要支持重寫，例如內(nèi)容永遠(yuǎn)不會(huì)改變的屬性。 如果您不希望該屬性出現(xiàn)在“檢查器”面板中，只需在創(chuàng)建圖層之前在圖層列表中鎖定該圖層（鎖定圖標(biāo)）即可。

6. 嵌套

“設(shè)計(jì)模式”本質(zhì)上包含多層次的概念，這也可以體現(xiàn)在實(shí)現(xiàn)方法上。 比如我們首先定義一個(gè)全局通用按鈕，那么我們還需要一個(gè)全局通用工具欄，這個(gè)工具欄就會(huì)使用剛才定義的按鈕。 這時(shí)，我們可以將按鈕插入工具欄并打包并一起新建，實(shí)現(xiàn)嵌套。 如果按鈕的樣式更新，工具欄中按鈕的樣式也會(huì)自動(dòng)更新。

7.尺寸可變

您可以隨意調(diào)整實(shí)例對(duì)象的大小，而不受其自身規(guī)范的限制。 但是，一旦未來所有者的尺寸發(fā)生變化，所有實(shí)例都會(huì)統(tǒng)一更新為新的尺寸樣式，忽略您之前所做的調(diào)整。

8. 與它分開

要將實(shí)例對(duì)象與其原始對(duì)象分離（例如，當(dāng)您想根據(jù)布局設(shè)計(jì)更復(fù)雜的圖案時(shí)），右鍵單擊該對(duì)象并選擇“來自”，這會(huì)將實(shí)例轉(zhuǎn)換為普通圖層組。 。

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