那些提高效率但不為人知的Sketch 冷知識(二)

編者按:作者在上期《那些提高效率但不為人知的Sketch 冷知識(一)》中分享了10個提升效率的實用技巧,本期繼續奉上干貨。

一、文件整理小技巧

sketch 在使用過程中,圖層往往會比較多且一旦不注意整理的話,就會變得很混亂。如何快速整理好,快速輸出成為設計師們的一大需求,我在使用過程中覺得有幾個小技巧還挺實用:

當畫板、文件夾很多又都是打開的情況下,要一個一個收起,非常麻煩。這時可以選擇 View - Layer List - Collapse All Groups 快速收起所有畫板,便于選擇。

那些提高效率但不為人知的Sketch 冷知識(二)

設計過程中,可能經常會復制很多飛機稿與設計稿混在一起,由于 sketch 畫板之間缺乏標記,又不能對畫板進行文件編組操作,所以往往很多時候要批量操作需要的畫板時就會比較痛苦。此時其實用一個非畫板的對象(可以是圖形或者圖片等)作為間隔,用來區分,就會很方便選擇了。

那些提高效率但不為人知的Sketch 冷知識(二)

在對資源進行導出時,如果是用插件 Sketch measure,導出時的畫板順序是按照從上到下的順序排列的,所以最好是把需要導出的畫板放在前面,頁面也是(如果導出的內容是確定的情況下,就可以不用這樣操作,但是像我一樣有強迫癥的人,在導出時還想確認下導出的內容對不對,這個就比較好用了)。

那些提高效率但不為人知的Sketch 冷知識(二)

二、文件復制小技巧

在只選擇待復制的目標畫板時,復制的對象會在畫板的最上層,這樣會打亂文件結構,比如說你本來是打算把它復制到某個組里,結果卻還要手動去找,拖動到組內,很麻煩。其實有個小技巧是,用 command+鼠標左鍵選中要復制的位置附近的組或者層,對象復制過來的時候會自動粘貼在被選對象的附近。(注:不得不說sketch中的復制功能真的太好用,不但能復制到相同位置上,在按 command+2 局部放大的情況下還能直接將復制對象居中,可以很好的利用這個特性去做排版,對齊等工作)

那些提高效率但不為人知的Sketch 冷知識(二)

△ 按command+鼠標左鍵,復制到指定位置

那些提高效率但不為人知的Sketch 冷知識(二)

△ 按command+2,復制到居中位置

三、文件導出小技巧

sketch 的導出功能非常強大,但是有些人覺得在進行導出流程時還要選擇導出路徑,依然略顯繁瑣。有時候我就想快速導出到桌面看看效果,有沒有更簡單的辦法呢?直接設置切片后拖拽出去就好了。

那些提高效率但不為人知的Sketch 冷知識(二)

四、快速找到鎖定圖層

被鎖定的對象在一堆圖層中經常難以快速找到,難道只能在左側的圖層面板中一個個的找嗎?這時,其實是有個小方法的,在被鎖定的有層疊關系的圖層上,通過選擇圖層菜單來快速定位,然后按 command+shift+L 解鎖,就可以隨意操作了。

那些提高效率但不為人知的Sketch 冷知識(二)

五、快速吸取顏色

在用 sketch 的過程中,吸顏色是經常要干的事。初次使用的時候流程經常是點顏色面板,然后選擇吸管再來選取想要的顏色,其實有個更快捷的方式,直接按下 conrtol+c (這個功能在Layer->style->Pick color里能看到)就能快速選取屏幕上的顏色了。

那些提高效率但不為人知的Sketch 冷知識(二)

六、快速切換層級小技巧

在很多圖層未整理,處于比較混亂的情況下,按 command+鼠標左鍵只能快速的選到某個具體圖層,但是接著你又在想,如果我還能一鍵快速選到圖層所在的組,那該多好。

方法是在選擇具體圖層后,按鍵盤上的 esc 鍵,能快速選擇圖層所在的上一級,可能是組,也可以是更上一級的組,甚至能快速選到畫板,是不是很方便?選擇后如果要移動就按 option+command,還能避免誤操作。

那些提高效率但不為人知的Sketch 冷知識(二)

七、利用描邊屬性繪制特殊形狀

sketch 的描邊屬性很強大,其實很類似 Ai 的功能,但是很多人可能沒發現它的使用技巧,這里做幾個示例,或許可以對大家有一些啟發

利用路徑修剪工具,畫一個圓弧進度條,注意描邊要選居中。

那些提高效率但不為人知的Sketch 冷知識(二)

利用描邊特性來做虛線進度條,比如下面這樣的效果

那些提高效率但不為人知的Sketch 冷知識(二)

△ 效果1

那些提高效率但不為人知的Sketch 冷知識(二)

△ 效果1,方法演示

那些提高效率但不為人知的Sketch 冷知識(二)

△ 效果2

那些提高效率但不為人知的Sketch 冷知識(二)

△ 效果2,方法演示(注意,這個要用線條來做,描邊模式里要選擇Ends里最左邊的選項)

以上兩個效果需要注意的是,其中:Dash 是線段的寬度,Gap 是間隔的寬度,Thickness 是線段的長度。

八、查看對象間距小技巧

按 option 查看對象間距,這個大家都知道。但平時在工作中,可能經常會發現,有些間距只按 option 無法顯示出來,有2個例子:

在復雜圖層組情況下,查看一個組外對象與組內對象的間距時,按option貌似就不管用了。此時,如果同時按住 option+command,就會發現,任何對象之間的間距都能顯示出來了。

那些提高效率但不為人知的Sketch 冷知識(二)

如果針對文本圖層的話,則按住 Option 時測量的距離只是測出了文本的邊界。但是,很多時候在有較大文字的時候,文本的范圍很大,文本的空白區域也很大,會不準確。此時,如果按住 Control鍵+Option鍵,則可以根據底部的文本基線或頂部的高度進行測量,就可以獲得更準確的測量結果。

那些提高效率但不為人知的Sketch 冷知識(二)

九、sketch參數法導出任意比例圖形

先說明下遇到的一個案例:畫了一個60x60px的圖標,現在需要導出100x100px尺寸,無法通過具體比例直接導出(100/60=1.666666….)。 解決辦法:在導出參數中填入100w或者100h(也就是 width 和 hight 的首字母),即可導出該尺寸資源。

那些提高效率但不為人知的Sketch 冷知識(二)

十、symbol可設置項目太多,想只顯示某幾個需要用到的屬性項目,怎么解決?

symbol 可以自定義的屬性太多,而很多時候只需要變動其中的幾個,其他屬性在團隊合作中并不想要其他人改動或者自己也不想看到那么多,怎么辦? 解決辦法:在 symbol 中,鎖定那些不需要改動的圖層。鎖定后,不需要改動的屬性就不會出現在 overrides 里了。

那些提高效率但不為人知的Sketch 冷知識(二)

十一、如何進行快捷的圖層選擇操作?

有時候需要快速選擇相鄰的圖層,可以使用 Tab /Tab+Shift 進行下上切換。

那些提高效率但不為人知的Sketch 冷知識(二)

十二、快速切換填充和描邊狀態

有時候,你可能想著要能快速選擇描邊查看效果,難道只有在右側屬性欄打勾選擇嗎(雖然這樣也挺快),但是有更便捷的辦法,直接按 F/B 就可以快捷選擇了,根本停不下來啊。

那些提高效率但不為人知的Sketch 冷知識(二)

十三、快速查看元素細節

sketch 里用 command+「+/-」來控制縮放,大家都很清楚了。但是有時候,我們并不想放大縮小整數倍,只想快速查看對象某個位置的細節,這時可以把鼠標放在想觀察的細節處,按住 command+鼠標中間滾動進行放大縮小,非常好用。

那些提高效率但不為人知的Sketch 冷知識(二)

好了,本期 sketch 冷知識就先介紹到這里,文章中所提到的小技巧,一定要自己動手去試試啊,要不然看過了你也還是用不到,不信?那就試試看。

歡迎關注作者的微信公眾號:「?彩云譯設計」

那些提高效率但不為人知的Sketch 冷知識(二)

「提高效率的Sketch技巧」

收藏 109
點贊 7

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。