从版面用途倒推生成器和画幅
Haikei 不是只生成随机色块，它把波浪、阶梯、峰形、散点和低多边形等结构拆成独立工具。网页横向分隔适合宽画布和较低复杂度，手机海报则应先设置竖向比例。先确定容器尺寸，再随机生成，能减少导出后的裁切。
我会先输入项目已有的主色和背景色，只使用一到两个层级。随机按钮用来找构图，不用来代替配色判断。生成满意结果后切换到实际页面背景预览，确认标题、按钮和正文仍有足够对比度。
SVG 适合继续编辑，PNG 适合直接交付
SVG 能无损缩放并在设计软件或代码中改颜色，适合网页和后续迭代；PNG 在不支持矢量的编辑器或社交平台更方便。复杂散点 SVG 也可能包含大量节点，导出后应检查文件体积和渲染性能。
- 先设最终画幅和背景色，再调整图形密度；
- 保留 SVG 源文件，同时导出一份交付 PNG；
- 在文字叠加区降低细节，保证阅读清晰；
- 网页使用前压缩 SVG 并检查移动端裁切。
生成图形最好成为配角而不是抢占内容
波浪和渐变很容易做出视觉冲击，也容易让每个页面都像同一套模板。让形状呼应信息层级，例如只在章节边界、封面或重点区域出现，比铺满整页更耐看。背景的对比度和运动感都应低于正文。
需要图标和插画主体时，可到 SVG Repo 查找有明确许可的素材；需要流程结构则使用 diagrams.net。Haikei 更擅长生成背景与抽象构成，不适合承担信息图内容。
导出后检查代码和使用许可
把 SVG 放入网站前，用文本编辑器或优化器检查宽高、viewBox 和不必要的元数据。若作为 CSS 背景，还要确认在超宽屏和窄屏上的定位。视觉看起来正确之外，稳定尺寸能减少页面加载时的跳动。
Haikei 页面说明可免费开始且无需注册，具体商用和服务条款仍以当时官网为准。项目文件中记录生成日期、颜色和用途，后续品牌调整时能从源文件修改，不必重新依赖随机结果寻找相似图案。
