自從 2018 年 5 月 Sketch50 版本發(fā)布以來，經(jīng)歷一年半，Sketch 版本號終于邁進(jìn) 60 大關(guān)。Chrome 78 在旁邊瑟瑟發(fā)抖……

最近 Sketch 60 Beta 版本已提供下載，這次新版本同樣給設(shè)計(jì)師帶來了貼心的新功能。

Sketch最新Beta版本下載

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

如果想體驗(yàn) Sketch 最新 Beta 版本，請進(jìn)入 Sketch 測試版主頁下載 https://www.sketch.com/beta/。

但是要記住，一定不要用在自己的正式文件中，防止修改后，低版本打不開。

Sketch 60 要求 Mac 系統(tǒng)版本是 Mac OS High Sierra 10.13.4 及以上，下面是 Sketch 各大版本對應(yīng)的 Mac 系統(tǒng)版本表格，如果遇到新版的Sketch 打不開就需要檢查下自己的系統(tǒng)版本了。

新增組件面板

這是 60 版本最大的改變之一。左側(cè)的頁面列表現(xiàn)在變?yōu)閮蓚€(gè)標(biāo)簽切換，分別是圖層和組件。圖層和之前一樣，其中包含頁面和畫板信息。

新的組件標(biāo)簽下是 Sketch 文檔使用的所有 Symbol 組件，包含引入的 Library 組件庫。

實(shí)際上，在一個(gè) Library 組件庫中，除了最基礎(chǔ)的 Symbol 組件之外，還包含文字樣式和圖層樣式。因此，60 版本也對所有的組件和樣式進(jìn)行了分類，分別是 Symbol、Text Style、Layer Style，可以通過標(biāo)簽進(jìn)行快速切換。

組件和樣式的樹形結(jié)構(gòu)分類在列表中是以文件夾的形式呈現(xiàn)，所以需要我們養(yǎng)成科學(xué)、合理、便捷的命名習(xí)慣。

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

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

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

組件和樣式選擇面板更新

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

本地 Symbol 組件分為分離和編輯模板兩個(gè)選項(xiàng)。分離即打散組件，編輯模板就會(huì)和往常一樣進(jìn)入到 Symbol 頁面進(jìn)行編輯。

引入的 Library 組件庫，其實(shí)分為兩種，一種是本地組件庫，在自己電腦中；另一種是遠(yuǎn)程組件庫，通過云端鏈接引入，比如 Kitchen 自帶的插件、iOS 組件等，這兩種是有區(qū)別的。

本地組件庫分為本地化、分離、在組件庫中編輯三個(gè)選項(xiàng)。本地化即把外部引入的組件自動(dòng)轉(zhuǎn)到目前文檔內(nèi)的組件列表中，變?yōu)槠胀ǖ腟ymbol。在組件庫中編輯就會(huì)打開本地對應(yīng)的 Sketch 文檔進(jìn)行編輯操作。

遠(yuǎn)程組件庫分為本地化、分離兩個(gè)選項(xiàng)，和本地組件庫相比缺少了在組件庫中編輯這個(gè)選項(xiàng)。如果需要編輯修改，只能先轉(zhuǎn)為本地才可以。

以上是三種組件的區(qū)別，其實(shí)在圖層列表中我們也可以通過組件圖標(biāo)來進(jìn)行區(qū)分。只不過 Library 中的本地和遠(yuǎn)程圖標(biāo)都一樣的。

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

Library設(shè)置面板更新

既然 Library 有本地和遠(yuǎn)程之分，60 版本在設(shè)置中對 Library 管理界面也進(jìn)行了本地和遠(yuǎn)程區(qū)分。并且，如果自己通過 Sketch Cloud 加入過團(tuán)隊(duì)，那么團(tuán)隊(duì)的 Library 庫會(huì)自動(dòng)添加進(jìn)列表，方便協(xié)作管理。不過 Sketch Cloud 協(xié)作功能需要額外按年付費(fèi)。

縮放工具優(yōu)化

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

60 版本對縮放工具進(jìn)行了優(yōu)化，去除了 px 單位，并且和寬高屬性一樣支持運(yùn)算，設(shè)置起來更加方便。

歡迎窗口新文檔位置移動(dòng)

最后是一個(gè)很小的改動(dòng)，把之前歡迎窗口頂部的新建文檔按鈕移動(dòng)到最近使用文檔區(qū)域，整體更加簡潔整齊。

總結(jié)

Sketch 60 版本這次對 Symbol 組件和樣式的管理進(jìn)行了比較大的更新，方便我們更好更直接地使用這些強(qiáng)大的功能。

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

歡迎關(guān)注作者的微信公眾號：「UI黑客」