Sketch 55 Beta版本新功能分析

在這裏插入圖片描述
Sketch 54版本出來還不到一個月的時間,55 Beta版本就登場啦,驚不驚喜,意不意外!更新的頻率比之以前加快許多,值得期待!

Sketch 55版本下載地址:https://icon.52112.com/article/59.html

1 - 先確認系統版本

你是否遇到安裝成功卻打不開的情況呢?那是因爲Sketch 55要求Mac系統版本是macOS High Sierra 10.13.4及以上。下表是Sketch各版本對應的Mac系統版本,如果遇到新版的Sketch打不開就快去檢查下自己的Mac系統吧!
在這裏插入圖片描述
思及Sketch 54版本除了中文版界面和參考線優化之外,並沒有帶來什麼新功能,那麼Sketch 55又有些什麼樣的驚喜呢?快接着看下去吧!

2 - svg代碼直接粘貼爲svg形狀

SVG,對於設計師來說是一種矢量的圖片格式,其本身是指可伸縮矢量圖形(Scalable Vector Graphics),使用 XML 格式定義,是 W3C 的一個標準,被絕大部分瀏覽器支持。格式結構類似於網頁 HTML,也可以理解爲代碼的可視化。在使用矢量圖標的時候,經常會下載svg格式,然後複製到Sketch中使用。尋圖標(icon.52112.com)網站中的圖標都提供 svg、png、eps、psd、ico五種格式,具有100%的可擴展性,非常貼心。
在這裏插入圖片描述
本次更新的Sketch 55版本中,增加了svg代碼直接粘貼爲svg形狀的功能,只要擁有svg圖標對應的代碼,就可以直接複製到Sketch中並顯示爲形狀。如下圖,單擊界面中的“生成代碼”,複製到Sketch中即可使用。
在這裏插入圖片描述
如果在Sketch 54及以前版本中這麼做,則會粘貼爲一大堆代碼。當然你也可以直接下載SVG文件粘貼到Sketch,不過若是遇到無法下載的SVG圖標,就可以用到這個方法了。
在這裏插入圖片描述
03 - 圖層間距調整功能

在工作中,經常會遇到多個元素間距調整的問題,一般情況下間距都是統一的,如果遇到間距修改就必須一個一個調整,非常的麻煩。不過現在在Sketch 55版本中選中多個元素,右上角的屬性面板中增加了一個間距的屬性,分爲水平和垂直。
在這裏插入圖片描述
利用這個功能可以同時調整多個元素之間的間距,另外把鼠標移動到元素的間距中間,會出現一個白色的圓角矩形,通過左右拖動這個圓角矩形可以同時改變多個元素的間距數值。
在這裏插入圖片描述
以上就是Sketch 55 Beta版本此次新增的兩個主要功能,此外還包含一些性能的提升和Bug的修復。不過目前只能通過多選元素來調節間距。另外一般情況下都會爲了達到圖層的易讀和條理而編組,如果做成組的話就無效了,降低了一定的實用性。期待後續版本能夠帶來更多驚喜!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章