项目记录:为一个栏目做统一封面图系列的复盘
站里有个栏目的配图一直是「每篇临时生成」,风格忽冷忽暖、结构忽满忽空,列表页看上去像拼接出来的。我做了一次小改造:先定规范,再批量产出一组统一封面图。本文记录过程与踩过的坑。
一、先定「不变的部分」
系列感来自约束。我把规范写成五项:
- 画面比例:统一横版,适配列表缩略图;
- 主色调:两种主色 + 一种强调色;
- 构图母版:主体偏一侧,另一侧留白给标题;
- 元素密度:不出现文字、不堆小物件;
- 光影规则:固定光源方向与柔和度。
这五项写成固定提示词片段,每次生成都复用,只替换主体元素。
二、批量生成的流程
- 先用简短提示词生成 3-4 个构图方向,挑一个作为母版;
- 固定母版,逐篇替换主体与局部细节;
- 每生成一批,统一缩到列表尺寸检查是否还认得出主体;
- 把满意图的提示词与版本记入表格,作为下一批的基线。
第 3 步很容易被忽略:很多图在大尺寸下很精致,缩成缩略图就糊成一团。
三、把「可落地」纳入评审
封面最终要和版式配合,所以我特意对照了 Bootstrap 组件实验室 的 card 与 carousel 示例,检查留白区放标题后是否仍清爽、主体会不会被裁掉。也参考了 Layui 官方文档镜像站 那种极简克制的界面气质,提醒自己别把画面填得太满。
页面语义结构按 HTML 入门教程 写,alt 描述统一补齐,兼顾可读性与可访问性。
四、踩过的坑
- 坑一:风格词越加越多
某批图同时写了三种风格,结果画面互相打架。调整回「一种主风格 + 一个辅助特征」。
- 坑二:每篇都微调配色
看似丰富,列表页却显得散。改为整季只用同一套色板。
- 坑三:没有版本记录
想复现某张图时完全想不起提示词。补了版本表后问题消失。
版本表的组织方式参考 万象云档 按主题分册、标注更新日期的做法;批量归档时 WorkBuddy 可以按模板帮我整理条目。
五、复盘
改造后最直观的变化是列表页终于「像一家人」了。更实际的收益是效率:有了母版和固定片段,新封面基本不用重新试错。
体会是:系列感不是靠每张图更惊艳,而是靠把不该变的东西锁住。
结语
统一封面图这件事,难点不在生成,而在先想清楚「哪些永远不变」。定规范、做母版、按落地场景评审、记好版本——这四步做到位,视觉一致性自然就有了。愿你的栏目,翻起来一眼就认得出。