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 地址就能下载 。同时，这个网站还有个免费专区，可以下载各种免费高质量样机模板哦。

这个网站国内打开的话，可能会比较慢，我也帮大家下载好了。文末/开篇都可以下载。

欢迎关注作者的微信公众号：「彩云译设计」

  <tr>
    文件名 <a class="a_help" href="https://uiiiuiii.com/software/312314.html" target="_blank"> 如何下载使用</a>
    文件大小
    提取码        下载来源
  </tr>
    <tr><td>图案纹理</td><td>29.25MB</td><td>ns4p 点此复制  </td><td><a href="#" class="btn btn-orange btn-baidupan modal-open down_0" data-modal-id="modal_login" data-pid="405778" data-index="0" target="_blank">  登录下载 </a></td></tr>    

作者： 彩云译设计