幫你提升SKETCH使用效率的6個(gè)技巧

幫你提升SKETCH使用效率的6個(gè)實(shí)用技巧

　　注意：本文當中的一些方法涉及到插件的使用。建議你首先安裝 Sketch  Toolbox，非常棒的插件管理工具;另外請確保你的Sketch版本為最新(目前為3.2.2)。

　　一、自動(dòng)等距復制元素

　　按住alt并拖拽元素可以實(shí)現復制，這是我們比較熟悉的方式。但是對于大量重復性的復制任務(wù)，這種手動(dòng)方式仍然過(guò)于耗時(shí)。

　　我們時(shí)常遇到的一種比較典型的重復性需求，就是將某個(gè)元素復制多次并等距排列。對于這種典型任務(wù)，Sketch提供了非常便捷的實(shí)現方式。首先，我們仍需要通過(guò)“alt+拖拽”來(lái)復制一次，并參考動(dòng)態(tài)顯示的間距值將新元素放置到合適的位置，然后使用快捷方式“cmd+d”來(lái)重復復制，每次復制出的新元素與前一個(gè)元素之間的距離都是我們第一次手動(dòng)拖拽復制時(shí)所設定的值。你只管按住cmd鍵然后持續按d鍵，直到復制出你所需要的數量。

　　注意：如果你發(fā)現“cmd+d”并沒(méi)能實(shí)現自動(dòng)等距復制，那么請到Sketch的偏好設置當中，找到“Layers”下的“offset pasted  & duplicated objects”并取消勾選即可。

　　二、圖層排序

　　設想一下你正在設計類(lèi)似Dropbox那樣的應用，界面中需要一個(gè)文件列表，其中的文件默認按照上傳日期排序，但是用戶(hù)可以切換為按文件名字母排序。你很認真的在設計稿中為每個(gè)示例文件起了不同的名字，一切都不錯;但是要演示按字母排序的文件列表時(shí)，你發(fā)現自己必須手動(dòng)拖拽圖層來(lái)重新排序。

　　告別手動(dòng)的煩惱吧，我們通過(guò)Sketch Mate插件來(lái)實(shí)現加速。

　　打開(kāi)Sketch Toolbox工具

　　搜索“Sketch Mate”

　　點(diǎn)擊Install

　　Sketch  Mate當中集成了很多實(shí)用功能，我們現在需要使用到的排序只是其中之一。下面的演示當中，每個(gè)文件列表項對應著(zhù)一個(gè)名為“File”的組。

　　選中所有需要排序的組，在菜單欄中點(diǎn)擊Plugin > Sketch Mate > Sort > Sort  Layers，在彈出的對話(huà)框中選擇“Text(A >  Z)”。因為我們的示例當中每個(gè)組里包含多個(gè)文本對象，所以接下來(lái)還需要選擇以哪些文本為標準進(jìn)行排序。點(diǎn)擊OK后，你的列表會(huì )瞬間完成重新排序。

　　你也可以嘗試其他幾種排序方式。

　　三、圖層與artboard的批量重命名

　　良好有序的圖層與artboard結構是優(yōu)秀設計稿的標志之一，自己開(kāi)心，協(xié)作起來(lái)大家也開(kāi)心。但是必須承認，在很多時(shí)候，以更加合理的標準對圖層和artboard進(jìn)行重命名是很枯燥且耗時(shí)的工作。還好有一款名為Renameit的插件可以拯救我們于水火。

　　打開(kāi)Sketch Toolbox工具

　　搜索“Renameit”

　　點(diǎn)擊Install

　　在Sketch里選中你想要重命名的圖層或artboard(至少選中兩個(gè))，按“ctrl+cmd+r”，喚出Renameit的對話(huà)框，輸入“前綴+參數”。其中前綴是我們所需的有特定含義的單詞，例如“icon”。參數分為三類(lèi)：

　　%N：數字。例如，在對話(huà)框中輸入“icon %N”，點(diǎn)擊OK，所選圖層或artboard會(huì )被重命名為“icon 1”、“icon 2”、“icon  3”等等。

　　%W：寬度。例如，在對話(huà)框中輸入“icon %W”，點(diǎn)擊OK，所選圖層或artboard會(huì )被重命名為“icon 24”、“icon 36”、“icon  48”等等，其中的寬度值是自動(dòng)獲取的該對象的實(shí)際寬度。

　　%H：高度。與%W同理。

　　四、動(dòng)態(tài)按鈕

　　復制一個(gè)現有的按鈕并設置不同的按鈕標題，這是一種重復性強同時(shí)需要精確操作的工作，因為我們要做的不僅是復制，而且需要根據不同的標題長(cháng)度來(lái)調整按鈕的寬度。著(zhù)名的Dynamic  Button插件就是為了解決這個(gè)問(wèn)題而生的。到目前為止，這也是我個(gè)人最喜歡的插件。

　　打開(kāi)Sketch Toolbox工具

　　搜索“Dynamic Button”

　　點(diǎn)擊Install

　　首先，我們需要通過(guò)DB插件來(lái)創(chuàng )建初始按鈕。新建一個(gè)文本對象，輸入我們所需的按鈕標題。選中該文本對象，按“cmd+j”，你會(huì )發(fā)現文本和一個(gè)自動(dòng)生成的背景形狀一起被打包到了名為“Flex  Button”的組里，而且文本圖層被自動(dòng)重命名為“0:0:0:0”。這4個(gè)數字代表著(zhù)文本對象距離矩形背景的上、右、下、左邊緣的距離。

　　例如，根據實(shí)際需求，我們要將上、下兩個(gè)值設置為12，將左、右兩個(gè)值設置為20，那么你可以將文本圖層重新命名為“12:20:12:20”，然后選中文本對象，按“cmd+j”，這時(shí)按鈕背景的尺寸會(huì )自動(dòng)根據我們所設置的規格進(jìn)行調整。

　　接下來(lái)，無(wú)論是修改這個(gè)按鈕當中的標題文案，還是復制一個(gè)新的按鈕并修改標題，只要再次選中其中的文本對象并點(diǎn)擊“cmd+j”，按鈕背景的尺寸都會(huì )自動(dòng)根據新文案的尺寸進(jìn)行調整了。

　　五、Symbols的嵌套

　　目前，Sketch尚未“正式”支持symbols的嵌套，但我們可以通過(guò)一些技巧來(lái)實(shí)現，只是建議你在使用時(shí)小心一些。

　　要將Symbol A嵌入Symbol B：

　　選中Symbol A，在右側檢查器中將其設置為“No Symbol”，使其恢復為普通的組或對象

　　在左側圖層列表中，將A移入Symbol B

　　保持A的選中狀態(tài)，在右側檢查器中重新將其設置為原來(lái)的“Symbol A”

　　對我個(gè)人來(lái)說(shuō)，這種方法在編輯帶有彈出層的界面時(shí)非常有用。我可以將初始界面整體創(chuàng )建為一個(gè)父級symbol，其中包含有對應著(zhù)各種控件的子級symbol，然后將整個(gè)artboard復制，并設計浮層或彈框的樣式。如果初始界面當中某些元素需要發(fā)生變化，那么含有浮層的artboard便會(huì )自動(dòng)更新，無(wú)需手動(dòng)移開(kāi)浮層再做重復勞動(dòng)。

　　六、使artboard根據內容自動(dòng)調整尺寸

　　Sketch中的artboard體系可以幫我們站在全局角度總覽設計方案，這是它有別于其他競品的一個(gè)重要特性。想起以前用PS的狀況，感覺(jué)像是噩夢(mèng)。

　　設想你需要時(shí)常在artboard中添加或移除內容 – 如果artboard能自動(dòng)調整尺寸，這該有多好?我們前面介紹過(guò)的Sketch  Mate又能幫上忙了，確保你已經(jīng)安裝好。

　　例如當前artboard當中的實(shí)際內容已經(jīng)超過(guò)了artboard自身尺寸，你無(wú)法看到列表當中的更多條目。按“ctrl+shift+a”，artboard便可以精確的根據現有內容的實(shí)際高度來(lái)重新調整自身尺寸了，就這么簡(jiǎn)單。

【幫你提升SKETCH使用效率的6個(gè)技巧】相關(guān)文章：

提升鍛煉效率的幾種小技巧03-28

提升個(gè)人工作效率與競爭力的技巧03-27

提升工作效率的原則07-10

怎樣提升工作效率07-10

幫你成功拿下offer的面試技巧07-13

輕松提升校園招聘效率的招式07-12

7招技巧幫你提高交際能力03-20

UltraEdit使用技巧07-10

工作效率飆升技巧03-28

工作的效率提高50%小技巧03-27