盼望著，盼望著，立夏到了，Sketch新版本的腳步近了。

當(dāng)我們還沉浸在Sketch54版本帶來的中文版喜悅中時，還不到一個月的時間，55Beta版本最近也被官方偷偷釋放出來，更新頻率比之前加快很多，是個好現(xiàn)象。

關(guān)于Sketch54版本的新功能還不知道的小伙伴可以看這篇《Sketch 54 Beta版本探秘，看看都有什么新功能》

雖然54版本帶來了官方中文版界面，但卻是跟隨系統(tǒng)語言強制使用的。很多小伙伴習(xí)慣了英文版之后對此不太適應(yīng)，這里提供一個還原英文界面的方法《還我英文界面！Sketch54設(shè)置英文版的方法》

本次的Sketch55版本可以到這個地址下載體驗 Beta版本地址

需要注意的是，Sketch 55要求Mac系統(tǒng)版本是macOS High Sierra 10.13.4及以上。下面是Sketch各大版本對應(yīng)的Mac系統(tǒng)版本，如果遇到新版的Sketch打不開就需要檢查下自己的Mac系統(tǒng)了。

Sketch55系列版本需要macOS High Sierra 10.13.4及以上

Sketch54系列版本需要macOS High Sierra 10.13.4及以上

Sketch53系列版本需要macOS High Sierra 10.13.4及以上

Sketch52系列版本需要macOS High Sierra 10.13.4及以上

Sketch51系列版本需要macOS Sierra 10.12.2及以上

Sketch50系列版本需要OS X El Capitan 10.11.2及以上

Sketch49系列版本需要OS X El Capitan 10.11.2及以上

其實Sketch 54版本除了中文版界面和參考線優(yōu)化之外，并沒有帶來大的新功能，那么Sketch 55 會給我們帶來什么樣的驚喜呢？一起來看看吧。

SVG代碼直接粘貼為SVG形狀

我們平時在使用矢量圖標(biāo)的時候，經(jīng)常會到一些網(wǎng)站去下載SVG格式，然后直接復(fù)制文件到Sketch中使用。比如Iconfont這個網(wǎng)站，相信大家都不陌生，里面的圖標(biāo)提供SVG、PNG、AI三種格式，很貼心。

本次Sketch 55版本新增了SVG代碼直接粘貼為SVG形狀這個功能。只要擁有SVG圖標(biāo)對應(yīng)的代碼，就可以直接復(fù)制到Sketch中顯示為形狀。比如下面這個例子，直接把UI黑客logo的SVG代碼復(fù)制到Sketch中即可使用。

假如在Sketch 54及以前版本中這么做，會粘貼為一大堆代碼。

不過，實際工作中直接下載SVG文件粘貼到Sketch會比拷貝代碼更方便。看起來是一個比較雞肋的功能，但如果遇到無法直接下載的SVG圖標(biāo)，就可以用到它了。

拿Iconfont主頁的logo做例子，本身是個SVG圖標(biāo)而不是正常圖片格式，我們無法直接另存為使用，查看網(wǎng)頁元素是一堆代碼。那如何獲取這個圖標(biāo)的文件呢？

可以這么做：在Chrome中右鍵查看元素，找到svg開頭的標(biāo)簽，右鍵-Copy-Copy element，然后粘貼到Sketch就可以看到形狀了。

關(guān)于SVG，對于我們設(shè)計師來說是一個矢量的圖片格式，但它本身是指可伸縮矢量圖形 (Scalable Vector Graphics)，使用XML格式定義，是W3C的一個標(biāo)準(zhǔn)，被絕大部分瀏覽器支持。格式結(jié)構(gòu)有點類似于網(wǎng)頁HTML，也可以簡單理解為一種代碼的可視化。

圖層間距調(diào)整功能

我們經(jīng)常會遇到多個對象間距調(diào)整的問題，一般情況下間距都是統(tǒng)一的，如果遇到間距修改就需要一個個調(diào)整。現(xiàn)在在55版本中選中多個元素，右上角的屬性面板中會多增加個間距屬性，分為水平和垂直。

利用這個功能我們可以同時調(diào)整元素之間的間距。也可以把鼠標(biāo)hover在全選的元素上，間距里面會出現(xiàn)白色的小豎條，通過拖動小豎條來統(tǒng)一改變間距數(shù)值，如下圖。

不過還有一點需要注意，目前只能通過多選元素來調(diào)節(jié)間距，如果做成組的話功能就無效了，大大降低了實用性。因為正常情況下為了保持圖層的可讀性和條理性，編組是一個很好的方法和習(xí)慣。只能看官方在正式版的時候能否優(yōu)化這個體驗了。

總之是個不錯的功能，但是很多插件都已經(jīng)具備了，比如Kitchen插件的間距功能，F(xiàn)lavor插件的快速復(fù)制功能，Anima插件的autolayout功能，Sketch官方在這方面還是慢了很多步，聊勝于無吧。

關(guān)于間距、排版方面，Kitchen插件有著更加強大的功能，具體看這兩篇文章

《你不知道的Sketch黑科技-智能排版》

《你不知道的Sketch黑科技-段落自動排版》

以上就是Sketch 55 Beta版本新增的兩個主要功能亮點，其他的包含一些性能提升和Bug修復(fù)。

嗯，體驗后……感覺……55也并不是一個大規(guī)模的版本更新……功能都比較雞肋……希望在后面的版本中Sketch能給我們帶來新的驚喜吧。

最后推薦一個不錯的Sketch插件，摹客 Sketch插件，摹客支持自動標(biāo)注、手都標(biāo)注、自動切圖、交互原型制作，是非常高效的協(xié)作設(shè)計平臺，歡迎體驗：https://app.mockplus.cn/

本文經(jīng)作者授權(quán)轉(zhuǎn)載。

原文作者：UI黑客

原文地址：http://www.uihacker.com/sketch-55-beta/