freedak
f7a720204a
- 移除 GovAI, nomifun-tauri, 算力盒子 的 submodule 引用 - 添加所有子项目的完整源代码 - 保留原始 .git 为 .git.bak 备份
86 lines
4.6 KiB
Markdown
86 lines
4.6 KiB
Markdown
# 法智通宣传片 · 设计系统（frame.md）
|
||
|
||
> 政法行业 AI 平台宣传片视觉语言。基调：权威、安全、庄重。
|
||
> 与产品真实 UI（深色专业界面）一致，避免轻浮的消费级动效。
|
||
|
||
## 1. 画幅与节奏
|
||
|
||
- 画幅：16:9，1920×1080（官网/汇报场景横屏）
|
||
- 时长目标：60–75s（mid）
|
||
- 节奏：稳。镜头切换克制，转场以「推进/叠化」为主，禁止花哨弹跳
|
||
- 配音：中文，正式播报语速（约 4.5 字/秒）→ 65s 约 290 字
|
||
|
||
## 2. 配色（政务风：深蓝 + 金 + 警示红）
|
||
|
||
| 角色 | 变量 | 色值 | 用途 |
|
||
| ----------- | --------------- | ----------- | ---------------------------- |
|
||
| 背景主色 | `--bg-deep` | `#0A1A33` | 深海蓝，全片底色 |
|
||
| 背景次色 | `--bg-panel` | `#10243F` | 卡片/面板底 |
|
||
| 主品牌蓝 | `--brand-blue` | `#1E5BC6` | 主按钮、高亮线、进度 |
|
||
| 权威金 | `--gold` | `#D4A437` | 标题点缀、强调、徽章 |
|
||
| 警示红 | `--seal-red` | `#C0392B` | 「安全/涉密」相关强调（克制）|
|
||
| 主文字 | `--text-hi` | `#F2F6FC` | 标题、主文案 |
|
||
| 次文字 | `--text-lo` | `#9DB2CE` | 注释、副标题 |
|
||
| 分隔/描边 | `--line` | `#2A436B` | 边框、网格线 |
|
||
|
||
> 注：警示红仅用于「数据不出域 / 内外网隔离」这一安全主线的关键强调，
|
||
> 全片出现不超过 2–3 次，避免削弱庄重感。
|
||
|
||
## 3. 字体
|
||
|
||
- 中文标题：思源黑体 / 系统 `"PingFang SC", "Source Han Sans SC"`，Bold
|
||
- 中文正文：同上 Regular/Medium
|
||
- 数字与英文：`"DIN Alternate", "Helvetica Neue"`，用于数据/版本号
|
||
- 字号梯度（1080p 基准）：
|
||
- 主标题 H1：72–96px
|
||
- 分镜标题 H2：48–56px
|
||
- 正文/字幕：32–36px
|
||
- 注释：24px
|
||
|
||
## 4. 动效语言（GSAP）
|
||
|
||
- 入场：`y: 24 → 0`，`opacity: 0 → 1`，`duration 0.6`，`ease: power2.out`
|
||
- 强调：金色下划线由左至右擦出（`scaleX 0 → 1`，`transformOrigin left`）
|
||
- 转场：整屏向左推进（`x` 位移）或叠化（`opacity`），时长 0.5–0.8
|
||
- 数据：数字 count-up（确定性，不用随机）
|
||
- 禁止：弹跳 `back.out` 过冲、旋转入场、霓虹辉光
|
||
|
||
## 5. 字幕规范
|
||
|
||
- 位置：底部安全区，距底 80px
|
||
- 样式：半透明深色衬底条 `rgba(8,18,36,0.72)` + 主文字白
|
||
- 每屏 ≤ 18 字，与配音分句对齐
|
||
|
||
## 6. 素材映射（assets/capture/）
|
||
|
||
| 文件 | 内容 | 用于分镜 |
|
||
| -------------------- | -------------- | ---------------------- |
|
||
| `architecture.png` | 平台架构图 | S2 安全架构 / 数据不出域 |
|
||
| `00_login.png` | 登录认证 | S2 多级权限 |
|
||
| `01_store.png` | AI 应用中心 | S3 应用即插即用（主视觉）|
|
||
| `02_dashboard.png` | 仪表盘 | S6 管理后台治理 |
|
||
| `03_analytics.png` | 用量分析 | S6 用量管控 |
|
||
| `04_create.png` | 创建应用 | S3 应用全生命周期 |
|
||
| `05_knowledge.png` | 知识库 | S4 自建 RAG 知识库 |
|
||
| `06_apps.png` | 应用管理 | S3 数十款政法应用 |
|
||
| `07_users.png` | 人员管理 | S6 人员治理 |
|
||
| `08_overview.png` | 平台总览 | S6 数据总览 |
|
||
| `09_chat.png` | 智能对话 | S3 法规问答 |
|
||
| `10_models.png` | 模型管理 | S2 国产模型本地化 |
|
||
| `11_audit.png` | 审计日志 | S2 全量审计可追溯 |
|
||
|
||
## 7. 全片结构（五大优势主线 + 头尾）
|
||
|
||
```
|
||
S1 开场 法治日报权威背书 → 法智通 logo 亮相 ~8s
|
||
S2 优势一 安全第一·数据不出域·内外网物理隔离 ~14s ← 主线最重
|
||
S3 优势三 政法专业沉淀·应用即插即用 ~12s
|
||
S4 优势四 自建知识库·AI 通晓"本地法" ~10s
|
||
S5 优势五 一键生成汇报材料·提质增效 ~10s
|
||
S6 优势二 独立部署·开箱即用 + 管理后台治理闭环 ~10s
|
||
S7 收尾 标语 + 网址 gov.opc8ai.com + 出品方 ~8s
|
||
合计 ~72s
|
||
```
|
||
|
||
> 叙事顺序刻意把「优势二·独立部署」后置到 S6，与管理后台治理合并，
|
||
> 让「安全」作为开场强钩、「交付落地」作为收束，形成 安全→能力→落地 的逻辑闭环。 |