總結(jié)Sketch52值得關注的功能

Sketch 52 正式版終于發(fā)布了。
這次的更新日志重點有四部分：全新界面，嵌套布爾運算，數(shù)據(jù)，樣式覆蓋，讓我們逐一詳解。
一、全新界面 Sketch 52 的視覺風格更加扁平化，減少了對 macOS 原生組件和分割線的應用，重繪了畫板、分組的圖標（終于不再用系統(tǒng)自帶的文件夾圖標了），整體看起來更加干凈。 除了視覺風格外，Sketch 52 的功能組織也更加清晰合理。 變化最明顯的是右側(cè)檢查器欄：頂部尺寸、位置面板被大幅壓縮，縮放（RESIZING）面板進行了重新設計，增加了便于理解的預覽。 元件中可變內(nèi)容的覆蓋（OVERRIDE）面板同樣有很大改進，增加了重置所有覆蓋的按鈕，并在子元件、圖片類可變內(nèi)容的下拉選框中加入了縮略圖。 概括起來兩個詞：舒服，好用。
二、嵌套布爾運算 布爾運算是界面設計時的常用操作。在 Sketch 52 以前，因為文本、元件不能直接進行布爾運算，諸如漸變文字的內(nèi)容可變、布爾圖形的部件更換等操作是無法實現(xiàn)的。
1. 文本的布爾運算 現(xiàn)在，Sketch 中的文本可以與圖形進行四種布爾運算，運算后的文本不會被變成圖形，內(nèi)容依然可變。 與文本布爾運算后的圖形結(jié)果，同樣支持填充、描邊（僅支持居中描邊）、外投影、內(nèi)陰影、模糊等常規(guī)的樣式設置。
2. 元件的布爾運算 元件的布爾運算規(guī)則與文本的相同，元件中布爾運算過的子元件也可以被覆蓋。 支持文本與元件的布爾運算，為我們改進設計流程帶來了新的思路。
三、數(shù)據(jù) 在 Sketch 52 中新增了數(shù)據(jù)（Data）這一功能，可以讓我們使用數(shù)據(jù)批量填充元件的內(nèi)容。 選中同一元件的多個實例（在畫板中的個體），在右側(cè)的覆蓋（OVERRIDES）面板中，點擊可變內(nèi)容標題旁的數(shù)據(jù)圖標，選擇要使用的數(shù)據(jù)集，即可填充到組件。 顯然，Sketch 中預置的英文數(shù)據(jù)、西方人頭像不適合我們?nèi)粘５脑O計工作。那么，要如何引入我們自己的數(shù)據(jù)呢？ 點擊頂部菜單欄 Sketch – > Preferences ，在 Data 選項卡中點「Add Data…」按鈕，從本地選擇要使用的數(shù)據(jù)。文本數(shù)據(jù)需要選擇 .txt 格式的文件（一行一條），圖片則是選擇圖片所在的文件夾。 這里需要注意的是，如果數(shù)據(jù)源對應的文件發(fā)生改變，比如我們修改了 txt 中某幾行的文字，之前填充過的內(nèi)容不會被更新。再次使用該數(shù)據(jù)集進行填充時，應用的才是更改后的內(nèi)容。 Sketch 52 的數(shù)據(jù)是一項革命性的功能，它從底層上為給元件快速填充數(shù)據(jù)開拓了更多可能。往深研究，我們可以編寫自己的 Sketch 插件，來自動為元件填充各項數(shù)據(jù)。 四、樣式覆蓋 在 Sketch 52 以前，要為元件內(nèi)的文本、圖形更換字體、字號、顏色，只能靠復制元件，或是將圖形制作為蒙版來對付。這樣的做法，在進行一款產(chǎn)品的整體組件化設計時，會導致組件的冗余。 現(xiàn)在，樣式覆蓋（Style Override）的出現(xiàn)徹底解決了這個問題。 當我們?yōu)樵?nèi)的文本、圖形指定了樣式后，就可以在使用元件的地方對樣式進行覆蓋。 樣式覆蓋可以和子元件的布爾運算一起使用，從而實現(xiàn)上圖中換衣服款式、換顏色的效果。 以上四部分，就是 Sketch 52 的主要更新內(nèi)容，你能想到什么有趣的用途呢？ 另外，在更新到 Sketch 52 前，請一定注意：Sketch 52 打開并保存過的文件，在51.x 及以下版本打開后無法正常顯示。如果團隊人數(shù)較多，建議選擇合適的時間大家集體更新，避免因軟件版本不同影響協(xié)作。 五、問題回復與勘誤 1. 問題回復 因為平時較少登錄公眾號后臺，錯過了一些留言的回復時間（公眾號后臺超過48小時不允許回復），在這里專門回復一下。
有位昵稱為 Victor Lin 的朋友留言問： 我把文本做成symbol了，然后我使用文本組件的時候遇到了幾個問題：
1、文字超過symbol本身的字體不會自動展開 2、做成symbol的文字好像做不了內(nèi)容跟隨？還是回到一個問題。 關于這個問題，的確如他所描述的，在目前版本的 Sketch 中， 元件的尺寸只能外部改變（人為），不能由內(nèi)自行改變，所以即便元件內(nèi)部的文本設置為自動尺寸，元件本身也無法做內(nèi)容跟隨。如果只是要將不同樣式的文本做成組件方便統(tǒng)一，可以嘗試 Sketch 52 的樣式覆蓋功能。
2. 勘誤 在上一篇文章中，我寫過： 「如上圖，當文本被尺寸設置為 Auto 時，根據(jù)對齊方式的不同，其尺寸可變的一側(cè)（左對齊文字的右側(cè)，右對齊文字的左側(cè)，不包括居中對齊）的組或圖層會與文本保持固定的距離。」 這段存在一個問題。 如上圖，事實上，尺寸為 Auto 的居中對齊文本，其右側(cè)內(nèi)容也能夠進行自動跟隨。有心的朋友可以用上篇文章中的源文件自己實驗。

分享文章：總結(jié)Sketch52值得關注的功能
文章分享：http://muchs.cn/news34/171534.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站建設等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)