学UI网自2022年03月21日起新增干货小组/鉴赏小组
增加鉴赏类目:
#优秀作品鉴赏
其中包括APP界面鉴赏、平面视觉鉴赏、UI动效鉴赏等
增加干货类目:
#学UI网干货分享
其中包括在线配色网站、在线工具、插件等
还会有更多的小组和类目加入,感谢大家的持续关注和学U网的干货小组和解答团Lemon的辛苦整理!~
有质感的纹理可以给设计锦上添花,丰富视觉体验。
今天学UI网干货小组就给大家推荐5个高质量的国外背景纹理的网站。
友情提示:为了避免不必要的麻烦,在使用之前要进行版权的二次检查
一、Everypixel
网址:http://www.everypixel.com/patterns
各种纹理的图案,有卡通图案,也有现代抽象图案。而且还可以看到在样机上展现的效果。网站首页截图如下:
点击任一图案→点击download
下载之前可以调节图片的参数:
Pattern scale模式比例:调节素材中图案的大小,1-3图案从小变大。
Elements scale元素比例:调节图中元素的疏密。
Colors:调节图片的颜色
然后点击download,可选格式SVG和PNG
二、Heropatterns
网址:http://www.heropatterns.com/
简洁低调的纹理素材网站。首页截图如下:
下拉网页图案的颜色可以统一调节
Foreground color前景色;
Background color背景色;
Foreground Opacity前景不透明度。

点击右上方下载,只支持SVG格式。
三、Visiwig
网址:http://www.visiwig.com/patterns
主打几何风图案纹理。纹理的可操作范围广,可以修改各种参数满足设计的要求。网站首页截图如下:
点击第一个图案,进入可以调节各种参数。
scale规模,调节疏密;
rotate旋转图案;
stroke调节图案的粗细;
color调节颜色;
output导出图案;
license许可证。
可导出SVG格式
四、Transparenttextures
网址:https://www.transparenttextures.com/
简约现代纹理背景网站。
左侧操作方法:
1.修改颜色
2.选中某一图案
3.文本框中的代码可直接复制给开发人员,方便快捷。
网站首页截图如下:
点击任一图案,右下角有下载和选择做壁纸两个选项。
五、Coolbackgrounds
炫酷的晶格低模等特效背景图案网站
网站首页截图如下:
顶部可以调节色调;
左侧可以选择具体的风格;
右下角点击小三角展开可以再次选择色系;
然后点击下载按钮下载。
最后感谢大家的欣赏和学UI网干货小组和学UI网解答团-Lemon的辛苦整理;
后续仍然会给大家持续带来 #学UI网干货分享(其中包括在线配色网站、在线工具、插件等)
谢谢大家的持续关注!~
为了方便大家,小编给大家整理好了 5个网站并导出了谷歌浏览器的标签到下面的下载按钮,可以一键导入标签即可,非常方便。也有导入标签的教程哦~快来下载导入吧~
也可以在学UI网公众号“xueuiwang”里面发消息:“纹理背景网站”下载~
转载请注明:学UI网 » 【学UI网干货分享】5个高质量的国外背景纹理网站