設計教程 ·

sketch 入門教程之小知識(二)

上一篇《sketch 入門教程之小知識(一)》,這期將繼續上一期的主題,sketch的小知識。

(注:每個人都有自己的使用習慣,套路,所以很難知道我寫的對你來說是冷還是熱。

我只是把我自己從第一次使用sketch到現在的過程中,覺得是比較冷門但又很實用的小

技巧分享出來。所以,學到了就點個贊,老司機們就請見諒吧~)

1、文件整理小技巧

sketch在使用過程中,圖層往往會比較多且一旦不注意整理的話,就會變得很混亂。如

何快速整理好,快速輸出成為設計師們的一大需求,我在使用過程中覺得有幾個小技巧

還挺實用:

1)當畫板、文件夾很多又都是打開的情況下,要一個一個收起,非常麻煩。這時可以選

擇View——Layer List——Collapse All Groups快速收起所有畫板,便于選擇

2)設計過程中,可能經常會復制很多飛機稿與設計稿混在一起,由于sketch畫板之間缺

乏標記,又不能對畫板進行文件編組操作,所以往往很多時候要批量操作需要的畫板時

就會比較痛苦。此時其實用一個非畫板的對象(可以是圖形或者圖片等)作為間隔,用

來區分,就會很方便選擇了。

3)在對資源進行導出時,如果是用插件Sketch measure,導出時的畫板順序是按照從上

到下的順序排列的,所以最好是把需要導出的畫板放在前面,頁面也是(如果導出的內容

是確定的情況下,就可以不用這樣操作,但是像我一樣有強迫癥的人,在導出時還想確認

下導出的內容對不對,這個就比較好用了)。

2、文件復制小技巧

在只選擇待復制的目標畫板時,復制的對象會在畫板的最上層,這樣會打亂文件結構,比

如說你本來是打算把它復制到某個組里,結果卻還有手動去找,拖動到組內,很麻煩。其

實有個小技巧是,用command+鼠標左鍵選中要復制的位置附近的組或者層,對象復制過

來的時候會自動粘貼在被選對象的附近。(注:不得不說sketch中的復制功能真的太好用,

不但能復制到相同位置上,在按command+2局部放大的情況下還能直接將復制對象居中,

可以很好的利用這個特性去做排版,對齊等工作)

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

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

3、文件導出小技巧

sketch的導出功能非常強大,但是有些人覺得在進行導出流程時還要選擇導出路徑,依然略

顯繁瑣。有時候我就想快速導出到桌面看看效果,有沒有更簡單的辦法呢?直接設置切片后

拖拽出去就Ok了。

4、快速找到鎖定圖層

被鎖定的對象在一堆圖層中經常難以快速找到,難道只能在左側的圖層面板中一個個的找嗎?

這時,其實是有個小方法的,在被鎖定的有層疊關系的圖層上,通過選擇圖層菜單來快速定

位,然后按command+shift+L解鎖,就可以隨意操作了。

5、快速吸取顏色

在用sketch的過程中,吸顏色是經常要干的事。初次使用的時候流程經常是點顏色面板,然

后選擇吸管再來選取想要的顏色,其實有個更快捷的方式,直接按下conrtol+c?(這個功能

在Layer->style->Pick color里能看到)就能快速選取屏幕上的顏色了。

6、快速切換層級小技巧

在很多圖層未整理,處于比較混亂的情況下,按command+鼠標左鍵只能快速的選到某個具

體圖層,但是接著你又在想,如果我還能一鍵快速選到圖層所在的組,那該多好(你得有多

懶,沒事,sketch能滿足你!)。

方法是:在選擇具體圖層后,按鍵盤上的esc鍵,能快速選擇圖層所在的上一級,可能是組,

也可以是更上一級的組,甚至能快速選到畫板,是不是很方便?選擇后如果要移動就按option

+command,還能避免誤操作。

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

sketch的描邊屬性很強大,其實很類似Ai的功能,但是很多人可能沒發現它的使用技巧,這

里做幾個示例,或許可以對大家有一些啟發

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

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

效果1

效果1,方法演示

效果2

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

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

線段的長度。

8、查看對象間距小技巧

按option查看對象間距,這個大家都知道。但平時在工作中,可能經常會發現,有些間距只

按option無法顯示出來,有2個例子:

1)在復雜圖層組情況下,查看一個組外對象與組內對象的間距時,按option貌似就不管用

了。此時,如果同時按住option+command,就會發現,任何對象之間的間距都能顯示出

來了。

2)如果針對文本圖層的話,則按住Option時測量的距離只是測出了文本的邊界。但是,很

多時候在有較大文字的時候,文本的范圍很大,文本的空白區域也很大,會不準確。此時,

如果按住Control鍵+Option鍵,則可以根據底部的文本基線或頂部的高度進行測量,就可以

獲得更準確的測量結果。

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

先說明下遇到的一個案例:畫了一個60x60px的圖標,現在需要導出100x100px尺寸,無法

通過具體比例直接導出(100/60=1.666666….)。 解決辦法:在導出參數中填入100w或者

100h(也就是width和hight的首字母),即可導出該尺寸資源。

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

symbol可以自定義的屬性太多,而很多時候只需要變動其中的幾個,其他屬性在團隊合作

中并不想要其他人改動或者自己也不想看到那么多,怎么辦? 解決辦法:在symbol中,鎖

定那些不需要改動的圖層。鎖定后,不需要改動的屬性就不會出現在overrides里了。

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

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

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

有時候,你可能想著要能快速選擇描邊查看效果,難道只有在右側屬性欄打勾選擇嗎(雖

然這樣也挺快),但是有更便捷的辦法,直接按F/B就可以快捷選擇了,根本停不下來啊。

13、快速查看元素細節

sketch里用command+“+/-”來控制縮放,大家都很清楚了。但是有時候,我們并不想放大縮

小整數倍,只想快速查看對象某個位置的細節,這時可以把鼠標放在想觀察的細節處,按

住command+鼠標中間滾動進行放大縮小,非常好用。

 

本文作者:彩云Sky