Haikei 生成器参数详解:Style、Balance、Complexity、Contrast 分别控制什么

更新时间

Haikei 的每个生成器都共用一套参数面板,其中 Style、Balance、Complexity、Contrast 是决定图形最终形态的核心四项。简单说:Style 决定图形是实心还是描边,Balance 决定元素在画布上的疏密分布,Complexity 决定图形的细节数量,Contrast 决定明暗或形态的强弱反差。它们不改变生成器类型(Blob、Wave、Blurry Gradient 等),只调整该类型内部的视觉表现,因此同一组参数在不同生成器里的具体效果会有差异。

Style:填充方式

Style 只有两个选项,来自页面证据中的 Style solid outline:

  • solid(实心):图形以纯色块填充,适合做背景、色块分割、大面积装饰。
  • outline(描边):图形只保留轮廓线,内部透明,适合做线稿风格、叠加在照片或渐变之上。

选择哪种取决于你的用途:需要遮挡底层内容用 solid,需要透出背景用 outline。

Interpolation、Direction:过渡与朝向

这两个参数出现在波形、路径类生成器中:

  • Interpolation 控制曲线在关键点之间的过渡方式,影响波形是平滑圆润还是带有折角感。
  • Direction 控制波形或路径的整体朝向(水平、垂直或倾斜方向)。

调整它们时,建议先固定其他参数,只改一项,观察形状轮廓的变化,避免多个变量同时变动导致无法判断是哪个参数起了作用。

Color、Background、Fill:配色与填充

  • Color:图形主体颜色。
  • Background:画布底色,决定导出素材是否自带背景。
  • Fill:填充相关的控制项,与 Style 配合决定填充的具体表现。

导出前要确认 Background 是否为你想要的——如果打算把 SVG 叠加到网页其他元素上,通常需要背景透明;如果直接当壁纸或海报,则保留背景色。

Balance、Complexity、Contrast:形态三要素

这三个参数共同决定图形的"密度感",是调出理想效果时最常反复调整的一组:

参数 作用 调高的效果 调低的效果
Balance 元素在画布上的分布均衡度 元素分布更均匀、更满 元素偏向一侧或更稀疏
Complexity 图形的细节/层数/节点数量 形状更复杂、层次更多 形状更简洁、更几何化
Contrast 明暗或形态的反差强度 对比强烈、边界清晰 对比柔和、过渡平缓

实际调节时的经验顺序是:先定 Style 和配色,再用 Complexity 定大形态,然后用 Balance 调分布,最后用 Contrast 收尾。因为 Complexity 改变的是图形结构本身,一旦改动,之前调好的 Balance 和 Contrast 可能需要重新微调。

一个具体例子

假设你要为博客文章头图生成一个 Blob 形状:

  1. 生成器选 Blob,Style 选 solid。
  2. 把 Complexity 调低,得到一个简洁的圆润色块。
  3. 用 Balance 把它移到画布偏左的位置,右侧留白放标题。
  4. Contrast 调低,让边缘过渡柔和,避免抢文字注意力。
  5. Background 设为透明,导出 SVG 后叠加到网页背景上。

如果换成 Wave 生成器,同样的参数名含义一致,但 Interpolation 和 Direction 会明显影响波形走向,需要单独再调。

导出前检查

页面提供 Download SVG / PNG 两种格式,画布默认显示为 3:2 900 x 600,并带 Variants 随机变体功能。导出前确认:

  • 尺寸比例是否符合目标平台(头图、壁纸、海报比例不同)。
  • 是否需要透明背景(选 PNG 时尤其注意)。
  • 参数是否已固定——点击 Variants 会随机重排参数,可能覆盖你调好的设置。

参数本身没有"正确值",只有是否符合你的使用场景。理解每个参数控制的是哪一层视觉属性,比记住某个具体数值更有用。