自從2018年5月Sketch50版本發布以來,經歷一年半,Sketch版本號終于邁進60大關。Chrome 78在旁邊瑟瑟發抖……

最近Sketch 60 Beta版本已提供下載,這次新版版同樣給設計師帶來了貼心的新功能。

 

Sketch最新Beta版本下載

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

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

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

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

 

新增組件面板

這是60版本最大的改變之一。左側的頁面列表現在變為兩個標簽切換,分別是圖層和組件。圖層和之前一樣,包含頁面和畫板信息。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

新的組件標簽下是Sketch文檔使用的所有Symbol組件,包含包含引入的Library組件庫。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

實際上,在一個Library組件庫中,除了最基礎的Symbol組件之外,文字樣式和圖層樣式也是包含的。因此,60版本也對所有的組件和樣式也進行了分類,分別是Symbol、Text Style、Layer Style,可以通過標簽進行快速切換。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

組件和樣式的樹形結構分類在列表中是以文件夾的形式呈現,所以需要我們養成科學、合理、便捷的命名習慣。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

在新的組件列表中,對于文檔本地組件和樣式,我們可以很方便地進行重命名、刪除等操作, 而不用再去Symbol畫板中一個個尋找修改。箭頭指向的就是文檔自己的組件和樣式。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

而對于外部引用的Library組件庫來說,重命名、刪除等操作是被禁止的,除非轉為本地組件和樣式才可以編輯。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

同時我們也可以很方便地通過拖拽在界面中使用這些組件和樣式,并且在面板下方有對應的預覽。 面板最底部也和圖層面板一樣附帶了搜索功能,可以通過關鍵字快速篩選所需要的組件和樣式。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

 

組件和樣式選擇面板更新

對于界面中使用的文字樣式、圖層樣式和Symbol組件,右側屬性面板選擇下面增加快捷操作按鈕,可以方便地直接進行各種操作。

本地Symbol組件分為分離和編輯模板兩個選項。分離即打散組件,編輯模板就會和往常一樣進入到Symbol頁面進行編輯。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

引入的Library組件庫,其實分為兩種,一種是本地組件庫,在自己電腦中;另一種是遠程組件庫,通過云端鏈接引入,比如Kitchen自帶的插件、iOS組件等,這兩種是有區別的。

本地組件庫分為本地化、分離、在組件庫中編輯三個選項。本地化即把外部引入的組件自動轉到目前文檔內的組件列表中,變為普通的Symbol。在組件庫中編輯就會打開本地對應的的Sketch文檔進行編輯操作。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

遠程組件庫分為本地化、分離兩個選項,和本地組件庫相比缺少了在組件庫中編輯這個選項。如果需要編輯修改,只能先轉為本地才可以。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

以上是三種組件的區別,其實在圖層列表中我們也可以通過組件圖標來進行區分。只不過Library中的本地和遠程圖標都一樣的。

此外圖層和文字樣式的操作也同樣進行了面板更新,把修改功能全部外顯,操作效果和之前一樣。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

 

Library設置面板更新

既然Library有本地和遠程之分,60版本在設置中對Library管理界面也進行了本地和遠程區分。并且,如果自己通過Sketch Cloud加入過團隊,那么團隊的Library庫會自動添加進列表,方便協作管理。不過Sketch的Cloud協作功能需要額外按年付費。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

 

縮放工具優化

Sketch作為一款矢量設計工具,本身其實是弱化單位的,比如寬高和距離只有數值沒有單位。不過在縮放工具中卻包含px單位。

60版本對縮放工具進行了優化,去除了px單位,并且和寬高屬性一樣支持運算,設置起來更加方便。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

 

歡迎窗口新文檔位置移動

最后是一個很小的改動,把之前歡迎窗口頂部的新建文檔按鈕移動到最近使用文檔區域,整體更加簡潔和整齊。

Sketch 60 Beta版本探秘,看看都有什么新功能-UI黑客

 

總結

Sketch60版本這次對Symbol組件和樣式的管理進行了比較大的更新,方便我們更好更直接地使用這些強大的功能。

如果自己平時在項目設計中就沒有使用過Symbol組件和文字圖層樣式,那么這次更新影響不大。但是作為一名使用Sketch的UI設計師,我們不能僅僅簡單地把Sketch當成一個畫圖工具,而是要充分發揮它的強大功能,提高我們的設計效率。

 

原文地址:uihacker

 

轉載請注明:學UI網 » Sketch 60 Beta版本探秘,看看都有什么新功能

登錄收藏
 
你可能喜歡的:
如何使用Sketch繪制肌理插畫?如何使用Sketch繪制肌理插畫?
“不誤正業”的sketch-2 動畫GIF“不誤正業”的sketch-2 動畫GIF
2020年,6款工具為你助力!2020年,6款工具為你助力!
“不務正業”的sketch——插畫繪制(附插件)“不務正業”的sketch——插畫繪制(附插件)
讓你的 Figma 更好用的秘密讓你的 Figma 更好用的秘密
Figma 實踐:以為是個青銅結果是個王者Figma 實踐:以為是個青銅結果是個王者
Sketch的Resizing功能竟然還能這么用,以后做界面再也不怕加班了Sketch的Resizing功能竟然還能這么用,以后做界面再也不怕加班了
高效設計 | 云端庫的工作方式高效設計 | 云端庫的工作方式
9款原型設計工具與Sketch的強強組合,輕松構建交互原型!9款原型設計工具與Sketch的強強組合,輕松構建交互原型!
【小工具大用處】10個超實用的設計師專屬Chrome小插件【小工具大用處】10個超實用的設計師專屬Chrome小插件
?
5星腾龙时时彩做号软件 大富翁游戏棋下载 出来售楼还有什么工作赚钱 安徽11选5 农田种什么果树最赚钱 想股票赚钱看什么书 深海大赢家怎么到捕鱼 双色球二胆拖9 土豆路由器赚钱 吉林11选5 地下城怎么开小号赚钱 新疆35选7基本走势图-大星彩 金融中介那个城市赚钱 棋牌排行榜 nba雪缘园 吉林十一选五任四最大遗漏 双色球开奖走势