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能給咱們帶來新的驚喜吧。

 

文末安利：

摹客iDoc，新一代的設計協做平臺。從設計到開發，只要一個文檔。

• 快速完成交付、一鍵上傳Sketch的設計稿；
• 智能標註，鼠標點擊便可查看標註數據，右側面板圖層數據一目瞭然；
• 一鍵標記，高清切圖自動生成，自動上傳，前端工程師也能實時更新切圖。

立刻掃描註冊，下載iDoc for Sketch插件，便可無償使用：

體驗地址：https://idoc.mockplus.cn/

 

 

本文經受權轉載。

原文做者：UI黑客

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