Alice

@彩云Sky:Hi,大家好,我是彩云。之前有发过一篇卡片设计细节的文章《想做好卡片设计,原来要注意这么多细节》,里面有提到图案设计的重要性,一个漂亮的图形设计定能给你的UI加分不少。最近,彩云在看资源网站的时候,无意中发现了一组非常赞的图形纹理设计,不仅有sketch和AI等源文件,重点是,它还是免费可商用的!

 

图片

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

 

1、图案长什么样?

整套资源一共有22张,我随意放一些大家看看,每一张都很精美。

这些好看的图形,看似简单,但真正做过品牌图案延展的同学就能明白,想要组合的好看,图形摆放的位置,角度,大小,间距,重复次数,配色都需要反复调整,其实是很花时间的。

所以,有时候在做项目的过程中,时间不多,但又希望快速获得一些好的视觉效果,添加这种现成通用的视觉图案是一个好办法。

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

2、要怎么用?

如何把这些图形高效的利用好呢?

 

1)当成色卡

这里面的配色都是非常经典的,每一张图案里面不仅仅是元素好看,配色也是可以拿来借鉴的

图片

比如我在做文章封面的时候,就可以用这些配色作为底色的选择,在做练习的时候,这些配色就是非常好的参考。

图片

彩云在UI中国发布的文章封面

 

2)配色组件化

这套图案源文件做的非常完善了,如果你对图案里的颜色不满意,或者不符合自己界面的配色,还可以直接修改颜色组件完成调整,同时还能深入学习sketch的组件化,应用到自己的项目中

图片

 

3)设计应用

在做一些卡片设计、网页头图设计、banner设计、作品集封面时,这些图形都非常好用。

  • 深色banner

图片

 

  • 浅色banner

图片

 

  • PPT封面

图片

 

  • 这次的封面设计

图片

 

  • 包装和图片封面上的运用

图片

来源:https://dribbble.com/shots/14121450/attachments/5744384?mode=media

 

  • UI中的应用

图片

来源:https://dribbble.com/shots/10498737-Dark-Bank-Application-Design

 

  • 后台UI中的运用

图片

来源:https://dribbble.com/shots/6346549-Maxim-On-boarding-Exploration

 

3、怎么获得?

这套图形文件中包含了sketch、Ai、Figma、XD源文件,另外也还有现成的png和svg文件,不管你是用win还是mac的同学都不用担心使用问题。

图片

想要获得的话,直接打开这个https://www.ls.graphics/ux-ui-kits/paaatterns地址就能下载。同时,这个网站还有个免费专区,可以下载各种免费高质量样机模板哦。

图片

 

原文地址:彩云译设计(公众号)

作者:彩云Sky

图片

转载请注明:学UI网 » 国外大神常用的图案纹理库,免费还能商用,太良心了!

登录收藏
 
你可能喜欢的:
聊聊上周很火的设计系统“两兄弟”聊聊上周很火的设计系统“两兄弟”
资源分享|两款B端设计走查神器资源分享|两款B端设计走查神器
2021 必备的超赞神器,用上它,效率都要提升三倍!!2021 必备的超赞神器,用上它,效率都要提升三倍!!
设计师必备的Chrome插件,超好用!!!设计师必备的Chrome插件,超好用!!!
开箱即用的Xconsole来了开箱即用的Xconsole来了
拿不到数据时,设计师还能做设计自证吗?拿不到数据时,设计师还能做设计自证吗?
Keynote教程(二)——隐藏的功能知识Keynote教程(二)——隐藏的功能知识
2019年UI设计师必备工具清单2019年UI设计师必备工具清单
全栈设计师必须拥有的Mac软件推荐全栈设计师必须拥有的Mac软件推荐
你不知道的Sketch黑科技-图文浮动居中你不知道的Sketch黑科技-图文浮动居中