越來越多的人開始用Sketch進行UI設計,Sketch作為一款非常容易上手的軟件,很多人完全可以依靠自學便能熟練掌握這款軟件,但是大部分人都只是掌握Sketch的基本實用方法,對于一些實用的小技巧,了解的并不是特別多。
從今天開始,我將向大家介紹Sketch的一系列實用小技巧,這些小技巧能幫助大家更好的使用Sketch,提升工作效率。
這是該系列教程的第四篇——鋼筆工具的運用。
本教程的第一篇:http://www.lxweimin.com/p/109aac030ded
本教程的第二篇:http://www.lxweimin.com/p/80b606f87f53
本教程的第三篇:http://www.lxweimin.com/p/410f2ef8b424
本教程的第四篇:http://www.lxweimin.com/p/7acc514dc2e3
本教程的第五篇:http://www.lxweimin.com/p/84235319ca6a
系統偏好設置是Sketch新用戶一般會容易忽視的地方,實際上系統偏好設置的一些設置會對設計產生較大的影響,和所有的Mac軟件一樣,系統偏好設置位于頂部菜單的軟件名稱一欄,在Sketch中打開系統偏好設置只需要點擊菜單Sketch——Preferences...即可打開,快捷鍵為command+,鍵,如下圖所示。
打開系統偏好設置后,可以看到如下圖所示的窗口,頂部分成四個選項卡——General(通用)、Canvas(畫布)、Layers(圖層)和Plugins(插件)。每個選項卡都有相關的選項可以進行設置,下面對各選項卡的內容做一個詳細介紹。
1. General(通用)選項卡
上圖所示為General選項卡的界面,需要注意的是,隨著Sketch的升級,每個選項卡的內容可能會發生一些小變化。
Auto Save(自動保存),勾選該選項,即可開啟自動保存功能,開啟該功能后,系統會每過一段時間自動保存一次當前的文檔,相當于手動執行一次command+S的功能,開啟該功能會占用一小部分的硬盤空間,但是一般情況下建議大家勾選。
Pixel Fitting(像素適應),我們知道Sketch是一款矢量繪圖軟件,但是計算機屏幕以及我們輸出的位圖都是由像素組成,在我們設計界面時,系統會根據我們設計的內容自動的對圖形進行一些像素的填充,使之顯示更加平滑,避免虛化的出現。但是計算機畢竟是根據特殊的算法進行處理,并不能保證每次都能填充到最合適,勾選該選項,可以讓圖層和錨點的和像素邊界對齊,如下圖所示,上部分是未勾選的效果,下部分是勾選該選項的效果,在該選項下方還有兩個選項——Pixel-fit when resizing layers(在縮放圖層時應用像素適應)和Pixel-fit when aligning layers(在對齊圖層時應用像素適應),該選項中建議所有選項勾選。
Vector Import(矢量圖導入),若勾選該選項,則導入PDF和EPS格式的文件時會作為一個位圖文件進行導入,一般情況下建議不要勾選,若在設計中偶爾希望導入時自動轉化為位圖,則可以在導入時按下option鍵執行相反的效果。
Sketch Mirror,關于Mirror在后續文章會介紹,在此不做展開。在未勾選狀態,移動設備打開Mirror鏈接后,會顯示該Sketch文件中的第一個畫板,若勾選該選項,則始終顯示當前正在編輯的畫板。
2. Canvas(畫布)選項卡
系統偏好設置中的第二個選項卡Canvas(畫布)選項卡內容如下圖所示,該選項卡用于一些和畫布相關的設置。
Font Rendering(字體渲染),Sketch調用的是OS X的字體渲染引擎進行渲染,所以若設計Mac軟件或者web網頁時建議勾選該選項,若進行iOS和Apple Watch界面設計時,因取消勾選,但是在進行安卓界面設計時,最好是勾選。實際上,隨著屏幕分辨率的提升,字體的渲染引擎帶來的差異已經在不斷縮小,但是大家在進行iOS和Apple Watch設計時,最好還是應取消勾選。
Retina,勾選該選項,則在Retina屏幕的Mac上Sketch的畫布在相同尺寸下可以看到更多的細節,目前有Retina屏幕的Mac設備有Retina Macbook Pro,全新Macbook和4K/5K的iMac。在這些設備上,建議勾選該選項。
Zoom(縮放),Animate?zoom(縮放動效),勾選該選項,在進行縮放時會有縮放動效;Zoom in on selection(以選中圖層為中心進行縮放),勾選該選項,則進行畫布縮放時,始終以當前選中圖層為中心進行縮放,若未勾選,則以當前屏幕上畫布為中心進行縮放;Zoom back to previous Canvas position(將畫布縮放至之前的位置),勾選該選項時,當縮放至實際尺寸時,無論之前以誰為中心進行的縮放都將回到縮放前畫布的位置,否則回到畫布中心。
Colors(顏色),點擊該處色塊,可以設置參考線的顏色。
3. Layers(圖層)選項卡
系統偏好設置中第三個選項卡Layers(圖層)選項卡內容如下圖所示,該選項卡中內容用于和圖層相關的設置。
New Groups(新的編組),勾選該選項的效果和圖層組檢查器中勾選Click-through when selecting效果一致,只是在此勾選會對所有的圖層組生效。可以根據個人習慣進行選中,但是筆者建議不要勾選,因為若需要直接選中組內圖層而非圖層組,可以在點擊組內圖層時,按住鍵盤上的command鍵進行點選,同樣可直接選中該圖層。
Duplicating(復制),Offset duplicated layers(移動復制的圖層),勾選該選項,則在進行圖層復制時,復制的圖層會相對于原圖層有10px的位移,如下圖所示,左側為未勾選該選項時復制圖層的效果,右側為勾選該選項時復制圖層的效果。Rename duplicated layers(對復制的圖層重命名),勾選該選項時,在對圖層進行復制時(command+D),復制的圖層命名為“原圖層名+Copy+次數”,如“Oval Copy 2”,若取消勾選,則復制圖層的名字和原圖層一致。
Text Layers(文本圖層),勾選該選項,則進行文本粘貼時不帶任何文本樣式,此處的文本樣式不僅包括Sketch文本圖層復制過來的文字,還包括從Sketch之外的如網頁等粘貼過來的文字。
Flatten Bitmaps(拼合位圖),此處可以選擇當將圖層轉化為位圖時,是轉化為1倍尺寸大小還是2倍尺寸大小,若我們用1倍尺寸設計Retina設備上的界面時,建議設置為2x尺寸,避免模糊。
4. Plugins(插件)選項卡
系統偏好設置中第四個選項卡Plugins(圖層)選項卡內容和插件內容相同,具體請看本教程第五篇:http://www.lxweimin.com/p/84235319ca6a