“Look”是“”在過(guò)去一周左右搜索的一些新的設(shè)計(jì)工具。 旨在為您推薦一些好的設(shè)計(jì)應(yīng)用、插件等。 話不多說(shuō)，讓我們開(kāi)始吧：

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

這期間，梯度又悄然搶占了游戲的先機(jī)。 例如， 是一位對(duì)漸變卡非常狡猾的設(shè)計(jì)師。

約翰尼維諾的音樂(lè)

如何選擇好的漸變色搭配？ 看來(lái)對(duì)你有幫助。

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

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

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

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

眼尖的同學(xué)可能已經(jīng)注意到了，本期“LOOK”二字的漸變就是之前的漸變，哈哈！

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

畫(huà)板管理：

當(dāng)我們?cè)O(shè)計(jì)交互草稿或者視覺(jué)草稿時(shí)，我們會(huì)遇到很多頁(yè)面。 剛接觸它的時(shí)候，我的畫(huà)板幾乎都是這樣粗魯?shù)拿?/p>

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

后來(lái)我建立了自己的命名方法，為每個(gè)頁(yè)面設(shè)置一個(gè)序號(hào)，并劃分每一行，這樣既方便又在開(kāi)發(fā)校對(duì)時(shí)明確指出該序號(hào)的頁(yè)面有問(wèn)題。

就我個(gè)人而言，我喜歡按 01.xx 對(duì)第一行進(jìn)行排序，并以這種方式對(duì)第二行進(jìn)行排序。 但設(shè)計(jì)中難免有些頁(yè)面會(huì)很長(zhǎng)，最后就會(huì)出現(xiàn)右圖的尷尬情況：

于是我只好把上面的畫(huà)板一張一張地拖下來(lái)……囧。

后來(lái)發(fā)現(xiàn)很好的解決了我的問(wèn)題。 安裝此插件后，所有畫(huà)板都會(huì)按照第一行A1、A2、A3...第二行B1、B2、B3...這種推送方式手動(dòng)排序，完美契合我之前的習(xí)慣！ 可以看到效果：

所有畫(huà)板將按照上、下、左、右統(tǒng)一寬度排序。 同時(shí)它會(huì)識(shí)別出你在兩個(gè)畫(huà)板之間插入了一個(gè)畫(huà)板，并手動(dòng)將這個(gè)畫(huà)板前面的所有畫(huà)板的序號(hào)加1，非常好用~

如果拉伸一個(gè)畫(huà)板，它會(huì)將下一行的所有畫(huà)板向下調(diào)整，以保證兩行之間的寬度。

需要注意的是，要手動(dòng)更改名稱(chēng)，在文件中找到插件的.file，然后右鍵“顯示包內(nèi)容”，找到---.js文件，用可編輯文本工具打開(kāi)，找到以下數(shù)組，并將 false 更改為 true 并保存。

同時(shí)，您還可以自動(dòng)調(diào)整下邊的寬度，使畫(huà)板之間的寬度符合您自己的習(xí)慣。 默認(rèn)值 50 可能有點(diǎn)小，繪制一些交互線的空間可能會(huì)很緊張。

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

Fiber：交互動(dòng)畫(huà)UIKit

最近動(dòng)作挺多的，先推出了sketch修改畫(huà)板顏色，立馬就降低了可以使用漸變的原型的有效性（這件事也在上引起了熱議）。 前面公布了動(dòng)態(tài)陣列的功能，隨后發(fā)布了這個(gè)交互式動(dòng)態(tài)模板：Fiber

不過(guò)這個(gè)模板只能內(nèi)部使用，雖然是別人為了推廣自己的工具而做的增值服務(wù)。

簡(jiǎn)單來(lái)說(shuō)，這個(gè)模板包含了幾個(gè)常用的交互流程，只需更改一些參數(shù)就可以生成交互原型。 入門(mén)更容易一步。

這次提供的交互動(dòng)畫(huà)組件相當(dāng)強(qiáng)大

至于為什么要學(xué)，你自己就知道了。 首先，它受益于代碼的可能性sketch修改畫(huà)板顏色，比He等工具強(qiáng)大得多，但同時(shí)也帶來(lái)了相對(duì)較高的學(xué)習(xí)成本。 但我很高興地接受了這個(gè)過(guò)程，因?yàn)閷W(xué)習(xí)之后我對(duì)代碼基本上有了一定的了解，工作中與開(kāi)發(fā)的溝通也變得越來(lái)越方便。 畢竟電流縮小之后，界面的可視化程度也提升了很多。

以后我打算給大家出一系列的教程，我會(huì)盡力克服我的拖延癥……

在實(shí)際工作中，我可以使用簡(jiǎn)單的交互，也可以使用復(fù)雜的交互。

與此同時(shí)，近期促銷(xiāo)活動(dòng)還在繼續(xù)。 如果訂閱一年的使用權(quán)，可以免4個(gè)月的費(fèi)用，還能享受25%的折扣，折合人民幣700多元。 除了教育折扣之外，也是非?？捎^的利潤(rùn)。

不過(guò)由于活動(dòng)只持續(xù)這三天（8月8日發(fā)布），想要購(gòu)買(mǎi)的同學(xué)要抓緊了。 沒(méi)用過(guò)的同學(xué)要仔細(xì)權(quán)衡是否購(gòu)買(mǎi)，雖然它提供了14天的免費(fèi)試用，讓你考慮一下這個(gè)軟件是否適合你。 而如果你已經(jīng)剁手一年了，那你就得老老實(shí)實(shí)學(xué)了。

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