Sketch的操作相比PS來說要簡單容易上手的多毁兆,但在使用過程中往踢,我們多多少少還是會遇到一些問題泼差。那么今天就來聊一下Sketch中的一些使用技巧吧构诚。以下的問題有我自己遇到后找到的解決方案蚌斩,有些是小伙伴遇到后問我的,分享出來希望可以幫助到有同樣困擾的小伙伴范嘱。
1.批量刪除輔助線
關(guān)于輔助線送膳,因為我個人不太習慣用輔助線,一般都是直接按住option查看數(shù)值丑蛤,方便有準確叠聋。但有時交接工作的時候,會收到帶有很多輔助線的文檔受裹,比如這樣↓↓↓
單個輔助線的刪除碌补,我們只需要拖動它到標尺外就可以,相信大多數(shù)小伙伴也是這么做的。
但對于像上圖中這種數(shù)量眾多的輔助線脑慧,拖動刪除就太麻煩了魄眉,所以需要批量刪除,操作也非常簡單闷袒,只需要兩步就可以將其全部刪除坑律。
移動鼠標至標尺位置,點擊右鍵(注意避開標尺左上角“小鎖”圖標的區(qū)域)囊骤,然后可以看到"Remove All vertical / Horizontal guides"的選項晃择,點擊就可以刪除全部輔助線啦。
2.隔組選擇?
當圖層復(fù)雜時也物,為了管理圖層和快速移動宫屠,我們往往會給圖層打組,經(jīng)常出現(xiàn)組套組的情況滑蚯,這時候如果想要再選擇某個圖層浪蹂,就需要我們不斷雙擊進入層層嵌套的分組,非常影響作圖速度告材。
有兩個快捷方式可以幫我們解決這個問題:
1).按住command鍵點選坤次,不管中間套了多少層組,都可以穿過而直接選中該圖層斥赋,對其進行操作缰猴。這是針對圖層選擇的操作。
2).勾選select group's content on click疤剑,擇可以直接選中該組下的圖層或組滑绒,不需要雙擊進入。和第一種方法相比隘膘,多了組的選擇疑故,也十分方便。
3.拖動畫板生成圖片
為畫板生成導(dǎo)出后棘幸,直接拖動導(dǎo)出區(qū)顯示的畫板縮略圖至工作區(qū)焰扳,可以得到該畫板的切圖。在圖片上填充50%的黑色误续,就是一個蒙層了吨悍,這個操作在設(shè)計彈窗的時候非常方便,不用保留過多圖層的信息蹋嵌。
4.色彩空間
如果你發(fā)現(xiàn)Sketch中的顯色和導(dǎo)出圖片有色差育瓜,在軟件里色彩的顯示,會比導(dǎo)出的圖片或比用手機預(yù)覽更加鮮艷栽烂。這是因為Sketch默認的色彩空間Unmanaged躏仇,是系統(tǒng)默認的色彩空間恋脚。下圖是Unmanaged下,Sketch文件與圖片的對比焰手,可以看到文件的顏色糟描,比生產(chǎn)圖片的顏色更加艷麗。
減少這種色差书妻,需要我們把色彩空間由默認Unmanaged更改為sRGB船响。可以從兩個路徑更改:
1.全局的更改躲履,路徑是Sketch→ Preference → Genera → Color Profile → sRGB见间。這是對Sketch全局文件的修改。
2.單個文檔的更改工猜,路徑是File→ Change Color Profile米诉,可以只對當前文件進行更改。
再看一下sRGB下的文件與圖片篷帅,更改過后文件和圖片色差問題基本可以解決史侣。
5.剪切線條?
修剪描邊線條的時候,如果需要圓形端點犹褒,要在修剪前設(shè)置好描邊抵窒,只有居中且Ends和Joins為第二項時弛针,才能得到圓形端點叠骑。而且在修剪過后,是不能再調(diào)整描邊的“局內(nèi)削茁、居中或局外”的方式的宙枷,所以在動剪子前,要設(shè)置好茧跋。
6.SVG格式的描邊
SVG是可伸縮的矢量圖形慰丛,可以任意縮放不影響圖像質(zhì)量,而且與JPEG瘾杭、PNG相比诅病,SVG文件的小很多,下載也就更快粥烁,應(yīng)用也越來越廣泛贤笆。
但在導(dǎo)出SVG切圖的時候需要注意一個問題,就是描邊的擴展讨阻。SVG格式芥永,普通的描邊也可以識別,但如果描邊中出現(xiàn)透明白的顏色钝吮,就會有影響埋涧,導(dǎo)致切圖不完整板辽,如下圖:
所以如果有透明度的描邊,一定要先把描邊擴展成路徑再切圖呀棘催。擴展命令是Outlines劲弦,可以從View→Customize toolbar,找到Outlines把它拖到常用工具欄里就行了醇坝。
7.變形
Sketch中的變形工具雖然不像PS里的那么強大瓶您,但也能滿足基本的變形需求。路徑和圖片可以直接變形纲仍,文字的話呀袱,擴展轉(zhuǎn)為路徑后也可以變形。需要注意的是郑叠,過于復(fù)雜的文字擴展成路徑會讓運行速度變慢夜赵,所以可以直接轉(zhuǎn)換成圖片調(diào)整。
8.彩色插圖快速轉(zhuǎn)黑白
有時候我們會遇到需要把一組彩色的插圖改為黑白置灰的狀態(tài)乡革,簡單的圖形還可以一個個圖層去調(diào)整顏色寇僧,但如果是一個復(fù)雜圖形,再一個個去調(diào)色沸版,就影響效率了嘁傀。
這種情況我們可以把圖形轉(zhuǎn)換為位圖,調(diào)整Color Adjust中的Saturation视粮,就可以快速得到它的黑白效果细办,取消色彩調(diào)整的話又可以回到彩色,非常方便蕾殴。
這樣調(diào)整的圖雖然沒有手動去調(diào)可控笑撞,效果可能比不上自己手動調(diào)整的好,但勝在速度,工作中可以根據(jù)自己的需要去選擇。我一般是用這種圖快速占位侠坎,等有時間后再去手動調(diào)整一版固惯,這樣不會影響項目進度。
9.調(diào)整大小和等比例縮放
調(diào)整長寬值、或者是直接拖動圖形,圖形的圓角大小和描邊像素是不會變化的,如果需要同比例縮放础锐,擇要采用Scale來操作。
↓直接拖動或調(diào)整左側(cè)長寬數(shù)值逼裆,圖形的描邊和圓角會保持原有的值不會變化郁稍,這兩種方法不適合插圖的縮放,比較適合一些控件的調(diào)整胜宇。
↓使用Scale調(diào)整耀怜,得到等比例縮放恢着,適合插圖的調(diào)整,不會出現(xiàn)變形等問題财破。
10.快速重復(fù)
command+D重復(fù)上一步命令掰派,這個快捷方式與PS相同,可以快速復(fù)制左痢,并且包括角度和方向靡羡,所以斜線也可以。
附錄【Sketch冷門快捷鍵】
最后推薦我常用的一些相對冷門的快捷鍵俊性,圖片可以直接保存下來哦略步。
不知道你有沒有遇到過上面的問題呢,歡迎留言交流分享更多Sketch技巧~