汽车智能直播运营系统 — 原型设计交付

面向汽车品牌、代运营公司、经销商集团的多租户 SaaS 直播运营管理平台。覆盖智能策划、短视频创意、直播监控、数据大盘、线索管理全链路闭环。本页面为 10 个高保真原型的统一入口,点击任意卡片可进入对应页面。

页面总数10
设计系统Linear + Stripe + Vercel
质量审查8/8 PASS
版本V1.0
导航模块覆盖
9/ 10
交互功能
15
设计令牌
40+
零外部依赖
100%

原型页面

工作台
今日直播任务、待办审批提醒、告警通知、4 项关键指标速览含迷你趋势线
仪表盘首页
项目管理
项目卡片网格、筛选栏、品牌色标、月度场次/留资/消耗统计、团队头像
列表页卡片网格
智能策划向导
6 步完整交互式向导:选项目→选场景(含置景参考图)→选车型→选模板→AI 多方案生成→编辑提交
核心交互多步骤AI 生成
短视频创意
AI 短视频脚本生成、创意素材管理(视频/图片/音频)、AI 视频生成工具对接(可灵/即梦/Runway)
核心功能AI 生成素材库
直播监控看板
四区域同屏:实时指标区 + 异常告警区 + Rundown 垂直时间轴执行区 + 数据录入区。直播中绿色脉冲动画
核心交互实时看板四区同屏
复盘报告详情
10 项指标卡片矩阵 + 环节归因 SVG 折线图(Rundown 节点竖线标注 + 峰值/低谷 callout + 图例)
数据报告归因分析
线索管理
5 项状态汇总卡片 + 5 维筛选栏 + 8 行线索数据表格 + 分页。意向等级标签、跟进状态流转
列表页表格
基础数据 — 车型库
Tab 切换(车型库/话术库含爆款特征标签/平台模板)+ 筛选栏 + 车型卡片网格
管理页Tab
系统设置
左侧 7 项 Tab 导航 + 成员表格 + 投放红线配置 + AI 工具对接(脚本引擎/视频生成/话术优化)+ 租户信息
设置页权限
消息中心
告警通知 + 审批通知 + 任务通知 + 系统消息,左侧分类筛选 + 消息列表 + 批量操作 + 分页
通知页消息

设计系统

色彩令牌

主色 Primary#3468FF
侧栏 Sidebar#1F2329
内容区 Background#F7F8FA
成功 Success#16A34A
警告 Warning#F08F2D
危险 Danger#DC2626

排版令牌

页面标题 20px / 700
汽车智能直播运营系统
区域标题 16px / 600
今日直播任务
正文 14px / 400
选择本场要讲解的车型,最多 3 款
辅助文字 12px / 400
提示:策划案提交后需运营负责人审批
数据数字 28px / 700 tabular-nums
12,580

布局令牌

侧栏宽度240px fixed
顶栏高度56px sticky
内容区内边距24px
基准宽度1440px / min 1280px

组件规范

卡片8px 圆角 / 1px 边框 / 无阴影
按钮高 32px / 13px / padding 0 16px
表格行高 44px / 表头 #F1F4F9
标签22px 高 / 12px 字 / 4px 圆角
表单focus 2px 蓝色光环