Files
sionrui/frontend/doc/readme.md
2025-11-10 00:59:40 +08:00

7.4 KiB
Raw Blame History

金牌内容大师软件页面结构

整体布局

  • 顶部导航(深灰):左侧 Logo紫底白“逗”字 + 文案),右侧通知铃铛(红点数)、用户头像、主题切换
  • 一级模块导航(横向 Tab/菜单):
    • 内容风格分析(含 对标分析|文案创作)
    • 热点趋势分析(含 热度分析|热点预测|文案创作)
    • 数字人(含 声音训练|生成配音|生成数字人)
    • 实时热点推送
    • 素材混剪
    • 剪映导入
    • 购买会员优惠标签推广赚钱HOT 标签)|帮助|下载
  • 主内容区(白色背景):按选中模块展示对应子模块页面
  • 底部信息可选版本号、API 状态、版权提示

模块与子模块页面结构

模块一:内容风格分析

  1. 子模块:对标分析
  • 顶部:标题“对标分析” + 简介 + 帮助入口
  • 操作面板(左侧卡片):
    • 链接输入区:平台选择单选(抖音|小红书)+ 主页/视频链接输入框
    • 筛选项:点赞/收藏/评论范围、多选标签、时间范围、数量上限
    • 执行按钮:开始分析(主色)、清空、示例一键填充
  • 结果区(右侧/下方):
    • 概览卡片:账号画像、样本量、时间窗口
    • 结构分析卡片:标题结构要素、镜头/段落结构、开场/转场/收束模式
    • 关键词统计:词云 + 频次表格
    • 情绪倾向:柱状/雷达图(正/负/中性 + 情绪强度)
    • 文本质量检测:错别字、语法、可读性评分
    • 导出区:生成 Word 报告(含目录/图表/表格)、复制结论摘要
    • 扩展卡片:风格特征提示词(结构模式、表达方式、比喻/设问等)
  1. 子模块:文案创作
  • 顶部:标题“文案创作” + 风格来源选择(对标分析结果/手动配置)
  • 左侧:创作参数卡片
    • 主题/选题输入、受众画像、平台体裁(短视频/图文)、字数与段落数
    • 风格特征(从对标分析继承或手动选择):语气、句式密度、金句频率、节奏
    • 约束:禁用词、合规提醒、敏感词检测
    • 生成按钮:生成文案(可多样本)
  • 右侧:结果编辑器
    • 多样本标签页切换、评分与重写、段落级润色与扩写
    • 结构优化建议面板共享逻辑标题建议、开头抓取点、转场优化、CTA 变体
    • 导出:复制、保存为草稿、导出 Markdown/Word

模块二:热点趋势分析

  1. 子模块:热度分析
  • 顶部:标题“热度分析” + 数据源指示(官方 API第三方
  • 左侧:关键词与订阅
    • 关键词输入(支持多个),平台选择,时间窗口,频率(实时/每日)
    • 订阅开关:关注话题变化通知
    • 查询按钮
  • 右侧:趋势看板
    • 热度折线/面积图(支持对比多个关键词)
    • 相关话题分布(词云/桑基/气泡图)
    • 榜单列表(热度值、涨跌幅、来源、时间)
    • 个性化推荐(可选):基于历史偏好推荐相近话题
    • 竞品分析(可选):同类内容的表现对比与优化方向
    • 导出:趋势报告 PDF/图片、订阅保存
  1. 子模块:热点预测
  • 顶部:标题“热点预测” + 更新频率 + 最近同步时间
  • 左侧:数据设置
    • 平台榜单选择、历史维度、预测周期、预测方法(可选)
    • 执行按钮:计算预测
  • 右侧:预测结果
    • 趋势外推曲线与置信区间
    • 上升/下降话题榜卡片
    • 风险提示与置信度标注
    • 原创建议(核心扩展):基于趋势给出选题与角度建议,一键跳转“文案创作”
  1. 子模块:文案创作(与模块一共享逻辑)
  • 入口参数预填:来自热度分析/热点预测的关键词与角度
  • 结果编辑器同模块一,增加“热点引用标注”与“数据出处注记”

模块三:数字人

  1. 子模块:声音训练
  • 左侧:样本上传
    • 上传语音样本(数量/时长提示)、采样率与格式要求、合法性合规弹窗
    • 训练参数:噪声抑制、音域范围、情感维度
    • 提交训练按钮
  • 右侧:训练进度与质量
    • 进度条、阶段日志、预计完成时间
    • 质量检测结果:信噪比、清晰度、稳定性评分
    • 优化建议卡片
  1. 子模块:生成配音
  • 左侧:文本输入与语气控制
    • 文案输入(或从“文案创作”选择)、说话速度、停连、情感标签
    • 说话人(训练好的声线列表)、发音词典(可选)
    • 生成按钮 + 批量生成
  • 右侧:音频预览与管理
    • 播放、片段试听、对比 A/B、噪声/呼吸/口型对齐提示
    • 质量检测报告(可选):节奏、情感一致性、清晰度
    • 下载mp3/wav与导出到“剪映导入”
  1. 子模块:生成数字人
  • 左侧:配置
    • 数字人形象选择、背景与模板、脚本来源(文案 + 配音)
    • 表情与动作控制(关键帧/预设)、唇形同步开关
    • 分辨率、时长、字幕选项
    • 生成按钮
  • 右侧:视频预览与任务队列
    • 渲染进度、日志、错误重试
    • 导出mp4mov与推送至“剪映导入”

模块四:实时热点推送

  • 榜单看板:平台切换、实时/小时/日视图
  • 订阅管理:新增/编辑/删除、通知频率、通知方式
  • 趋势联动:一键进入“热点预测”分析

模块五:素材混剪

  • 左侧:文案拆解
    • 从“文案创作”选择文案,自动分段(镜头/语义)
    • 段落卡片:时长建议、情绪标签、镜头类型
  • 右侧:素材匹配与时间线
    • 素材库搜索(标签/颜色/场景/人物AI 推荐位
    • 画布与时间线:轨道(视频/音频/字幕),吸附与对齐
    • 一键组合:按模版快速生成初版
    • 导出到“剪映导入”

模块六:剪映导入

  • 导入项选择:文案、字幕文件、配音音频、数字人视频、混剪工程
  • 格式兼容提示:编码、帧率、分辨率、自适配策略
  • 一键导入:生成剪映工程文件/素材包,打开路径/直接启动剪映(可选)

设计要点(模块化增强)

  • 色彩:紫色主色、深灰导航、白色内容区;状态色区分任务与错误
  • 图标:模块与子模块使用语义明确图标,功能与结果分区清晰
  • 交互:双栏布局优先(左操作右结果/预览),异步任务显著进度提示
  • 信息层次:概览 > 关键图表/卡片 > 详细表格/日志
  • 模块联动:子模块间保留“送往/引入”操作(如趋势 → 文案、文案 → 配音/数字人、生成项 → 剪映)
  • 合规与提示:上传/生成环节均有合规提醒与风险提示,不展示原始受版权保护内容

技术实现提示词

  • 前端Vue.js + Vite + Tailwind CSS组件化导航、表格、图表、上传、时间线
  • 状态管理:用户信息、通知数量、主题、任务队列、订阅配置
  • 图表:折线/面积/柱状/雷达/词云ECharts 或 Chart.js
  • 文件:音视频上传与转码进度、任务轮询、失败重试
  • API 接口:模块化设计,参数入参与结构化响应,跨模块数据传递(如选题、风格特征、音视频产物)
  • 导出Word/PDF 报告、媒体文件、剪映工程/素材包

工作流快捷入口(横向步骤条)

  • 对标分析 → 文案创作 → 生成配音/数字人 → 素材混剪 → 剪映导入
  • 每步显示完成状态与产物摘要,支持回溯与替换