AWIKI ME · 桌面端即时聊天 · 三个风格方向

同一套信息架构与交互,三种性格。

导航栏在所有方向里都固定在最左侧:顶部是你的身份,中间是消息、智能体、联系人、任务,设置钉在底部——与桌面端外壳一致,窗口收窄也不会掉到底部。

五个模块 + 身份卡侧栏 授权卡 / 任务进度卡嵌入消息流 设置项会真实生效(紧凑列表、完整 DID) 三个文件共用同一份 example.com 示例数据

A · 墨线

Ink Line

纯白与细线,把界面退到内容之后。适合把 AWiki Me 定位成「工作台」的团队。

  • 56px 图标导航栏,悬停显示名称;蓝色只出现在选中项与主按钮
  • 消息不用气泡:姓名 + 时间一行,正文另起一行,连续消息自动合并
  • 会话列表用横向细线分隔,选中项用一道墨线标记,不加圆角卡片
系统无衬线 · 等宽元数据打开墨线原型

B · 夜航

Night Console

石墨蓝的深色控制台,为长时间盯着智能体工作的人而设。品牌蓝提亮后成为唯一光源。

  • 76px 图标 + 文字导航栏,选中项带微光;Daemon 状态以等宽字显示
  • 气泡保留但收紧圆角;对方气泡带描边,我方气泡为深海蓝
  • 时间、进度、筛选器全部使用等宽字体,像一台安静的仪表
系统无衬线 · JetBrains Mono打开夜航原型

C · 和纸

Paper

直接沿用 Flutter 端的暖白画布与配色,是与现有客户端最一致、最「消息软件」的一版。

  • 224px 宽侧栏带文字标签,顶部是身份卡片,底部是 Daemon 状态与设置
  • 栏目标题与身份卡姓名用衬线字;圆形头像、18px 圆角气泡、圆形发送键
  • 选中会话以白色卡片浮出,其他一律细线与暖白平面(Quiet List)
Iowan / 宋体 + 系统无衬线打开和纸原型

DECISIONS · 逐项对比

哪些地方不同,哪些地方刻意保持一致

维度A · 墨线B · 夜航C · 和纸
左侧导航56px 纯图标,白底细线76px 图标 + 文字,深色底224px 文字侧栏,≤1100px 折叠为图标栏
字体单一系统无衬线(工具型)无衬线 + 大量等宽衬线标题 + 无衬线正文
消息形态平铺线程,无气泡12px 圆角气泡,描边18px 圆角气泡,品牌浅蓝
会话列表横向细线分隔,墨线选中深色行,选中项提亮一档圆角行,选中项白卡浮出
强调色用法选中导航 + 授权卡主按钮选中导航微光 + 授权卡主按钮选中导航 + 授权卡主按钮
保持一致模块顺序、身份卡结构、授权卡「允许本次 / 拒绝」流程、任务进度卡、设置项与断点行为完全相同;发送键统一为墨色,把品牌蓝留给「你在哪里」与「需要你决定」两件事