相關(guān)推薦
您可能對下面課程感興趣
Sketch視頻教程

59小節(jié)已有55459人學(xué)過

提高效率的Sketch實用技巧
發(fā)布時間:2021-12-13 10:42 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 2536

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

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

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

?

2.復(fù)制元素

選中某元素,按 Command D 即可進行復(fù)制;復(fù)制出的新元素默認與原有元素的位置相同,且覆蓋于原有元素之上。

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

?

3.智能選擇

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

?4.分組與解組

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

 

?5.組內(nèi)單選

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

 

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

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

 

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

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

 

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

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

 

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

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

?

10.重命名圖層

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

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

1.測量元素間距

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

 

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

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

?

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

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

 

?4.訂制快捷鍵

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

 

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

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

 

6.復(fù)雜圖形

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

 

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

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

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

?

8.切片

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

 

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

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

 

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

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

?關(guān)于 symbols

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

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

 

?2.創(chuàng)建 symbol

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

?

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

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

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

 

?4.創(chuàng)建symbol之前,對圖層進行重命名

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

 

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

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

 

?6.symbols嵌套

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

 

?7.symbols的尺寸可變

你可以隨意調(diào)整symbols實例對象的尺寸,而不用受制于symbol本身的規(guī)格。不過一旦將來主symbol的尺寸發(fā)生變化,所有實例都將統(tǒng)一更新為新的尺寸樣式,而忽略掉你之前所做的調(diào)整。

?

8.從symbol中分離

要將某實例對象從原本的symbol當中分離 (譬如要基于該symbol的布局設(shè)計更為復(fù)雜的模式時),在該對象上右鍵單擊,選擇“Detach from Symbol”,這將使實例變?yōu)槠胀ǖ膱D層組。

 

Sketch視頻教程
我要自學(xué)網(wǎng)商城 ¥40 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
相關(guān)推薦
您可能對下面課程感興趣
Sketch視頻教程

59小節(jié)已有55459人學(xué)過

分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC