Sketch 52版本重磅釋出!為你揭祕最新的實用技巧!
作者:彩雲SKY(ID:caiyunyisheji)
國慶假期很快就過去了,時間過的太快,感覺還沒來得及休息就又要上班了,你們有同感嗎?
假期中間,sketch釋出了一次重大更新,這次更新的主題是“讓工作更加聚焦”,更新的內容也非常贊!主要有以下幾點:
- 全新的UI,易用性和可讀性更強,並增加了“暗黑模式”
- 更高的效能,在處理大量檔案時,渲染響應更快
- 支援更多型別巢狀布林運算,布林運算能力得到顯著增強
- 可以自定義的資料來源,更高效的設計演示
- 樣式覆蓋
- 其他小功能更新
接下來,我將詳細的介紹每一個更新內容,帶大家快速瞭解sketch的最新變化。
先看下官方視訊演示:
一、全新的UI
圖片來源:Sketch官網
在52版本中,sketch對軟體UI進行了重大更新,包括介面佈局,圖示等等都進行了重新設計,提高了整個應用的可用性和可讀性。其中,對於我個人而言,此次更新中最亮眼的就是“暗黑模式”。 開啟這個模式需要電腦更新到最新的macOS Mojave版本,並選擇對應的顏色模式,sketch中就可以基於你的選擇變換主題了。
開啟暗黑模式的過程
二、更高的效能
之前的版本在處理有大量介面的頁面放大縮小時,渲染會比較卡頓,更新之後會這方面效能上有很大的提升。官方給出的資料是在某些操作下效能提升2.7倍。具體的速度大家來感受下:
舊版本51時移動一個畫板,明顯感覺有延遲(注意看紅框位置和移動渲染位置)
最新版本52時,紅框位置和移動渲染位置已經基本上可以實時重合了
舊版sketch51
新版sketch52
基於以上對比更新,新版本會更加流暢,果斷更新啊。
三、更強的巢狀布林運算
1、布林圖層管理更加清晰
舊版本布林圖層層級關係
新版本新增了層級關係,更符合使用預期
2、文字與圖形也能進行布林運算
在舊版本中,文字與圖形是不能直接進行布林運算的。但在新版本中,這項運算得到了加強,不但能做布林運算,還能實現運算後可編輯,要做像鏤空字之類的效果就非常簡單了。
3、symbol元件也能進行布林運算(舊版本不行)
元件的布林運算,可以對很多組合圖形進行創意組合,還能快速編輯
布林運算功能的強化,非常的實用,我所舉的幾個例子只能算是拋磚引玉,期待大家的創意發揮。如果有更新奇的發現,也歡迎給我後臺留言,或者加我微信,一起探討。
四、自定義資料來源功能
先通過一個案例演示一下,讓大家快速瞭解下這個功能。
通過案例我們會發現,本質上資料來源就是做了一個數據填充的事。其實在之前的版本就有外掛能做,只不過這次官方把這個功能給內建了。這個功能的方便之處就在於,大家可以自定義資料來源實現填充。在一些專案中如果有很多重複使用的圖片或者文字作為介面內容的時候,這個功能就可以節省很多時間了。
那資料來源怎麼做呢?有幾個要注意的地方:
1、對於圖片資源來說,選擇需要的圖片資源整理到一個資料夾中進行新增,在填充時需要選擇一個合適的填充方式:Fill(填充)、Fit (適應)、stretch (拉伸)、Tile(平鋪)
2、對於文字來說,需要注意每一條資料單獨一行,並以txt文字格式儲存
這個功能,在頁面量大,資料重複率高的時候非常實用,進階玩法是用js或者python來爬取頁面資料就更加方便了,資料也會更加真實。
3、某些情況下,更新後在資料來源選單中沒有Unsplash這個選項(官方做的一個外掛示例,但是也比較實用),重啟(外掛管理中關閉再開啟)這個外掛後就能解決了。
五、樣式覆蓋
在舊版本中,如果要在symbol內部實現修改圖形和文字的樣式,是需要通過複製多個symbol或其他複雜辦法來解決,但是這樣會加大symbol體系的複雜程度,不便於後期維護管理。
本次更新中,通過樣式覆蓋很好的解決了這個問題,先看下具體案例演示:
利用一個symbol實現了圖形和文字的變色,在做類似選項卡的設計時非常的方便
我在案例中只是修改了顏色,其實還可以做很多形式的修改,比如文字的大小和樣式,圖形的圖層樣式(大小的修改還不支援),或者有更多創意用法還等待大家繼續去開發了。
六、其他小功能更新
1、在旋轉多個物件時,選定的圖層現在圍繞“旋轉”工具的樞軸點旋轉,這樣更符合使用者預期。而在舊版中則是彼此獨立旋轉,這個在以前是需要對圖形建組才能以一個軸心旋轉。
舊版本的旋轉,圖形是相互獨立旋轉
新版本中,圖形的旋轉是圍繞一個旋轉中心進行旋轉
2、圖層的篩選變得更加方便
3、畫板滾動吸附
4、Resizing功能經過幾次更新後變得更加易懂,這次還增加了預覽動畫,操作起來更加方便了。
七、與此次更新緊密相關的外掛推薦
資料來源外掛
此外掛不但能實現隨機圖片,還能針對指定關鍵詞進行填充
八、注意事項
1、使用新版本之前,記得把sketch原始檔進行備份,因為用最新版sketch開啟後再用低版本開啟會出現data資料丟失,一些樣式錯誤等等
2、要想開啟暗黑模式,需要將mac更新到最新版
3、更新之後,sketch measure可能會遇到導不出切圖標註的問題,外掛的原作者還沒有修復這個問題,不過已經有網友解決了這個bug。開啟網頁https://github.com/utom/sketch-measure/pull/474 然後下載下圖中的外掛包,安裝並重啟sketch後,就可以正常匯出了。