Transparent Textures

transparenttextures.com又名 Transparent Textures

由 Mike Hearn 维护的透明纹理素材站,图案按布料、噪点、砖墙等质感分类,选好颜色和图案后可一键复制 CSS 或下载 PNG,适合前端与 UI 设计师给页面、卡片加一层不抢内容的底纹。

内容网页英文

打开官网替代品 3 个 transparenttextures.com
Transparent Textures 首页截图

Transparent Textures 是一个收集透明纹理图案的网站,主要给网页和界面设计做背景用。它站在 Subtle Patterns 的肩膀上,由 @mikehearn 搭建和维护,图案大多由不同设计师投稿,每个图案下面都标了作者名。

怎么用

页面顶部把流程拆成三步:先选一个颜色,再挑一个图案,最后取 CSS。选好之后右侧会显示当前图案,点「Copy to clipboard」就能把带背景色的 CSS 规则复制走,粘到自己的样式表里即可。每个图案卡片上还有 Download 和 Create Wallpaper 两个入口,前者直接给出 PNG 文件,后者把图案铺成一张壁纸。

图案与作者

图案按字母顺序排列,从 3Px Tile、45 Degree Fabric 一直到后面还有大量条目,涵盖布料、纸张、砖墙、混凝土、碳纤维、几何网格、噪点等类型。部分图案带 featured 以及 fabric、noise、wall、geometric 之类的标签,方便按质感筛选。作者署名保留在每张卡片上,例如 Atle Mo、Carlos Valdez、Benjamin Ward 等。

适合谁

前端和 UI 设计师需要给页面、卡片或壁纸加一层不抢内容的底纹时,来这里找现成图案比自己画省事。图案本身是透明 PNG,叠在任意背景色上都能用,这也是它和普通纹理素材站的主要区别。

常见问题

Transparent Textures 有哪些平台 / App?
支持 网页。
Transparent Textures 的替代品有哪些?
本站整理了 3 个替代品,例如 Hero Patterns、Architextures、Resource Boy。

替代品 全部 3 个 →

收录于 2024 年 6 月 · 更新于 11 月 8 日 · 浏览 480 · 报告问题

替代品 3 个打开官网transparenttextures.com