點(diǎn)擊上方藍(lán)色字體關(guān)注UI

期待，期待，立夏已至，新版本即將來臨。

當(dāng)我們還沉浸在漢化版本帶來的喜悅之中時(shí)，不到一個(gè)月的時(shí)間，該版本也已經(jīng)被官方秘密發(fā)布。 更新頻率比以前快了很多，這是一個(gè)好兆頭。

不了解版本新功能的朋友可以閱讀這篇文章

54版本雖然帶來了官方中文版界面，但卻被迫遵循系統(tǒng)語言，很多朋友在習(xí)慣了英文版后對(duì)此并不習(xí)慣。 這里介紹一個(gè)恢復(fù)英文界面的方法。

該版本可以在此地址下載體驗(yàn)。

需要注意的是，55要求Mac系統(tǒng)版本為macOS High 10.13.4及以上。 以下是各個(gè)主要版本對(duì)應(yīng)的Mac系統(tǒng)版本。 如果遇到無法打開的新版本，則需要檢查您的Mac系統(tǒng)。

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

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

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

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

系列版本需要 macOS 10.12.2 及更高版本

系列版本需要 OS X El 10.11.2 及更高版本

系列版本需要 OS X El 10.11.2 及更高版本

事實(shí)上，54版本除了漢化版界面和參考線的優(yōu)化之外，并沒有帶來任何重大新功能。 那么55會(huì)給我們帶來什么樣的驚喜呢？ 讓我們來看看。

SVG代碼直接粘貼為SVG形狀

我們平時(shí)使用矢量圖標(biāo)的時(shí)候，經(jīng)常會(huì)去一些網(wǎng)站下載SVG格式，然后直接復(fù)制文件來使用。 比如這個(gè)網(wǎng)站大家都很熟悉。 里面的圖標(biāo)有SVG、PNG、AI三種格式，非常貼心。

這個(gè)版本55添加了將SVG代碼直接粘貼到SVG形狀中的功能。 只要你有SVG圖標(biāo)對(duì)應(yīng)的代碼，就可以直接復(fù)制到SVG圖標(biāo)中，并顯示為形狀。 例如，在下面的示例中，您可以直接將UI黑客徽標(biāo)的SVG代碼復(fù)制到其中并使用。

如果您在 54 及更早版本中執(zhí)行此操作，它將被粘貼到很多代碼中。

不過在實(shí)際工作中，下載SVG文件直接粘貼比復(fù)制代碼更方便。 看起來是一個(gè)比較無用的功能，但是如果遇到無法直接下載的SVG圖標(biāo)sketch 圖標(biāo)打組，可以使用它。

以主頁上的標(biāo)志為例。 它是一個(gè) SVG 圖標(biāo)，而不是普通的圖像格式。 我們不能直接保存起來使用。 查看網(wǎng)頁元素就是一堆代碼。 那么如何獲取這個(gè)圖標(biāo)的文件呢？

你可以這樣做：右鍵查看元素，找到svg開頭的標(biāo)簽，右鍵-復(fù)制-復(fù)制，然后粘貼就可以看到形狀了。

關(guān)于SVGsketch 圖標(biāo)打組，對(duì)于我們?cè)O(shè)計(jì)師來說，它是一種矢量圖像格式，但它本身指的是可縮放矢量圖形（），它是用XML格式定義的。 它是 W3C 的標(biāo)準(zhǔn)，大多數(shù)瀏覽器都支持。 格式結(jié)構(gòu)有點(diǎn)類似于網(wǎng)頁HTML，也可以簡(jiǎn)單理解為代碼的可視化。

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

我們經(jīng)常會(huì)遇到調(diào)整多個(gè)對(duì)象間距的問題。 一般情況下，間距是均勻的。 如果修改間距，則需要一一調(diào)整。 現(xiàn)在在55版本中，當(dāng)選擇多個(gè)元素時(shí)，右上角的屬性面板中會(huì)額外添加一個(gè)間距屬性，分為水平和垂直。

使用這個(gè)功能我們可以同時(shí)調(diào)整元素之間的間距。 您還可以將鼠標(biāo)懸停在所有選定的元素上，間距中會(huì)出現(xiàn)一個(gè)白色的小豎條。 拖動(dòng)小豎條可以統(tǒng)一改變間距值，如下圖。

然而，還有一件事需要注意。 目前只能通過多選元素來調(diào)整間距。 如果分組的話，功能就會(huì)失效，實(shí)用性大大降低。 因?yàn)橐话闱闆r下，為了保持圖層的可讀性和組織性，分組是一個(gè)很好的方法和習(xí)慣。 我們只能看看正式版能否在正式版中優(yōu)化這個(gè)體驗(yàn)了。

總之，是一個(gè)不錯(cuò)的功能，但是很多插件已經(jīng)具備了，比如插件的間距功能，插件的快速復(fù)制功能，還有Anima插件的功能。 官方在這方面還是慢了很多，總比沒有好。

關(guān)于間距和排版，插件的功能更加強(qiáng)大。 詳細(xì)請(qǐng)參考這兩篇文章。

以上就是55 Beta版本的兩大新功能亮點(diǎn)。 其他包括一些性能改進(jìn)和錯(cuò)誤修復(fù)。 由于是測(cè)試版本，請(qǐng)不要在自己的工作文件中使用，以免出現(xiàn)問題。

嗯，體驗(yàn)過后……感覺……55并不是大規(guī)模的版本更新……功能比較沒用……希望后續(xù)版本能給我們帶來新的驚喜。

結(jié)尾

UI 推出的視頻課程《進(jìn)階加薪——設(shè)計(jì)必備的組件管理與團(tuán)隊(duì)協(xié)作》現(xiàn)已發(fā)售。 如果你想提升自己的技能和團(tuán)隊(duì)協(xié)作能力，趕快加入吧~

為什么要學(xué)習(xí)這門課程？ 看看這篇文章吧~

-過去的推薦-

與 UI 設(shè)計(jì)相關(guān)的更高效率、工具和技術(shù)

如有侵權(quán)請(qǐng)聯(lián)系刪除！