Haikei 可以生成哪些类型的 SVG 设计素材?

更新时间

Haikei 是一个基于网页的生成式设计工具，用来产出可直接使用的 SVG 设计素材，覆盖网站、社交媒体、博客配图、桌面与移动壁纸、海报等场景。它把素材拆成一个个独立的生成器，你按需要的图形类型选对应生成器，再调参数、随机化，最后导出 SVG 或 PNG。

生成器类型一览

页面中出现的生成器包括：

生成器 大致形态 常见用途
Blob 单个有机不规则形状 装饰元素、图标底衬、局部点缀
Wave 波浪形线条或色块 页面分隔、页头页尾过渡
Blurry Gradient 模糊渐变 背景、氛围底色、卡片衬底
Circle Scatter 散布的圆形 背景纹理、装饰层
Blob Scene 由多个 Blob 组成的场景 主视觉、封面插画感背景
Layered Waves 多层叠加波浪 层次感背景、海报底图
Stacked Waves 堆叠波浪 背景、分区过渡
Blob Scatter 散布的 Blob 背景纹理、装饰
Low Poly 低多边形网格 科技感背景、壁纸
Layered Peaks 多层山峰 风景感背景、海报
Stacked Peaks 堆叠山峰 背景、装饰
Polygon Scatter 散布的多边形 背景纹理、装饰层
Layered Steps 多层阶梯 几何背景、分区图形
Stacked Steps 堆叠阶梯 背景、装饰
Symbol Scatter 散布的符号 纹理背景、装饰

这些素材适合用在哪

  • 背景类：Blurry Gradient、Layered/Stacked Waves、Low Poly、Layered/Stacked Peaks、各类 Scatter，适合铺满画布做底图。
  • 装饰元素类：Blob、Circle Scatter、Polygon Scatter、Symbol Scatter，适合作为局部点缀或叠加层。
  • 主视觉/封面类：Blob Scene 这类由多个形状组合的生成器，更适合做有构图感的画面。

参数调整方向

不同生成器可调的参数并不相同，但页面中出现的参数方向包括：

  • Variants：切换不同的变体方案。
  • Style：如 solid（实心）、outline（描边）。
  • Interpolation：插值方式，影响形状过渡。
  • Wave / Peak / Step：与对应生成器形态相关的参数。
  • Direction：方向。
  • Color：颜色。
  • Background：背景。
  • Fill：填充。
  • Shape：形状。
  • Balance、Complexity、Contrast：平衡、复杂度、对比度。

画布默认显示为 3:2、900 x 600，可按需调整后再导出。

导出

在 Download 区域可导出 SVG 或 PNG。SVG 适合继续在 Figma、Illustrator 等设计工具中编辑，PNG 适合直接使用。

如果你需要的是背景图，优先看 Wave、Peaks、Low Poly、Gradient 这几类；如果只需要一个装饰形状，从 Blob 或各类 Scatter 入手更快。