《Look》是《Look App》對近一周多來一些新設(shè)計(jì)工具事件的探索活動，致力于推薦一些好的設(shè)計(jì)應(yīng)用、插件等。閑話少說，我們開始吧：

：在線漸變配色網(wǎng)站

在這期間，漸變色似乎又悄然占據(jù)了主導(dǎo)地位，比如Johny Vino就是一位非常擅長使用漸變色卡片的設(shè)計(jì)師。

音樂：Johny vino

如何選擇好的漸變配色方案？也許這可以幫助你。

網(wǎng)站本身配備了許多漂亮的漸變色：

可以自由調(diào)整漸變角度，或者自己添加顏色：

該網(wǎng)站提供包含所有漸變色的下載文件：

您還可以直接復(fù)制漸變CSS屬性，以便于開發(fā)和使用。

眼尖的朋友可能已經(jīng)發(fā)現(xiàn)，這期的“LOOK”字的漸變和上面的漸變是一樣的，哈哈！

網(wǎng)站地址：公眾號直接回復(fù)“漸變”即可獲取。

畫板管理：

我們在設(shè)計(jì)交互或者視覺稿的時(shí)候，會遇到很多的頁面，我剛開始的時(shí)候，我的畫板大致是這樣命名的：

背面有復(fù)制光環(huán)

后來我建立了自己的命名方法，給每一頁設(shè)定編號，并劃分每一行，這樣和開發(fā)人員校對時(shí)，就很容易清楚地指出哪一頁有問題。

我個人比較喜歡第一行按照01.xx排序，第二行按照01.xx排序，但是在設(shè)計(jì)的時(shí)候難免會出現(xiàn)有些頁面很長的情況，最后就會出現(xiàn)下圖所示的尷尬局面：

所以只好把之前的畫板一塊一塊的拖下來……尷尬。

后來發(fā)現(xiàn)它很好的解決了我的問題。安裝這個插件之后，所有畫板都會自動按照第一行 A1、A2、A3...第二行 B1、B2、B3... 以此類推的順序排列，完美契合我之前的習(xí)慣！大家可以看看效果：

所有畫板都會按照均勻的縱橫間距進(jìn)行排序，同時(shí)會識別到你在兩個畫板之間插入了一個畫板，并自動將這個畫板之后的所有畫板的序號加 1 并移到后面，很實(shí)用~

如果你拉長某個畫板，它也會把下一行的所有畫板都向下移動，以保證兩行之間的間距。

需要注意的是，自動修改名稱需要在文件中找到插件的.文件，然后右鍵“顯示包內(nèi)容”，找到---.js文件，用可編輯文本工具打開，找到下面這個字段，將false改為true后保存。

你也可以手動調(diào)整下方的間距，讓畫板之間的間距符合你自己的習(xí)慣。默認(rèn)的 50 可能有點(diǎn)小，在畫一些交互線條的時(shí)候，空間可能會顯得局促。

插件下載地址：公眾號直接回復(fù)“畫圖板插件”即可獲取。

Fiber：交互式 UI 套件

最近動作不少，先是推出了 Fiber，然后又在原型上加入了漸變效果（這也在推特上引發(fā)了熱烈討論），之后又公布了動態(tài)字段功能，接著又發(fā)布了這款可交互的動畫模板：Fiber

但是這個模板只能內(nèi)部使用，畢竟是別人為了推廣自己的工具而提供的增值服務(wù)。

簡單來說，這個模板包含了幾個常用的交互流程sketch修改畫板顏色，只需要簡單修改一些參數(shù)，就可以生成交互原型，上手更簡單一步。

這次提供的交互動效組件還是挺強(qiáng)大的

至于為什么要學(xué)它，可以在知乎上問。首先得益于代碼的可能性，它比 和 等工具強(qiáng)大很多，但也帶來了相對較高的學(xué)習(xí)成本。不過我很樂意接受這個過程，因?yàn)閷W(xué)了它之后，對代碼有了一定的了解，工作中和開發(fā)人員溝通起來也更方便。而且，增加之后，界面的可視化程度也有了很大的提升。

稍后我會為大家準(zhǔn)備一系列的教程，我會努力克服我的拖延癥的……

在實(shí)際工作中我可以使用簡單交互sketch修改畫板顏色，也可以使用復(fù)雜交互。

同時(shí)最近還有優(yōu)惠活動，購買一年的使用許可，可以免除 4 個月的費(fèi)用，也就是七五折的優(yōu)惠，相當(dāng)于 700 多人民幣，加上教育優(yōu)惠，還是很給力的優(yōu)惠。

不過由于促銷只有兩天時(shí)間（發(fā)帖時(shí)間是8月8日），想買的朋友要抓緊了。沒用過的朋友要慎重考慮要不要買，畢竟它提供14天免費(fèi)試用，可以考慮一下這款軟件適不適合自己。但要是買一年的話，就得老老實(shí)實(shí)學(xué)習(xí)了。

如有侵權(quán)請聯(lián)系刪除！