亚洲av日韩av无码av,撕开奶罩揉吮奶头高潮av,天堂一区人妻无码,亚洲综合色在线视频www

14706576943

全流程數(shù)字營銷策略

Article/文章

記錄成長點滴 分享您我感悟

總結(jié)Sketch 52 值得關(guān)注的功能

發(fā)表時間:2018-10-06 17:00

文章來源:正千網(wǎng)絡(luò)

標(biāo)簽:

分享:

瀏覽次數(shù):4926

Sketch 52 正式版終于發(fā)布了。
這次的更新日志重點有四部分:全新界面,嵌套布爾運算,數(shù)據(jù),樣式覆蓋,讓我們逐一詳解。

一、全新界面 Sketch 52 的視覺風(fēng)格更加扁平化,減少了對 macOS 原生組件和分割線的應(yīng)用,重繪了畫板、分組的圖標(biāo)(終于不再用系統(tǒng)自帶的文件夾圖標(biāo)了),整體看起來更加干凈。 除了視覺風(fēng)格外,Sketch 52 的功能組織也更加清晰合理。 變化最明顯的是右側(cè)檢查器欄:頂部尺寸、位置面板被大幅壓縮,縮放(RESIZING)面板進(jìn)行了重新設(shè)計,增加了便于理解的預(yù)覽。 元件中可變內(nèi)容的覆蓋(OVERRIDE)面板同樣有很大改進(jìn),增加了重置所有覆蓋的按鈕,并在子元件、圖片類可變內(nèi)容的下拉選框中加入了縮略圖。 概括起來兩個詞:舒服,好用。

二、嵌套布爾運算 布爾運算是界面設(shè)計時的常用操作。在 Sketch 52 以前,因為文本、元件不能直接進(jìn)行布爾運算,諸如漸變文字的內(nèi)容可變、布爾圖形的部件更換等操作是無法實現(xiàn)的。
1. 文本的布爾運算 現(xiàn)在,Sketch 中的文本可以與圖形進(jìn)行四種布爾運算,運算后的文本不會被變成圖形,內(nèi)容依然可變。 與文本布爾運算后的圖形結(jié)果,同樣支持填充、描邊(僅支持居中描邊)、外投影、內(nèi)陰影、模糊等常規(guī)的樣式設(shè)置。
2. 元件的布爾運算 元件的布爾運算規(guī)則與文本的相同,元件中布爾運算過的子元件也可以被覆蓋。 支持文本與元件的布爾運算,為我們改進(jìn)設(shè)計流程帶來了新的思路。

三、數(shù)據(jù) 在 Sketch 52 中新增了數(shù)據(jù)(Data)這一功能,可以讓我們使用數(shù)據(jù)批量填充元件的內(nèi)容。 選中同一元件的多個實例(在畫板中的個體),在右側(cè)的覆蓋(OVERRIDES)面板中,點擊可變內(nèi)容標(biāo)題旁的數(shù)據(jù)圖標(biāo),選擇要使用的數(shù)據(jù)集,即可填充到組件。 顯然,Sketch 中預(yù)置的英文數(shù)據(jù)、西方人頭像不適合我們?nèi)粘5脑O(shè)計工作。那么,要如何引入我們自己的數(shù)據(jù)呢? 點擊頂部菜單欄 Sketch – > Preferences ,在 Data 選項卡中點「Add Data…」按鈕,從本地選擇要使用的數(shù)據(jù)。文本數(shù)據(jù)需要選擇 .txt 格式的文件(一行一條),圖片則是選擇圖片所在的文件夾。 這里需要注意的是,如果數(shù)據(jù)源對應(yīng)的文件發(fā)生改變,比如我們修改了 txt 中某幾行的文字,之前填充過的內(nèi)容不會被更新。再次使用該數(shù)據(jù)集進(jìn)行填充時,應(yīng)用的才是更改后的內(nèi)容。 Sketch 52 的數(shù)據(jù)是一項革命性的功能,它從底層上為給元件快速填充數(shù)據(jù)開拓了更多可能。往深研究,我們可以編寫自己的 Sketch 插件,來自動為元件填充各項數(shù)據(jù)。 四、樣式覆蓋 在 Sketch 52 以前,要為元件內(nèi)的文本、圖形更換字體、字號、顏色,只能靠復(fù)制元件,或是將圖形制作為蒙版來對付。這樣的做法,在進(jìn)行一款產(chǎn)品的整體組件化設(shè)計時,會導(dǎo)致組件的冗余。 現(xiàn)在,樣式覆蓋(Style Override)的出現(xiàn)徹底解決了這個問題。 當(dāng)我們?yōu)樵?nèi)的文本、圖形指定了樣式后,就可以在使用元件的地方對樣式進(jìn)行覆蓋。 樣式覆蓋可以和子元件的布爾運算一起使用,從而實現(xiàn)上圖中換衣服款式、換顏色的效果。 以上四部分,就是 Sketch 52 的主要更新內(nèi)容,你能想到什么有趣的用途呢? 另外,在更新到 Sketch 52 前,請一定注意:Sketch 52 打開并保存過的文件,在51.x 及以下版本打開后無法正常顯示。如果團(tuán)隊人數(shù)較多,建議選擇合適的時間大家集體更新,避免因軟件版本不同影響協(xié)作。 五、問題回復(fù)與勘誤 1. 問題回復(fù) 因為平時較少登錄公眾號后臺,錯過了一些留言的回復(fù)時間(公眾號后臺超過48小時不允許回復(fù)),在這里專門回復(fù)一下。

 有位昵稱為 Victor Lin 的朋友留言問: 我把文本做成symbol了,然后我使用文本組件的時候遇到了幾個問題:
1、文字超過symbol本身的字體不會自動展開 2、做成symbol的文字好像做不了內(nèi)容跟隨?還是回到第一個問題。 關(guān)于這個問題,的確如他所描述的,在目前版本的 Sketch 中, 元件的尺寸只能外部改變(人為),不能由內(nèi)自行改變,所以即便元件內(nèi)部的文本設(shè)置為自動尺寸,元件本身也無法做內(nèi)容跟隨。如果只是要將不同樣式的文本做成組件方便統(tǒng)一,可以嘗試 Sketch 52 的樣式覆蓋功能。
2. 勘誤 在上一篇文章中,我寫過: 「如上圖,當(dāng)文本被尺寸設(shè)置為 Auto 時,根據(jù)對齊方式的不同,其尺寸可變的一側(cè)(左對齊文字的右側(cè),右對齊文字的左側(cè),不包括居中對齊)的組或圖層會與文本保持固定的距離?!?這段存在一個問題。 如上圖,事實上,尺寸為 Auto 的居中對齊文本,其右側(cè)內(nèi)容也能夠進(jìn)行自動跟隨。有心的朋友可以用上篇文章中的源文件自己實驗。

深圳網(wǎng)站建設(shè),深圳UI設(shè)計公司,網(wǎng)頁切圖,企業(yè)網(wǎng)站制作,營銷型網(wǎng)站建設(shè),專業(yè)做網(wǎng)站,響應(yīng)式網(wǎng)站建設(shè),深圳網(wǎng)站制作,深圳網(wǎng)站開發(fā),深圳建網(wǎng)站公司

相關(guān)案例查看更多

填寫您的項目需求:

*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。