AI剧本杀对局全流程界面设计报告
一、项目基础说明
适用范围：游戏对局全过程界面，包含待机对局主界面、剧本阅读界面、线索道具总览界面、线索道具单独详情界面、单人/多人实时聊天界面。
设计依据：完全参照我方已成型大厅界面、个人中心视觉基底。
核心要求：所有界面风格统一、色彩统一、控件统一、交互逻辑统一。
二、全局固定视觉规范
1）整体美术风格
复古写实侦探卷宗风、密室推理沉浸质感；低饱和高级暗调基底，搭配旧纸张肌理、实木纹理、轻微做旧磨边工艺；无二次元、无卡通柔光、无鲜艳高光，全程贴合档案室/老卷宗/复古书桌沉浸氛围感。
2）全局通用硬性交互规则
① 对局内全部子界面：自动隐藏顶部大导航栏，只保留对局专用轻量控件，强化沉浸感
② 所有可点击模块：头像、卡片、按钮、菜单，统一增加1.05倍轻微按压缩放动效
③ 所有长文本区域：自带顺滑竖向滚动条，关键剧情、关键物证系统自动加粗标重点
④ 全域纹理底图：木纹底+纸张肌理底固定复用，不额外新增复杂背景贴图，降低加载压力
三、五大对局界面逐页详细设计方案
界面1：对局大厅圆桌待命页
对应手绘：P1｜核心定位：玩家开局等待背景介绍、查看在场所有人、快速切功能入口
整体版式：深棕木纹全屏底层背景，视觉中心放置大号椭圆复古实木圆桌，无多余杂乱装饰。
顶部区域：固定四栏分页标签，依次为【角色档案｜背景｜线索道具｜对局投票】；选中态暖金色文字+暖金底线高亮，未选中深棕低调显示。
中部核心区：圆桌外圈环形均匀排布全部在场玩家+AI角色头像框；头像框统一复古圆角卡片样式；人数2–6人前端自动适配环形点位，自动排版不重叠。
底部操作栏：靠近玩家这一侧桌面上放置一个可交互的物体（可以是一本书或者一张牛皮纸），用于触发个人专属剧本默读界面。
界面2：个人专属剧本默读页
对应手绘：P2｜核心定位：只读个人剧本，沉浸式看本，不被打扰
整体版式：全屏覆叠旧纸张纹理面板，模拟真实摊开的复古牛皮纸剧本本册质感。
左上角控件：两枚极简线性功能图标，分别为【侧边菜单｜退出返回待机界面】。
中间主体区：整本剧本正文竖向顺滑滚动排版；段落间距舒适、字号合适；所有本局关键时间线、关键隐秘身份、关键伏笔句子，系统自动加粗加深，方便玩家快速抓重点；文本中存在对应的关键性线索、道具，系统自动标红加粗。
交互逻辑：点击左上角退出，立即无损切回圆桌待机界面；阅读全程屏蔽无关消息弹窗，防剧透防打扰。
界面3：全部物证一键归集页
对应手绘：P3｜核心定位：本局所有线索、道具、物证统一收纳集中查看
整体版式：仿复古档案册翻开样式，底纹延续全局米黄旧纸张肌理，风格完全统一。
左上角控件：固定【返回上一级｜全局筛选菜单】两个线性图标，和剧本页图标视觉同款同源。
中间陈列区：网格整齐排布暗红色标准线索卡片；每张卡片统一带低调问号标识+线索简短命名；卡片自带做旧边角、轻微阴影，质感统一；支持左右滑动分页、上下滚动翻批。
交互逻辑：任意单张卡片点击即跳转「线索单独精读界面」；支持按公共线索/私人道具快速分类筛选。
界面4：物证深度查看页
对应手绘：P3延伸｜核心定位：放大看清物证细节、完整阅读物证描述
左侧大图区：单张线索卡片放大展示，暗红底色+旧纸纹理+复古别针装饰；完整显示物证图片、物证全称、完整文字说明、获取来源标注。
右侧列表区：竖向紧凑排列本局全部线索缩略小卡片；当前正在查看的这条，自动暖金色边框高亮锁定。
交互逻辑：点击右侧任意小卡片，左侧实时无缝切换详情；支持上下滑动快速批量切线索；看完点返回直接回到线索总览合集页。
界面5：对局社交沟通页
对应手绘：P4｜核心定位：公聊盘逻辑、私聊对暗号、快捷分享线索物证
左侧聊天主区：米黄纸张底纹承载会话气泡；我方发言暖金气泡、他人/AI发言深棕气泡；气泡圆角柔和、间距舒适；历史记录支持下拉加载更早记录。
右侧快捷工具区：竖向排布本局常用线索小卡片；玩家可一键选中、一键快捷推送发送到聊天栏，不用手动复制。
底部输入栏：复古纸张质感输入框+标准暖金发送按钮；文字自动限长，超长自动分段，避免气泡变形溢出。
模式切换：支持一键切换【多人公共全员聊天｜指定玩家单人私密私聊】，入口清晰不混淆。
四、前端开发专项落地要点
头像动态适配：圆桌待机页人数待定，前端自动计算环形坐标排布头像，无需手动固定点位。
聊天性能优化：单条发言强制字数限流，超长自动截断分段；聊天本地缓存最近50条，下拉增量加载，不卡顿、不重载全量数据。
剧本渲染方案：使用富文本轻量化渲染，支持加粗、高亮、分段分页，不使用重型加载组件，保证低配设备也流畅读本。
卡片组件全局复用：所有线索卡、头像框、功能按钮全部封装公共组件，一页写好、五页通用，减少重复代码，方便后期迭代改色改版。
沉浸式体验兜底：对局内子界面一律隐藏顶部大导航，只保留对局必要控件，降低视觉干扰，提升推理沉浸感。