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

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

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

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

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

如果想體驗56Beta版本,請進入Sketch測試版主頁下載 https://www.sketch.com/beta/。但是要記住,一定不要用在自己的正式文件中,防止修改后,低版本打不開。

需要注意的是,Sketch 56要求Mac系統版本是macOS High Sierra 10.13.4及以上。下面是Sketch各大版本對應的Mac系統版本,如果遇到新版的Sketch打不開就需要檢查下自己的Mac系統了。

  • 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每次的整數版本都會帶來新的功能,這次也不例外,一起來看下吧。

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

對于Sketch來說,它的便利性體現在很多地方,與PS做UI界面相比,組件的文本替換功能絕對是大家最熟悉的。

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

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

這次56版本更加直接,可以直接雙擊組件中的文字進行編輯。在復雜的組件中會很有用,不用再去一個個尋找目標文字輸入框,直接雙擊修改即可。

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

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

文本范圍屬性優化

Sketch中的文字,除了字體、顏色、大小、對齊方式等基本屬性之外,還有個文本范文屬性也會經常使用。

文本范圍其實有三個狀態:默認是單行,如果遇到換行,可以直接改變寬度數值,使其變為寬度固定高度彈性的文本。如果再拉伸高度,就會變為固定高度文本,這個時候超過高度的多余文本就會無法顯示。

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

在之前版本中,這三種狀態只用了兩個圖標來切換顯示,會給一些設計師帶來疑惑。56版本對文本范圍進行了優化,把文本范圍狀態都表示出來了,分為寬度彈性、高度彈性、固定寬高三個,更加明顯和易用。

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

三者區別可以看下圖。注意看下右側文本范圍的三個屬性變化,隨著內容的改變, 屬性也在不斷變化。

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

需要注意的是,文本范圍屬性不算在文字樣式內,如果文本調用了文字樣式,改變文本范圍是不影響樣式的。

智能排列新增組和負值功能

55版本新增的智能排列功能比較雞肋,因為無法作用在組上,只能用在多選元素上。要知道,優秀的UI設計師對圖層分組是很重視的。誰也不想看到亂七八糟的圖層結構。

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

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

Data數據源中新增了一些人物頭像

這個好像沒發現有什么變化,反正都是隨機的,增加了多少也看不出來。不過有個小改變是,默認的頭像圖片從原來的單身帥哥變成了一對接吻的戀人……

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

但是在實際工作中,Sketch自帶的頭像填充功能不符合國內設計師的需求,因為大多數是歐美人物頭像,設計稿展示會有點違和感。這里推薦大家使用Kitchen插件的數據填充,除了符合國情的東亞人物之外,還有卡通、游戲、扁平等多種選擇。

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

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

設置新增賬戶功能

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

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

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

一個重要的Bug修復

此外還有一些Bug修復,其中要重點介紹下面這個Bug修復。

在之前版本中,很多設計師有時候會發現自己的symbol頁會無緣無故多出同樣的組件,如果不及時清理會嚴重影響整體規范。這次的56版本修復了這個Bug,原文是這樣的:

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

希望官方56版本可以把這個Bug修復,真的是很影響設計效率。

總結

以上就是Sketch 56 Beta版本的新功能,總體上并沒有特別驚艷的特點出現,主要是現有功能改良和提升。正式版估計會在7月中旬發布,大家敬請期待。

歡迎關注作者的微信公眾號:「UI黑客

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

收藏 36
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。