sketch 入門(mén)教程之小知識(shí)(二)

上一篇《sketch 入門(mén)教程之小知識(shí)(一)》,這期將繼續(xù)上一期的主題,sketch的小知識(shí)。

(注:每個(gè)人都有自己的使用習(xí)慣,套路,所以很難知道我寫(xiě)的對(duì)你來(lái)說(shuō)是冷還是熱。

我只是把我自己從第一次使用sketch到現(xiàn)在的過(guò)程中,覺(jué)得是比較冷門(mén)但又很實(shí)用的小

技巧分享出來(lái)。所以,學(xué)到了就點(diǎn)個(gè)贊,老司機(jī)們就請(qǐng)見(jiàn)諒吧~)

1、文件整理小技巧

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

何快速整理好,快速輸出成為設(shè)計(jì)師們的一大需求,我在使用過(guò)程中覺(jué)得有幾個(gè)小技巧

還挺實(shí)用:

1)當(dāng)畫(huà)板、文件夾很多又都是打開(kāi)的情況下,要一個(gè)一個(gè)收起,非常麻煩。這時(shí)可以選

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

2)設(shè)計(jì)過(guò)程中,可能經(jīng)常會(huì)復(fù)制很多飛機(jī)稿與設(shè)計(jì)稿混在一起,由于sketch畫(huà)板之間缺

乏標(biāo)記,又不能對(duì)畫(huà)板進(jìn)行文件編組操作,所以往往很多時(shí)候要批量操作需要的畫(huà)板時(shí)

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

來(lái)區(qū)分,就會(huì)很方便選擇了。

3)在對(duì)資源進(jìn)行導(dǎo)出時(shí),如果是用插件Sketch measure,導(dǎo)出時(shí)的畫(huà)板順序是按照從上

到下的順序排列的,所以最好是把需要導(dǎo)出的畫(huà)板放在前面,頁(yè)面也是(如果導(dǎo)出的內(nèi)容

是確定的情況下,就可以不用這樣操作,但是像我一樣有強(qiáng)迫癥的人,在導(dǎo)出時(shí)還想確認(rèn)

下導(dǎo)出的內(nèi)容對(duì)不對(duì),這個(gè)就比較好用了)。

2、文件復(fù)制小技巧

在只選擇待復(fù)制的目標(biāo)畫(huà)板時(shí),復(fù)制的對(duì)象會(huì)在畫(huà)板的最上層,這樣會(huì)打亂文件結(jié)構(gòu),比

如說(shuō)你本來(lái)是打算把它復(fù)制到某個(gè)組里,結(jié)果卻還有手動(dòng)去找,拖動(dòng)到組內(nèi),很麻煩。其

實(shí)有個(gè)小技巧是,用command+鼠標(biāo)左鍵選中要復(fù)制的位置附近的組或者層,對(duì)象復(fù)制過(guò)

來(lái)的時(shí)候會(huì)自動(dòng)粘貼在被選對(duì)象的附近。(注:不得不說(shuō)sketch中的復(fù)制功能真的太好用,

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

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

按command+鼠標(biāo)左鍵,復(fù)制到指定位置

按command+2,復(fù)制到居中位置

3、文件導(dǎo)出小技巧

sketch的導(dǎo)出功能非常強(qiáng)大,但是有些人覺(jué)得在進(jìn)行導(dǎo)出流程時(shí)還要選擇導(dǎo)出路徑,依然略

顯繁瑣。有時(shí)候我就想快速導(dǎo)出到桌面看看效果,有沒(méi)有更簡(jiǎn)單的辦法呢?直接設(shè)置切片后

拖拽出去就Ok了。

4、快速找到鎖定圖層

被鎖定的對(duì)象在一堆圖層中經(jīng)常難以快速找到,難道只能在左側(cè)的圖層面板中一個(gè)個(gè)的找嗎?

這時(shí),其實(shí)是有個(gè)小方法的,在被鎖定的有層疊關(guān)系的圖層上,通過(guò)選擇圖層菜單來(lái)快速定

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

5、快速吸取顏色

在用sketch的過(guò)程中,吸顏色是經(jīng)常要干的事。初次使用的時(shí)候流程經(jīng)常是點(diǎn)顏色面板,然

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

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

6、快速切換層級(jí)小技巧

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

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

懶,沒(méi)事,sketch能滿(mǎn)足你?。?。

方法是:在選擇具體圖層后,按鍵盤(pán)上的esc鍵,能快速選擇圖層所在的上一級(jí),可能是組,

也可以是更上一級(jí)的組,甚至能快速選到畫(huà)板,是不是很方便?選擇后如果要移動(dòng)就按option

+command,還能避免誤操作。

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

sketch的描邊屬性很強(qiáng)大,其實(shí)很類(lèi)似Ai的功能,但是很多人可能沒(méi)發(fā)現(xiàn)它的使用技巧,這

里做幾個(gè)示例,或許可以對(duì)大家有一些啟發(fā)

1)利用路徑修剪工具,畫(huà)一個(gè)圓弧進(jìn)度條,注意描邊要選居中

2)利用描邊特性來(lái)做虛線(xiàn)進(jìn)度條,比如下面這樣的效果

效果1

效果1,方法演示

效果2

效果2,方法演示(注意,這個(gè)要用線(xiàn)條來(lái)做,描邊模式里要選擇Ends里最左邊的選項(xiàng))

以上兩個(gè)效果需要注意的是,其中:Dash是線(xiàn)段的寬度,Gap是間隔的寬度,Thickness是

線(xiàn)段的長(zhǎng)度。

8、查看對(duì)象間距小技巧

按option查看對(duì)象間距,這個(gè)大家都知道。但平時(shí)在工作中,可能經(jīng)常會(huì)發(fā)現(xiàn),有些間距只

按option無(wú)法顯示出來(lái),有2個(gè)例子:

1)在復(fù)雜圖層組情況下,查看一個(gè)組外對(duì)象與組內(nèi)對(duì)象的間距時(shí),按option貌似就不管用

了。此時(shí),如果同時(shí)按住option+command,就會(huì)發(fā)現(xiàn),任何對(duì)象之間的間距都能顯示出

來(lái)了。

2)如果針對(duì)文本圖層的話(huà),則按住Option時(shí)測(cè)量的距離只是測(cè)出了文本的邊界。但是,很

多時(shí)候在有較大文字的時(shí)候,文本的范圍很大,文本的空白區(qū)域也很大,會(huì)不準(zhǔn)確。此時(shí),

如果按住Control鍵+Option鍵,則可以根據(jù)底部的文本基線(xiàn)或頂部的高度進(jìn)行測(cè)量,就可以

獲得更準(zhǔn)確的測(cè)量結(jié)果。

9、sketch參數(shù)法導(dǎo)出任意比例圖形

先說(shuō)明下遇到的一個(gè)案例:畫(huà)了一個(gè)60x60px的圖標(biāo),現(xiàn)在需要導(dǎo)出100x100px尺寸,無(wú)法

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

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

10、symbol可設(shè)置項(xiàng)目太多,想只顯示某幾個(gè)需要用到的屬性項(xiàng)目,怎么解決?

symbol可以自定義的屬性太多,而很多時(shí)候只需要變動(dòng)其中的幾個(gè),其他屬性在團(tuán)隊(duì)合作

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

定那些不需要改動(dòng)的圖層。鎖定后,不需要改動(dòng)的屬性就不會(huì)出現(xiàn)在overrides里了。

11、如何進(jìn)行快捷的圖層選擇操作?

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

12、快速切換填充和描邊狀態(tài)

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

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

13、快速查看元素細(xì)節(jié)

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

小整數(shù)倍,只想快速查看對(duì)象某個(gè)位置的細(xì)節(jié),這時(shí)可以把鼠標(biāo)放在想觀(guān)察的細(xì)節(jié)處,按

住command+鼠標(biāo)中間滾動(dòng)進(jìn)行放大縮小,非常好用。

 

本文作者:彩云Sky

每天更新,
全站高品質(zhì)素材免費(fèi)下載!