Sketch 55 Beta版本探秘，看看都有什麼新功能
盼望著，盼望著，立夏到了，Sketch新版本的腳步近了。
當我們還沉浸在Sketch54版本帶來的中文版喜悅中時，還不到一個月的時間，55Beta版本最近也被官方偷偷釋放出來，更新頻率比之前加快很多，是個好現象。
關於Sketch54版本的新功能還不知道的小夥伴可以看這篇《Sketch 54 Beta版本探秘，看看都有什麼新功能》
雖然54版本帶來了官方中文版界面，但卻是跟隨系統語言強制使用的。很多小夥伴習慣了英文版之後對此不太適應，這裡提供一個還原英文界面的方法《還我英文界面！Sketch54設置英文版的方法》
本次的Sketch55版本可以到這個地址下載體驗 Beta版本地址
需要注意的是，Sketch 55要求Mac系統版本是macOS High Sierra 10.13.4及以上。下面是Sketch各大版本對應的Mac系統版本，如果遇到新版的Sketch打不開就需要檢查下自己的Mac系統了。
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版本除了中文版界面和參考線優化之外，並沒有帶來大的新功能，那麼Sketch 55 會給我們帶來什麼樣的驚喜呢？一起來看看吧。
SVG代碼直接粘貼為SVG形狀
我們平時在使用矢量圖標的時候，經常會到一些網站去下載SVG格式，然後直接複製文件到Sketch中使用。比如Iconfont這個網站，相信大家都不陌生，裡面的圖標提供SVG、PNG、AI三種格式，很貼心。
本次Sketch 55版本新增了SVG代碼直接粘貼為SVG形狀這個功能。只要擁有SVG圖標對應的代碼，就可以直接複製到Sketch中顯示為形狀。比如下面這個例子，直接把UI黑客logo的SVG代碼複製到Sketch中即可使用。
假如在Sketch 54及以前版本中這麼做，會粘貼為一大堆代碼。
不過，實際工作中直接下載SVG文件粘貼到Sketch會比拷貝代碼更方便。看起來是一個比較雞肋的功能，但如果遇到無法直接下載的SVG圖標，就可以用到它了。
拿Iconfont主頁的logo做例子，本身是個SVG圖標而不是正常圖片格式，我們無法直接另存為使用，查看網頁元素是一堆代碼。那如何獲取這個圖標的文件呢？
可以這麼做：在Chrome中右鍵查看元素，找到svg開頭的標籤，右鍵-Copy-Copy element，然後粘貼到Sketch就可以看到形狀了。
關於SVG，對於我們設計師來說是一個矢量的圖片格式，但它本身是指可伸縮矢量圖形 (Scalable Vector Graphics)，使用XML格式定義，是W3C的一個標準，被絕大部分瀏覽器支持。格式結構有點類似於網頁HTML，也可以簡單理解為一種代碼的可視化。
圖層間距調整功能
我們經常會遇到多個對象間距調整的問題，一般情況下間距都是統一的，如果遇到間距修改就需要一個個調整。現在在55版本中選中多個元素，右上角的屬性面板中會多增加個間距屬性，分為水平和垂直。
利用這個功能我們可以同時調整元素之間的間距。也可以把滑鼠hover在全選的元素上，間距裡面會出現白色的小豎條，通過拖動小豎條來統一改變間距數值，如下圖。
不過還有一點需要注意，目前只能通過多選元素來調節間距，如果做成組的話功能就無效了，大大降低了實用性。因為正常情況下為了保持圖層的可讀性和條理性，編組是一個很好的方法和習慣。只能看官方在正式版的時候能否優化這個體驗了。
總之是個不錯的功能，但是很多插件都已經具備了，比如Kitchen插件的間距功能，Flavor插件的快速複製功能，Anima插件的autolayout功能，Sketch官方在這方面還是慢了很多步，聊勝於無吧。
關於間距、排版方面，Kitchen插件有著更加強大的功能，具體看這兩篇文章
《你不知道的Sketch黑科技-智能排版》
《你不知道的Sketch黑科技-段落自動排版》
以上就是Sketch 55 Beta版本新增的兩個主要功能亮點，其他的包含一些性能提升和Bug修復。
嗯，體驗後……感覺……55也並不是一個大規模的版本更新……功能都比較雞肋……希望在後面的版本中Sketch能給我們帶來新的驚喜吧。
推薦閱讀：
