Hi，大家好，我是彩云。之前有發過一篇卡片設計細節的文章，里面有提到圖案設計的重要性，一個漂亮的圖形設計定能給你的 UI 加分不少。

最近，彩云在看資源網站的時候，無意中發現了一組非常贊的圖形紋理設計，不僅有 sketch 和 AI 等源文件，重點是，它還是免費可商用的！

網站鏈接：

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

圖案長什么樣？

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

這些好看的圖形，看似簡單，但真正做過品牌圖案延展的同學就能明白，想要組合的好看，圖形擺放的位置、角度、大小、間距、重復次數、配色都需要反復調整，其實是很花時間的。

所以，有時候在做項目的過程中，時間不多，但又希望快速獲得一些好的視覺效果，添加這種現成通用的視覺圖案是一個好辦法。

要怎么用？

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

1. 當成色卡

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

2. 配色組件化

這套圖案源文件做的非常完善了，如果你對圖案里的顏色不滿意，或者不符合自己界面的配色，還可以直接修改顏色組件完成調整，同時還能深入學習 sketch 的組件化，應用到自己的項目中。

3. 設計應用

在做一些卡片設計、網頁頭圖設計、banner 設計、作品集封面時，這些圖形都非常好用。

深色 banner

淺色 banner

PPT 封面

包裝和圖片封面上的運用

△ 來源： https://dribbble.com/shots/14121450/attachments/5744384

UI 中的應用

△?來源： https://dribbble.com/shots/10498737-Dark-Bank-Application-Design

后臺 UI 中的運用

△?來源： https://dribbble.com/shots/6346549-Maxim-On-boarding-Exploration

怎么獲得？

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

想要獲得的話，直接打開這個 https://www.ls.graphics/ux-ui-kits/paaatterns?地址就能下載 。同時，這個網站還有個免費專區，可以下載各種免費高質量樣機模板哦。

這個網站國內打開的話，可能會比較慢，我也幫大家下載好了。文末/開篇都可以下載。

歡迎關注作者的微信公眾號：「彩云譯設計」