盼望著一姿,盼望著,立夏到了跃惫,Sketch新版本的腳步近了叮叹。
當(dāng)我們還沉浸在Sketch54版本帶來的中文版喜悅中時(shí),還不到一個(gè)月的時(shí)間辈挂,55Beta版本最近也被官方偷偷釋放出來,更新頻率比之前加快很多裹粤,是個(gè)好現(xiàn)象终蒂。
關(guān)于Sketch54版本的新功能還不知道的小伙伴可以看這篇《Sketch 54 Beta版本探秘蜂林,看看都有什么新功能》
雖然54版本帶來了官方中文版界面,但卻是跟隨系統(tǒng)語言強(qiáng)制使用的拇泣。很多小伙伴習(xí)慣了英文版之后對此不太適應(yīng)噪叙,這里提供一個(gè)還原英文界面的方法《還我英文界面!Sketch54設(shè)置英文版的方法》
本次的Sketch55版本可以到這個(gè)地址下載體驗(yàn)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及以上
其實(shí)Sketch 54版本除了中文版界面和參考線優(yōu)化之外子眶,并沒有帶來大的新功能,那么Sketch 55 會(huì)給我們帶來什么樣的驚喜呢序芦?一起來看看吧臭杰。
SVG代碼直接粘貼為SVG形狀
我們平時(shí)在使用矢量圖標(biāo)的時(shí)候,經(jīng)常會(huì)到一些網(wǎng)站去下載SVG格式谚中,然后直接復(fù)制文件到Sketch中使用渴杆。比如Iconfont這個(gè)網(wǎng)站,相信大家都不陌生宪塔,里面的圖標(biāo)提供SVG磁奖、PNG、AI三種格式某筐,很貼心比搭。
本次Sketch 55版本新增了SVG代碼直接粘貼為SVG形狀這個(gè)功能。只要擁有SVG圖標(biāo)對應(yīng)的代碼来吩,就可以直接復(fù)制到Sketch中顯示為形狀敢辩。比如下面這個(gè)例子,直接把UI黑客logo的SVG代碼復(fù)制到Sketch中即可使用弟疆。
假如在Sketch 54及以前版本中這么做戚长,會(huì)粘貼為一大堆代碼。
不過怠苔,實(shí)際工作中直接下載SVG文件粘貼到Sketch會(huì)比拷貝代碼更方便同廉。看起來是一個(gè)比較雞肋的功能柑司,但如果遇到無法直接下載的SVG圖標(biāo)迫肖,就可以用到它了。
拿Iconfont主頁的logo做例子攒驰,本身是個(gè)SVG圖標(biāo)而不是正常圖片格式蟆湖,我們無法直接另存為使用,查看網(wǎng)頁元素是一堆代碼玻粪。那如何獲取這個(gè)圖標(biāo)的文件呢隅津?
可以這么做:在Chrome中右鍵查看元素诬垂,找到svg開頭的標(biāo)簽,右鍵-Copy-Copy element伦仍,然后粘貼到Sketch就可以看到形狀了结窘。
關(guān)于SVG,對于我們設(shè)計(jì)師來說是一個(gè)矢量的圖片格式充蓝,但它本身是指可伸縮矢量圖形 (Scalable Vector Graphics)隧枫,使用XML格式定義,是W3C的一個(gè)標(biāo)準(zhǔn)谓苟,被絕大部分瀏覽器支持官脓。格式結(jié)構(gòu)有點(diǎn)類似于網(wǎng)頁HTML,也可以簡單理解為一種代碼的可視化娜谊。
圖層間距調(diào)整功能
我們經(jīng)常會(huì)遇到多個(gè)對象間距調(diào)整的問題确买,一般情況下間距都是統(tǒng)一的,如果遇到間距修改就需要一個(gè)個(gè)調(diào)整∩唇裕現(xiàn)在在55版本中選中多個(gè)元素湾趾,右上角的屬性面板中會(huì)多增加個(gè)間距屬性,分為水平和垂直派草。
利用這個(gè)功能我們可以同時(shí)調(diào)整元素之間的間距搀缠。也可以把鼠標(biāo)hover在全選的元素上,間距里面會(huì)出現(xiàn)白色的小豎條近迁,通過拖動(dòng)小豎條來統(tǒng)一改變間距數(shù)值艺普,如下圖。
不過還有一點(diǎn)需要注意鉴竭,目前只能通過多選元素來調(diào)節(jié)間距歧譬,如果做成組的話功能就無效了,大大降低了實(shí)用性搏存。因?yàn)檎G闆r下為了保持圖層的可讀性和條理性瑰步,編組是一個(gè)很好的方法和習(xí)慣。只能看官方在正式版的時(shí)候能否優(yōu)化這個(gè)體驗(yàn)了璧眠。
總之是個(gè)不錯(cuò)的功能缩焦,但是很多插件都已經(jīng)具備了,比如Kitchen插件的間距功能责静,F(xiàn)lavor插件的快速復(fù)制功能袁滥,Anima插件的autolayout功能,Sketch官方在這方面還是慢了很多步灾螃,聊勝于無吧题翻。
關(guān)于間距、排版方面腰鬼,Kitchen插件有著更加強(qiáng)大的功能嵌赠,具體看這兩篇文章
以上就是Sketch 55 Beta版本新增的兩個(gè)主要功能亮點(diǎn)靴拱,其他的包含一些性能提升和Bug修復(fù)。
嗯猾普,體驗(yàn)后……感覺……55也并不是一個(gè)大規(guī)模的版本更新……功能都比較雞肋……希望在后面的版本中Sketch能給我們帶來新的驚喜吧。