自從 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 系統版本是 Mac OS High Sierra 10.13.4 及以上,下面是 Sketch 各大版本對應的 Mac 系統版本表格,如果遇到新版的Sketch 打不開就需要檢查下自己的系統版本了。

新增組件面板

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

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

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

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

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

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

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

組件和樣式選擇面板更新

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

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

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

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

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

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

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

Library設置面板更新

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

縮放工具優化

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

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

歡迎窗口新文檔位置移動

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

總結

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

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

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

點贊 13
收藏 16
繼續閱讀相關文章

發表評論 已發布 9

還可以輸入 800 個字
 
 
載入中....
9 收藏