Background
品牌站需要大量重复性装饰元素,设计师画一整套要一整天,但页面里实际只用几处。而直接让模型出位图,放到页面上会模糊、改色也麻烦。
Approach
- 01
生成矢量而不是位图
让模型输出 SVG 路径描述,再由服务端做语法解析和清洗,保证拿到的是可编辑、可换色的矢量文件。
- 02
色彩在生成后统一替换
生成阶段不纠结颜色,产出后用品牌色板批量替换 fill/stroke,风格一致性由代码保证,而不是靠提示词祈祷。
- 03
保留模板回退路径
预置几套参数化几何模板,模型输出不合法时直接回退到模板生成,保证功能永远有结果。
Challenges
生成的 SVG 经常结构不合法
路径自相交、标签未闭合、坐标越界,直接渲染会出现断裂图形。
服务端做 XML 解析 + 路径合法性检查,非法样本直接丢弃并回退模板,不把坏数据丢给前端。