背景图不用会设计：Haikei 在线生成 SVG 背景，免费可商用

页面背景是最容易被忽视、又最影响质感的一块。用纯色太平，用照片太重。Haikei 能在线生成 SVG 背景，体积小、可无限缩放。

它解决什么问题

设计师给的背景图往往是位图，放到大屏上会糊，做响应式适配也麻烦。

自己写 SVG 背景代码门槛高，用设计软件画又不容易做出随机自然的形态。

核心能力

背景图的「存在感」要控制在中等以下

背景的首要职责是衬托内容，不是抢注意力。判断标准很简单：如果一眼看过去先注意到背景，说明它的存在感过头了。

控制存在感的三个手段：降低对比度（背景明度贴近底色）、降低饱和度、加大模糊或降低线条密度。做技术类页面时，深底 + 低对比线条背景是最安全的组合。

同类工具怎么选

谁适合用

• 做官网首页、落地页，需要背景质感的前端与设计
• 做 PPT 封面、banner，需要抽象背景的人
• 没有设计资源，需要自己搞定页面观感的独立开发者

怎么开始

1. 打开 haikei.app，从顶部选择一种生成器（如 Blob、Wave、Mesh Gradient）。
2. 调整滑杆参数，实时预览形态与颜色。
3. 不满意的形态就换一个随机种子。
4. 点右上角下载 SVG，放进项目或设计软件里。
5. 在项目里作为背景层使用，注意控制不透明度与层叠顺序。

常见问题

需要署名吗？
Haikei 生成的图形可自由使用，官方不强制署名；但生成物属于工具产出，建议不要直接当作独立作品售卖。

能在 Figma 里用吗？
可以，SVG 可导入 Figma、Illustrator 等软件继续编辑。

生成的 SVG 会不会太大？
通常只有几 KB 到几十 KB，远小于同尺寸位图。

授权与合规

Haikei 由个人开发者维护，生成的图形可免费用于个人与商业项目；生成物为 SVG，可自由修改。 官网：haikei.app。