# 第二部分:产品形态 > **本章目标:** 让你看到用户眼中的平台长什么样,如何操作。 > --- ## 用户界面描述 ### 主界面布局 **与传统界面的区别:** 传统码字软件: ``` [菜单栏] [工具栏] [文档区] [侧边栏] ↓ ↓ ↓ ↓ 按钮 按钮 打字 设置 ``` **我们的平台:** ``` [个人人格体 - 圆形头像] ↓ “你好,小红!今天想写什么?” ↓ [对话输入框] ← 用户直接说话 ↓ [工作区域] ← 人格体带你跳转 ``` **核心理念:** 不是点击按钮,而是**和人格体对话** --- ### 界面细节 #### 1. 首页 **用户看到的:** ``` ┌───────────────────────────────────┐ │ 👤 小红的创作空间 │ ├───────────────────────────────────┤ │ │ │ 🤖 [你的AI助手“小光”] │ │ │ │ “早上好!今天想继续写《爱上总裁》 │ │ 的第8章,还是开始新的作品?” │ │ │ ├───────────────────────────────────┤ │ │ │ 💬 [你的回复...] │ │ │ └───────────────────────────────────┘ ``` **用户体验:** - 不需要点击任何按钮 - 直接和“小光”对话 - 小光记得你上次写到哪里 --- #### 2. 写作界面 **用户看到的:** ``` ┌──────────────────────────────────────────────────┐ │ 《爱上总裁》- 第8章 │ │ 字数:2567 / 3000 🟢 已保存 │ ├──────────────────────────────────────────────────┤ │ │ │ [正文编辑区] │ │ │ │ “林娇娇推开办公室的门,看到陈总裁正在......” │ │ │ ├──────────────────────────────────────────────────┤ │ 🤖 小光:“这段对话有点平,要不要加些内心戏?” │ │ │ │ 🔧 AI工具栏: │ │ [灵感生成] [内容扩写] [风格优化] [语法检查] │ │ │ └──────────────────────────────────────────────────┘ ``` **重点特性:** ✅ **小光实时建议** - 不用问,他会主动提醒 ✅ **AI工具集成** - 所有工具通过平台调用 ✅ **自动记录** - 每次AI使用都自动留痕 --- ## 完整操作流程 ### 场景1:作者小红的一天 #### 步骤1:登录平台 **操作:** 打开平台,输入账号密码 **看到的:** ``` 🤖 小光:“早上好,小红!今天是1月22日,你上次写到《爱上总裁》第7章,进度是85%。今天想继续吗?” ``` **背后发生的:** - 小光从永久记忆中加载小红的书籍信息 - 计算上次写作时间(昨天) - 预测今天的写作意图 --- #### 步骤2:开始写作 **小红输入:** “继续写第7章” **小光回复:** “好的!我已经打开了第7章的文档。上次写到‘林娇娇发现陈总裁的秘密’,记得吧?” **界面变化:** - 自动打开第7章文档 - 光标定位到上次停下的位置 - 左侧显示大纲提示 **背后发生的:** - Notion API调用,读取第7章文档 - 小光检索上次的写作记录 - 提取关键信息提醒用户 --- #### 步骤3:使用AI工具 **小红写了一段:** > “林娇娇推开办公室的门,看到陈总裁正在打电话。” > **小光提醒:** “这里可以加些内心戏和环境描写,让画面更丰富。要不要我帮你扩写一下?” **小红点击:** [内容扩写] **系统操作:** 1. **调用ChatGPT API** ``` 输入:“林娇娇推开办公室的门...” 输出:扩写后的段落(约200字) ``` 2. **自动记录** ``` 时间:2026-01-22 09:35 工具:ChatGPT-4 功能:内容扩写 输入字数:24字 输出字数:198字 人工修改:小红改了50字 ``` 3. **生成评估** ``` AI生成比例:75%(198/264) 人工创作:25% ``` **小红看到的:** - 扩写后的段落显示在编辑器 - 右侧有个小标签:“🤖AI扩写” --- #### 步骤4:完成章节 **小红写完了3000字** **小光提醒:** “恭喜你,第7章完成了!3027字。我帮你生成了AI使用评价表,要不要看一下?” **小红点击:** [查看AI评价表] **看到的报告:** ``` ┌─────────────────────────────────┐ │ 📊 AI使用评价表 - 第7章 │ ├─────────────────────────────────┤ │ │ │ 总字数:3027字 │ │ │ │ 原创内容:2100字(69.4%) │ │ AI辅助后人工精修:750字(24.8%) │ │ AI直接生成:177字(5.8%) │ │ │ │ **综合评级:B级(AI辅助)** │ │ │ └─────────────────────────────────┘ ``` **小红的反应:** “很好,这个我可以给编辑看,证明我主要是原创!” --- #### 步骤5:提交审核 **小红输入:** “把第7章提交给七猫的李编辑审核” **小光操作:** 1. 打包章节内容 2. 附上AI使用评价表 3. 发送给李编辑 **小光确认:** “已经提交给李编辑了,他应该会在24小时内审核完毕。我会提醒你的!” --- ### 场景2:编辑李编辑的一天 #### 步骤1:登录平台 **李编辑的AI助手“小章”:** ``` 🤖 小章:“早上好,李编辑!昨晚有新稿提交,我已经按照你的标准初筛过了。 共有50篇新稿: - 👍 推荐阅读:12篇(AI使用合理、质量优秀) - ⚠️ 需要注意:8篇(质量尚可,但有些问题) - ❌ 已打回:30篇(AI过度或质量太差) 今天想先看哪一类?” ``` **李编辑的反应:** “哇,太好了!直接帮我过滤了30篇,我只需要看20篇。先看推荐的吧。” --- #### 步骤2:审核稿件 **小章打开第一篇:** 小红的《爱上总裁》第7章 **李编辑看到的:** ``` ┌──────────────────────────────────────────┐ │ 作者:小红 │ │ 作品:《爱上总裁》第7章 │ │ 字数:3027字 │ ├──────────────────────────────────────────┤ │ 🤖 AI使用情况 │ │ │ │ 原创:69.4% 🟢🟢🟢🟢🟢🟢🟢▫️▫️▫️ │ │ AI辅助:24.8% 🟡🟡▫️▫️▫️▫️▫️▫️▫️▫️ │ │ AI生成:5.8% 🔴▫️▫️▫️▫️▫️▫️▫️▫️▫️ │ │ │ │ **综合评级:B级(AI辅助)** │ ├──────────────────────────────────────────┤ │ [阅读正文] [查看AI使用明细] [审核操作] │ └──────────────────────────────────────────┘ ``` **李编辑的反应:** “非常好!AI使用很合理,主要是原创。我阅读一下正文。” (阅读后) **李编辑操作:** 点击[审核操作] → 选择[通过] **系统记录:** ``` 审核记录: - 编辑:李编辑(编号:ED-7M-001) - 时间:2026-01-22 10:25 - 结果:通过 - 评分:85分 - 签名:[ED-7M-001的数字签名] ``` **小红收到通知:** “🎉 恭喜!你的第7章已经通过李编辑的审核!” --- ## 真实使用场景 ### 场景3:跨平台合作 **背景:** 番茄和七猫联合招募一部女频现代言情定制书 #### 番茄运营发布需求 **操作:** 在平台“公开招募区”发布 ``` ┌────────────────────────────────────────┐ │ 📢 定制书招募 │ ├────────────────────────────────────────┤ │ │ │ 发布方:番茄 + 七猫联合发布 │ │ 题材:总裁文 │ │ 字数:80万字 │ │ 稿酬:15万元 │ │ │ │ 要求: │ │ - 信誉分>80分 │ │ - 有总裁文成功经验 │ │ - 接受AI辅助创作(<30%) │ │ │ │ [立即申请] │ └────────────────────────────────────────┘ ``` #### 作者小红申请 **小红点击:** [立即申请] **系统检查:** - 信誉分:85分 ✅ - 有总裁文经验:有(《爱上总裁》数据良好)✅ - AI使用比例:平均24.8% ✅ **系统推送:** 自动将小红的申请发送给番茄和七猫的编辑 --- ## 技术实现概述 ### 前端界面 **技术栈:** - React 18(组件化开发) - Tailwind CSS(样式) - ShadcnUI(基础组件) **核心组件:** 1. 对话组件(和人格体聊天) 2. 编辑器组件(富文本编辑) 3. AI评价表组件(可视化展示) ### 后端服务 **技术栈:** - Node.js + Express - Notion API(数据存储) - OpenAI API / Anthropic API **核心服务:** 1. 人格体服务(处理对话) 2. AI工具代理(记录使用) 3. 审核服务(流程管理) --- **总结:这不是一个复杂的界面,而是一个像和朋友聊天一样简单的平台。**