07分寸 Cuence 最近更新 · 2 个月前 返回作品目录 返回
特稿 · 产品设计 · cue

分寸 Cuence

谈判和冲突现场的实时提词 App

内测闭源未定AI 原生移动 App

分寸戴在冲突、谈判这类高压对话里:听双方在说什么,对照你事先设好的目标,半屏给出下一句可说的话。你边看边说,不是事后复盘。

客户端 Flutter;听写与话术在 Go 网关和 Python Worker 上跑。截图来自产品原型里的主界面与复盘页示意。

界面
2 帧
代码
15,483
信号
80
提交
0
DartPythonGoCSSFastAPIPostgreSQLPydantic
图版 07 · 分寸 两把椅子,中间一把卡尺
界面讲义 · 2 帧

界面

01 1 / 2

首页氛围

分寸首页的视觉基调:水彩绘制的山湖营地——蓝天、雪峰、森林与湖畔帐篷,暖色晨光从云隙漏下来。不是功能截图,而是给「高压对话现场」配的一屏呼吸感:用户打开 App 前先稳住情绪,再进入听写与提词。

插画占满竖屏 Hero,下方才接文案与操作。营地、帐篷、远山形成三层景深,和分寸「先看清局面、再开口」的产品节奏一致。薄荷绿湖水与品牌色呼应,但画面主体仍是自然场景,避免做成冷冰冰的聊天 UI mockup。

截图来自 Flutter 原型里的首页 Hero 资源(`home_hero_illu` 方向)。正式产品上半屏仍是实时听写与话术卡片,这帧交代的是外壳气质与情绪定位。

分寸 Cuence · 首页氛围
02 2 / 2

复盘氛围

复盘 Tab 独立的 Hero 插画,和首页纯风景区分开。薄荷绿天空、金色声波曲线贯穿画面,两侧浮着描边对话气泡,点缀星芒——直接呼应「谈完之后回看这一场说了什么、情绪怎么走」。

声波从左下蜿蜒向右上传,中间段落切成频谱柱,像把整场对话压成一条可扫的视觉线。云层与丘陵垫底,保持治愈感,但信息隐喻从「露营休息」换成「沟通复盘」,用户一切 Tab 就能感到场景切换。

对应原型里的 `report_hero_illu`,与复盘页上的转写时间轴、话术采纳率、情绪曲线等数据层叠在一起使用。这帧只展示氛围层;功能层是谈完后的结构化回看,不是现场提词。

分寸 Cuence · 复盘氛围
架构与设计 · 2 帧

怎么造的

从源码读出的分层与一处真正独特的设计决策,不是截图复述。

分寸 Cuence · 实时助听链路
系统架构

实时助听链路

Flutter 听音与半屏提词 ↔ Go WebSocket 网关 ↔ Python Worker(ASR / 分轨 / LLM / 安全)↔ Redis 流 + PG(pgvector)。

麦克风进会话态,建议上屏;协作者可远程改目标或覆盖话术。延迟是产品约束,不是附属指标。

分寸 Cuence · 现场半屏提词
亮点设计

现场半屏提词

把高压对话做成 Scenario OS:边听边给下一句可说的话。多人对话按人物轨分色;声纹跨会话后置,MVP 先保证现场可用。

更新备忘

附录 · 72 条中的最近 6 条
2026 年 6 月 6 条

复盘页 Hero 插画:沟通复盘主题

文件**:app/assets/images/report_hero_illu.png、prototype/assets/report_hero_illu.png、app/lib/features/report/screens/report_screen.dart、prototype/screens.js ### 改动 即梦重新生成复盘 Hero:薄荷绿天空 + 声波/对话气泡 + 情绪曲线光带 + 洞察光点,直接呼应会话复盘(转写、话术采纳、情绪走势),与首页纯风景区分。裁切居中偏上展示核心意象。

复盘页 Hero 插画独立换图

修复 Hero 插画误含手机框

Hero 插画:去掉国风,改现代治愈露营风景

Hero 插画:新国风 + 轻微写实 + 唯美

Hero 插画:新国风山水

其他作品