video-workbench/projects/2026-06-29-搭上AI这条船/slides/s01/s01-v1-design.md

170 lines
5.7 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# S-01 Slide Design V1
## Status
- Status: draft for user review.
- Source page: P01.
- Page title: 搭上 AI 这条船.
- Role: cover page and public-style sample.
- Line: test/audit sample.
- Write policy: append-only; overwrite allowed: no.
- Next gate: user confirms design before brief / prompt / image generation.
## Design Purpose
本页既是封面,也是整套 PPT 的公共视觉样片。它要一次性验证三件事:
1. 统一深蓝黑 AI 航线作战图底板是否成立;
2. “AI 船票 / 上船 / 航线”这个核心隐喻是否一眼能看懂;
3. 封面是否有内部启动会的兴奋感,而不是政府汇报、客户方案或培训课件。
如果本页失败,需要先区分原因:公共底板问题回改 `visual-system/`;封面局部构图问题只改 P01。
## Discussion Summary
用户已确认整套 PPT 采用“整页视觉图为主”,每页底板风格完全统一。公共方向为:
> 统一深蓝黑 AI 航线作战图底盘 + 按页面家族轻微变化母题。
P01 作为第一张样片,优先测试公共底板、标题字、青色 / 金色高亮、航线、雷达、船票与港口远光的组合。
## Visual Concept
画面是一张“上船前的 AI 作战航线图”。
底层是深蓝黑的数字海面 / 航海地图,带有非常克制的网格、坐标线、罗盘刻度和雷达扫描光。画面中有一条青色发光航线从左下或底部暗处出发,穿过画面中心,延伸到右上远方的港口灯光。航线不是旅游路线,而像一条被正式批准的行动路径。
前景需要出现一张抽象“AI 船票”:不做真实纸票,不做复古票据,而是一张带金色边缘、青色数据线、登船编号感的半透明发光卡片。它可以位于画面右下或左下,与主标题错开,不遮挡文字。船票的作用是让“船票已经有了”这个隐喻成立。
整体第一感觉应该是:正式开局、准备上船、路线已经亮起来。
## Image Base Requirements
生成图应该包含:
- 16:9 横版全屏封面。
- 深蓝黑商务底,带 AI 航线作战图质感。
- 一条明确的青色发光航线,从暗处延伸到远处。
- 远处港口 / 灯塔 / 航线终点的微弱暖金光。
- 抽象 AI 船票,金色边缘 + 青色数据纹理。
- 低调雷达扫描圈、罗盘刻度、坐标网格作为背景层。
生成图不需要包含:
- 具体人物。
- 真实船只特写。
- 会议室照片。
- 复杂仪表盘 UI。
- 可交互按钮、卡片堆、SaaS dashboard。
允许少量文字直接进入图中。文字应尽量大、短、清晰。
## Text / Typography Plan
页面文字建议直接进入图中:
主标题:
> 搭上 AI 这条船
副标题:
> AI 智能化客户经营团队启动会
角标小字:
> 内部共识会议 / 启动培训前置会
底部短句:
> 先上船,再学怎么开船。
标题层级:
- 主标题为全页最大文字,放在画面中部偏左或中部偏上。
- `AI` 可以用青色或淡金色强调,但不要做霓虹 cyberpunk。
- 副标题放在主标题下方,字号明显小一档。
- 角标小字放在左上或右上,像内部资料标记。
- 底部短句放在底部安全区,作为收束金句。
如果图像模型中文不够稳定,后续可接受小字轻微错漏;但主标题必须尽量清楚,不能被装饰压住。
## Layout / Safe Areas
建议构图:
- 主标题区域:画面中部偏左,宽度约 55%-65%。
- 航线主方向:从左下 / 下中出发,向右上远方延伸。
- 船票:右下或左下前景,面积约画面 12%-18%,不能抢主标题。
- 港口 / 灯塔远光:右上远方或画面深处,面积小,但要形成“目的地已亮”的感觉。
- 雷达 / 罗盘图层:铺在背景,不要比标题更亮。
- 四周保留边缘安全区,避免标题、角标、底句贴边。
视觉重心顺序:
1. 主标题;
2. 发光航线;
3. 抽象船票;
4. 远方港口光;
5. 雷达 / 罗盘 / 网格细节。
## Color Guidance
基础色:
- 深蓝黑;
- 暗海军蓝;
- 冷灰蓝;
- 近黑。
信号色:
- 青色用于航线、雷达、AI 信号;
- 金色用于船票边缘、机会感、启动感;
- 白色 / 淡蓝白用于标题。
色彩边界:
- 不要大面积紫色渐变。
- 不要亮红金政府风。
- 不要高饱和赛博霓虹。
- 金色只能作为信号和重点,不要让画面变成奢华黑金海报。
## Post-Production Notes
本项目默认接受文字直接烘在图里。若 P01 图像整体气质很好,但文字轻微不稳,后续可以保留图像作为封面底图,再用 PPT 文字层覆盖主标题 / 副标题。此动作属于封面局部修正,不必回改公共视觉系统。
如果出现以下情况,则属于公共视觉问题,需要回改 `visual-system/`
- 底板像 SaaS dashboard而不是 AI 航线作战图;
- 过度 cyberpunk
- 像政府汇报或客户方案;
- 船票 / 航线隐喻不成立;
- 深蓝黑底板压抑但没有开局感。
## Constraints / Avoid
必须避免:
- 具体人物、群体、领导发言照;
- 具象大船、邮轮、海盗船、童话船;
- 可爱卡通船票;
- 旅游广告海面;
- 政府会议封面;
- 客户提案封面;
- 普通科技峰会海报;
- 机器人头像、AI 大脑、芯片脸;
- 文字太多、标题被挤压;
- 大面积纯渐变背景,没有航线 / 雷达 / 罗盘逻辑。
## Confirmation Gate
请检查:
1. 这个封面方向能否作为整套 PPT 的公共视觉样片;
2. “AI 船票 / 正式上船 / 航线已亮”是否一眼成立;
3. 主标题与副标题文案是否按现版本保留;
4. 船票应放右下、左下,还是更靠中心。
确认后再进入 `s01-v1-brief.md`、`s01-v1-prompt.md` 和封面图生成。