Sketch 56 Beta版本探秘,看看都有什么新功能!

這幾天,北京氣溫突破40度,晚上7點(diǎn)還是炎熱難耐,各位小伙伴一定要在工作之余做好防暑,畢竟互聯(lián)網(wǎng)行業(yè)身體才是本錢(qián)。

不過(guò)隨著今天降雨的到來(lái),Sketch 56 Beta版本也悄然發(fā)布。這顆藍(lán)色的大鉆石在炎炎夏日給我們帶來(lái)了清涼。

Sketch 56 Beta版本探秘,看看都有什么新功能!

如果想知道55版本的新功能,請(qǐng)看這篇文章《Sketch 55 Beta版本探秘,看看都有什么新功能》。

如果想體驗(yàn)56Beta版本,請(qǐng)進(jìn)入Sketch測(cè)試版主頁(yè)下載 https://www.sketch.com/beta/。但是要記住,一定不要用在自己的正式文件中,防止修改后,低版本打不開(kāi)。

需要注意的是,Sketch 56要求Mac系統(tǒng)版本是macOS High Sierra 10.13.4及以上。下面是Sketch各大版本對(duì)應(yīng)的Mac系統(tǒng)版本,如果遇到新版的Sketch打不開(kāi)就需要檢查下自己的Mac系統(tǒng)了。

  • Sketch56系列版本需要macOS High Sierra 10.13.4及以上
  • 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每次的整數(shù)版本都會(huì)帶來(lái)新的功能,這次也不例外,一起來(lái)看下吧。

新增直接在組件上編輯文本的功能

對(duì)于Sketch來(lái)說(shuō),它的便利性體現(xiàn)在很多地方,與PS做UI界面相比,組件的文本替換功能絕對(duì)是大家最熟悉的。

比如同一個(gè)按鈕,只有文本不一樣,在PS中需要做多個(gè),而Sketch中只需要做一個(gè)按鈕組件,接著在右側(cè)直接替換文本,即可創(chuàng)建多個(gè)不同文案的按鈕,非常方便。

Sketch 56 Beta版本探秘,看看都有什么新功能!

這次56版本更加直接,可以直接雙擊組件中的文字進(jìn)行編輯。在復(fù)雜的組件中會(huì)很有用,不用再去一個(gè)個(gè)尋找目標(biāo)文字輸入框,直接雙擊修改即可。

Sketch 56 Beta版本探秘,看看都有什么新功能!

值得注意的是,以前在文本替換輸入框中換行,需要按alt+return才可以。56版本可以在雙擊編輯時(shí)直接按return鍵換行,按esc鍵或者點(diǎn)擊空白處完成編輯。

文本范圍屬性優(yōu)化

Sketch中的文字,除了字體、顏色、大小、對(duì)齊方式等基本屬性之外,還有個(gè)文本范文屬性也會(huì)經(jīng)常使用。

文本范圍其實(shí)有三個(gè)狀態(tài):默認(rèn)是單行,如果遇到換行,可以直接改變寬度數(shù)值,使其變?yōu)閷挾裙潭ǜ叨葟椥缘奈谋?。如果再拉伸高度,就?huì)變?yōu)楣潭ǜ叨任谋?,這個(gè)時(shí)候超過(guò)高度的多余文本就會(huì)無(wú)法顯示。

Sketch 56 Beta版本探秘,看看都有什么新功能!

在之前版本中,這三種狀態(tài)只用了兩個(gè)圖標(biāo)來(lái)切換顯示,會(huì)給一些設(shè)計(jì)師帶來(lái)疑惑。56版本對(duì)文本范圍進(jìn)行了優(yōu)化,把文本范圍狀態(tài)都表示出來(lái)了,分為寬度彈性、高度彈性、固定寬高三個(gè),更加明顯和易用。

Sketch 56 Beta版本探秘,看看都有什么新功能!

三者區(qū)別可以看下圖。注意看下右側(cè)文本范圍的三個(gè)屬性變化,隨著內(nèi)容的改變, 屬性也在不斷變化。

Sketch 56 Beta版本探秘,看看都有什么新功能!

需要注意的是,文本范圍屬性不算在文字樣式內(nèi),如果文本調(diào)用了文字樣式,改變文本范圍是不影響樣式的。

智能排列新增組和負(fù)值功能

55版本新增的智能排列功能比較雞肋,因?yàn)闊o(wú)法作用在組上,只能用在多選元素上。要知道,優(yōu)秀的UI設(shè)計(jì)師對(duì)圖層分組是很重視的。誰(shuí)也不想看到亂七八糟的圖層結(jié)構(gòu)。

56版本終于讓圖層組也獲得了智能排列功能。不用再全選每個(gè)元素,只需要選中父級(jí)的組即可進(jìn)行智能排列。同時(shí)新增了整理按鈕,可以一鍵對(duì)齊和平均分布組內(nèi)元素。此外還支持負(fù)值間距,比之前更加貼心。

Sketch 56 Beta版本探秘,看看都有什么新功能!

Data數(shù)據(jù)源中新增了一些人物頭像

這個(gè)好像沒(méi)發(fā)現(xiàn)有什么變化,反正都是隨機(jī)的,增加了多少也看不出來(lái)。不過(guò)有個(gè)小改變是,默認(rèn)的頭像圖片從原來(lái)的單身帥哥變成了一對(duì)接吻的戀人……

Sketch 56 Beta版本探秘,看看都有什么新功能!

但是在實(shí)際工作中,Sketch自帶的頭像填充功能不符合國(guó)內(nèi)設(shè)計(jì)師的需求,因?yàn)榇蠖鄶?shù)是歐美人物頭像,設(shè)計(jì)稿展示會(huì)有點(diǎn)違和感。這里推薦大家使用Kitchen插件的數(shù)據(jù)填充,除了符合國(guó)情的東亞人物之外,還有卡通、游戲、扁平等多種選擇。

Sketch 56 Beta版本探秘,看看都有什么新功能!

Kitchen插件下載地址:https://kitchen.alipay.com/

設(shè)置新增賬戶功能

其實(shí)沒(méi)什么新的,只是把賬戶和云功能都一起整合到設(shè)置中,并且新增了Sketch Cloud登錄窗口。

Sketch 56 Beta版本探秘,看看都有什么新功能!

Sketch 56 Beta版本探秘,看看都有什么新功能!

一個(gè)重要的Bug修復(fù)

此外還有一些Bug修復(fù),其中要重點(diǎn)介紹下面這個(gè)Bug修復(fù)。

在之前版本中,很多設(shè)計(jì)師有時(shí)候會(huì)發(fā)現(xiàn)自己的symbol頁(yè)會(huì)無(wú)緣無(wú)故多出同樣的組件,如果不及時(shí)清理會(huì)嚴(yán)重影響整體規(guī)范。這次的56版本修復(fù)了這個(gè)Bug,原文是這樣的:

Fixed a bug where copying and pasting a Symbol instance would also duplicate its master

希望官方56版本可以把這個(gè)Bug修復(fù),真的是很影響設(shè)計(jì)效率。

總結(jié)

以上就是Sketch 56 Beta版本的新功能,總體上并沒(méi)有特別驚艷的特點(diǎn)出現(xiàn),主要是現(xiàn)有功能改良和提升。正式版估計(jì)會(huì)在7月中旬發(fā)布,大家敬請(qǐng)期待。

歡迎關(guān)注作者的微信公眾號(hào):「UI黑客

Sketch 56 Beta版本探秘,看看都有什么新功能!

收藏 36
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。