亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

Sketch58 版本帶來的變化，估計(jì)不少團(tuán)隊(duì)都在陣痛中吧？特別是維護(hù)設(shè)計(jì)規(guī)范的小伙伴，估計(jì)是痛苦并快樂著～哈哈 ;P

在沒有自動(dòng)布局功能之前，都是用Anima 插件的Padding 來實(shí)現(xiàn)組件基于內(nèi)容的變化自動(dòng)適應(yīng)尺寸的，如下圖 ↓

簡(jiǎn)單的效果演示，如下圖 ↓

那本次的更新是不是顯得特別雞肋？多此一舉？Anima 插件是不是就此放棄？額～

相信一些朋友都有不少疑問，本人盡量解疑，也會(huì)說明幾個(gè)例子，實(shí)驗(yàn)一些場(chǎng)景，OK，廢話不多說，開干～

1. 先初步了解一下Sketch“智能布局”功能及特性

其一，布局功能目前?只針對(duì)組件；

看起來還是比較簡(jiǎn)單的，如果具備一些Flexbox 之類的一些基礎(chǔ)認(rèn)知，對(duì)這些布局相關(guān)的內(nèi)容應(yīng)該很好理解。

其二，組件中的文件夾，具備布局功能設(shè)定；

其三，即使設(shè)置了智能布局，也可改變尺寸；

其四，組件中的子組件即使替換，也同樣具備相應(yīng)的布局設(shè)定；

其五，“調(diào)整尺寸”& “布局”互相影響，需要注意根據(jù)自己的需要進(jìn)行配置；

其六，字體的“對(duì)齊方式”一定要和布局相應(yīng)匹配，一般情況下，水平布局對(duì)應(yīng)水平調(diào)整字符；

上面的按鈕示例就是這樣

看到這里，方便的朋友不妨自己先去嘗試一下，方便更好吸收下面的內(nèi)容～

2. 需要簡(jiǎn)單認(rèn)知一下“結(jié)構(gòu)”的重要性

相信到今天也還是有不少PS、AI設(shè)計(jì)UI的朋友，確實(shí)很無奈。

PS時(shí)代，為了讓設(shè)計(jì)文件看起來更整潔，相關(guān)的模塊會(huì)編成一組，相應(yīng)的圖層也會(huì)命名，但這更多的是為了工作上修正和查找的便利，實(shí)際對(duì)設(shè)計(jì)過程產(chǎn)生的效益并沒有什么特別大的影響，所以相信還是有很多懶一點(diǎn)的設(shè)計(jì)師都不想去維護(hù)文件的結(jié)構(gòu)和圖層命名。

Sketch，如果不整理結(jié)構(gòu)，那智能布局只是無稽之談。

Chrome瀏覽器，右鍵“檢查”，即可看到WEB中的常見布局結(jié)構(gòu)，每一個(gè)需要進(jìn)行封裝的組件，包括頁面的小模塊，大模塊，都是需要嚴(yán)謹(jǐn)布置結(jié)構(gòu)的，不然頁面的適配也無從說起；

這里要改變的一個(gè)思維模式，就是PS時(shí)代，設(shè)計(jì)的更多的還是“圖片”，但在Sketch，更多的是高模擬的最終實(shí)現(xiàn)稿了，所以要非常注意命名，以及相應(yīng)的模塊結(jié)構(gòu)劃分。

3. 一些常規(guī)的例子

A. 基礎(chǔ)元素-Button

這可以說是最基本的結(jié)構(gòu)，由此出發(fā)熟悉智能布局的一些特性

B. 基礎(chǔ)元素-Label(可刪除)

希望大家保留一個(gè)小習(xí)慣，所有元素最好都設(shè)定合理的“調(diào)整尺寸”屬性，在后續(xù)如果有復(fù)合組件情況，會(huì)產(chǎn)生一些幫助，當(dāng)然，如果你的團(tuán)隊(duì)也使用Zeplin 作為協(xié)作工具，更是有必要了。

--------------------------------------------

插播一下問題解答：

本次的更新是不是顯得特別雞肋？多此一舉？

如果你用Zeplin，就知道有很多我們使用插件完成的效果，是會(huì)錯(cuò)亂的，如下圖?↓

原因是Sketch的數(shù)據(jù)傳輸?shù)絑eplin，并不包括插件變更的部分，詳細(xì)的原理就不展開了，雖然簡(jiǎn)單和技術(shù)溝通也是沒問題，但畢竟很不爽??！

但，現(xiàn)在只要組件以Sketch 自帶的智能布局實(shí)現(xiàn)，Zeplin 的顯示就正常了。

是否雞肋？其實(shí)還真的看情況而定，對(duì)有些人來說也許真沒什么用～

Anima 插件是不是就此放棄？

請(qǐng)看下面的案例，你就明白，Anima 插件是不可能放棄的，而且，在后面一些復(fù)雜的結(jié)構(gòu)中，也會(huì)更凸顯Anima 插件的重要性，手動(dòng)什么的是很討厭的～

Anima 插件是什么？召喚?傳送門

--------------------------------------------

C. 基礎(chǔ)元素-Tooltips

D. 復(fù)合組件-評(píng)論

在較為復(fù)雜的組件結(jié)構(gòu)中，大家一定要注意設(shè)定每個(gè)元素的“調(diào)整尺寸”屬性

例如文案

設(shè)定后，正常 ↓

大家要記住一個(gè)點(diǎn)：“調(diào)整尺寸”屬性設(shè)定，就是給Sketch 一個(gè)明確的Class屬性。

E. 復(fù)雜結(jié)構(gòu)-Tables

智能布局的功能并不復(fù)雜，只是其中有些問題大家需要了解，有一些問題，不妨看看是不是哪里出問題了，檢查下“調(diào)整尺寸”或者 文案的“對(duì)齊方式”等。

總之新東西，都需要一個(gè)適應(yīng)的過程，Sketch 確實(shí)不斷在進(jìn)步，加油～共勉～