根据 Cool Backgrounds 开发者研究,在发布网页或文章前最困难的步骤之一是找到合适背景图片,好的图片不仅能凸显整篇内容质感,也可获得更多使用者注意。我之前推荐不少免费背景生成器,依照使用者需求快速制作出很活泼、色彩鲜艳的背景,例如 Svg Wave 产生波浪状背景图案(在很多网站都能看到):

Hero Patterns 制作好看的重复平铺式背景,而且只要将 CSS 语法带入就能套用:

发现一个宝藏背景素材网站,五种风格!颜值超在线!

本文要介绍的「Cool Backgrounds」是一个免费背景产生工具,主要提供五种类型背景:三角几何图形、科技粒子效果、CSS 渐变背景、渐变地形图和 Unsplash 图片,用户可从在线快速调整不同色彩组合,立即更新预览,点选右下角「下载」将素材保存为 PNG 格式。

这个工具整合了 Trianglify、Particles.js、CSS Gradient 和 Unsplash 等工具或来源,让我们在很短时间内就能制作出很有质感的素材,如果需要寻找一张文章首图或背景图,可以到这里碰碰运气。

Cool Backgrounds

网站链接:https://coolbackgrounds.io/

使用教学

开启 Cool Backgrounds 后从左侧选择不同的背景类型,选取后右侧会立即更新预览。

发现一个宝藏背景素材网站,五种风格!颜值超在线!

从右下角点选配色会开启不同的颜色组合,这些默认颜色都非常好看,如果你需要更多的自定义选项例如指定颜色,可以点选下方 More options on… 返回该工具原始网站进行设定,原则上在 Cool Backgrounds 就是非常基本的运用,设定后点选右下角「下载」可以取得背景图。

发现一个宝藏背景素材网站,五种风格!颜值超在线!

Cool Backgrounds 还有提供像是科技粒子效果、CSS 渐变背景或渐变地形图,点选后一样从右下角可自定义不同的颜色组合。

发现一个宝藏背景素材网站,五种风格!颜值超在线!

最下方有一个「Unsplash」选项是从这个知名的免费图库找到适合做为背景的素材,自定义项目中可以更换不同的相片,看起来非常有质感。

发现一个宝藏背景素材网站,五种风格!颜值超在线!

Cool Backgrounds 网站上方有四个颜色:黑色、白色、蓝色和红色,点选后可将这些背景转为单一颜色呈现,效果很特别,如果需要素色的背景图案可直接点选上方颜色选项预览。

发现一个宝藏背景素材网站,五种风格!颜值超在线!

值得一试的三个理由:

  • 整合三角几何图形、科技粒子效果、CSS 渐变背景等五种背景图案产生器
  • 快速自定义颜色,或是回到原服务进行更多的项目设定
  • 在线实时预览后点选下载即可取得 PNG 图片
收藏 202
点赞 36

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。