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 形状:
- 生成器选 Blob,Style 选 solid。
- 把 Complexity 调低,得到一个简洁的圆润色块。
- 用 Balance 把它移到画布偏左的位置,右侧留白放标题。
- Contrast 调低,让边缘过渡柔和,避免抢文字注意力。
- Background 设为透明,导出 SVG 后叠加到网页背景上。
如果换成 Wave 生成器,同样的参数名含义一致,但 Interpolation 和 Direction 会明显影响波形走向,需要单独再调。
导出前检查
页面提供 Download SVG / PNG 两种格式,画布默认显示为 3:2 900 x 600,并带 Variants 随机变体功能。导出前确认:
- 尺寸比例是否符合目标平台(头图、壁纸、海报比例不同)。
- 是否需要透明背景(选 PNG 时尤其注意)。
- 参数是否已固定——点击 Variants 会随机重排参数,可能覆盖你调好的设置。
参数本身没有"正确值",只有是否符合你的使用场景。理解每个参数控制的是哪一层视觉属性,比记住某个具体数值更有用。