Hi，大家好，我是彩云。之前有發(fā)過(guò)一篇卡片設(shè)計(jì)細(xì)節(jié)的文章，里面有提到圖案設(shè)計(jì)的重要性，一個(gè)漂亮的圖形設(shè)計(jì)定能給你的 UI 加分不少。

最近，彩云在看資源網(wǎng)站的時(shí)候，無(wú)意中發(fā)現(xiàn)了一組非常贊的圖形紋理設(shè)計(jì)，不僅有 sketch 和 AI 等源文件，重點(diǎn)是，它還是免費(fèi)可商用的！

網(wǎng)站鏈接：

https://www.ls.graphics/ux-ui-kits/paaatterns

圖案長(zhǎng)什么樣？

整套資源一共有 22 張，我隨意放一些大家看看，每一張都很精美。

這些好看的圖形，看似簡(jiǎn)單，但真正做過(guò)品牌圖案延展的同學(xué)就能明白，想要組合的好看，圖形擺放的位置、角度、大小、間距、重復(fù)次數(shù)、配色都需要反復(fù)調(diào)整，其實(shí)是很花時(shí)間的。

所以，有時(shí)候在做項(xiàng)目的過(guò)程中，時(shí)間不多，但又希望快速獲得一些好的視覺(jué)效果，添加這種現(xiàn)成通用的視覺(jué)圖案是一個(gè)好辦法。

要怎么用？

如何把這些圖形高效的利用好呢？

1. 當(dāng)成色卡

這里面的配色都是非常經(jīng)典的，每一張圖案里面不僅僅是元素好看，配色也是可以拿來(lái)借鑒的。

2. 配色組件化

這套圖案源文件做的非常完善了，如果你對(duì)圖案里的顏色不滿意，或者不符合自己界面的配色，還可以直接修改顏色組件完成調(diào)整，同時(shí)還能深入學(xué)習(xí) sketch 的組件化，應(yīng)用到自己的項(xiàng)目中。

3. 設(shè)計(jì)應(yīng)用

在做一些卡片設(shè)計(jì)、網(wǎng)頁(yè)頭圖設(shè)計(jì)、banner 設(shè)計(jì)、作品集封面時(shí)，這些圖形都非常好用。

深色 banner

淺色 banner

PPT 封面

包裝和圖片封面上的運(yùn)用

△ 來(lái)源： https://dribbble.com/shots/14121450/attachments/5744384

UI 中的應(yīng)用

△?來(lái)源： https://dribbble.com/shots/10498737-Dark-Bank-Application-Design

后臺(tái) UI 中的運(yùn)用

△?來(lái)源： https://dribbble.com/shots/6346549-Maxim-On-boarding-Exploration

怎么獲得？

這套圖形文件中包含了 sketch、Ai、Figma、XD 源文件，另外也還有現(xiàn)成的 png 和 svg 文件，不管你是用 win 還是 mac 的同學(xué)都不用擔(dān)心使用問(wèn)題。

想要獲得的話，直接打開(kāi)這個(gè) https://www.ls.graphics/ux-ui-kits/paaatterns?地址就能下載 。同時(shí)，這個(gè)網(wǎng)站還有個(gè)免費(fèi)專區(qū)，可以下載各種免費(fèi)高質(zhì)量樣機(jī)模板哦。

這個(gè)網(wǎng)站國(guó)內(nèi)打開(kāi)的話，可能會(huì)比較慢，我也幫大家下載好了。文末/開(kāi)篇都可以下載。

歡迎關(guān)注作者的微信公眾號(hào)：「彩云譯設(shè)計(jì)」