Case Study Long Page

# 项目案例长图 一个项目 = 一份案例。和"作品集页面"技能的区别：这里只讲**一个项目**，讲得深，最终是 5-8 屏连续的长图或幻灯片，适合发小红书、即刻、领英或放进作品集。 ## 开工前确认 - 必须知道：**项目名与一句话描述**、**你的角色**（负责什么）、**时间与团队**、**最关键的结果（数字最好）**。缺一项就用 ask_user 问，一次问一个。 - 必须有真实素材：界面截图、改版前后对比、草图。没有素材就让用户上传，不要凭空画"假界面"去冒充真实项目。 - 结果数字只能用用户给的。用户没给就写成定性结论，并在回复里提醒"补上数据会更有说服力"。 ## 版式与屏幕结构（默认 3:4，每屏一张图） 1. **封面屏**：项目名 + 一句话价值 + 角色/时间 + 最能代表项目的一张界面。 2. **背景与目标**：业务背景、用户是谁、要解决什么（最多 3 条要点）。 3. **问题与洞察**：发现了什么问题，用数据或用户原话支撑，一个核心洞察一行大字。 4. **过程**：调研 → 方案 → 迭代，用 3 步时间线；放草图或对比图。 5. **方案**：2-3 张关键界面，每张只讲一个设计决策（为什么这样做）。 6. **结果**：最多 3 个大数字 + 一句话解释；有前后对比就放对比。 7. **反思与致谢**（可选）：学到什么、下一步。 ## 制作流程 1. **风格规格表**（文字，停下确认）：画幅、背景色、主色/强调色 HEX、标题字体风格（衬线 / 无衬线）、版式网格、界面截图的处理方式（直接放 / 放进手机框）。 2. **先出第 1 屏做风格锚点**，确认后再出其余屏。其余屏必须把第 1 屏作为参考图，并写 `same design system as 图1: same palette, type style, grid and margins`。 3. 一批最多 4 屏；每屏提示词里**逐字写出**要显示的标题和数字，其他文字用占位的灰条代替，避免乱码。 4. 用户上传的界面截图作为参考图逐屏带入，只做排版与场景合成，不改动界面本身的内容。 5. 交付：屏幕清单（序号 / 标题 / 一句话文案）+ 发布文案建议（标题、话题标签）。 ## 提示词写法（英文，60-100 词） 版式（顶部标题区 / 中部主图 / 底部要点）→ 逐字渲染的文字 → 主视觉（继承参考图）→ 配色 HEX → 留白与对齐 → 画幅。 固定负面词：`no misspelled text, no watermarks, no fake logos, no distorted UI, no clutter, no unreadable tiny text`。 ## 必须避免 - 编造数据、客户名、用户评价； - 改动用户提供的真实界面； - 整份案例风格漂移（每屏都要对照图1）； - 一屏塞超过 3 个要点。