黑底、薄荷绿、角色阵列
黑底建立技术氛围,绿色承担 CTA 与能力强调;多个 3D 机器人以职业道具区分角色,让“多 Agent”无需解释即可被看见。
从公开官网、产品界面与官方发布图中,拆解 WorkBuddy、Kimi、ChatGPT、Claude 如何用视觉表达“Agent、能力、可信度与产物”,并转译为红圈 PmWork 的设计方向。
真正值得借鉴的不是某个圆角或某种渐变,而是视觉选择如何服务产品定位。四家都以对话为入口,但对“AI 是什么”的表达完全不同。
WorkBuddy 把 AI 画成团队,Kimi 把 AI 编排成工作系统,ChatGPT 把 AI 扩张为工作操作面,Claude 把 AI 写成思考伙伴。
同一维度放在一起看,才能区分“行业共识”和“品牌特征”。以下颜色与字体来自公开页面采样,产品迭代后可能变化。
| 维度 | WorkBuddy | Kimi K3 | ChatGPT | Claude |
|---|---|---|---|---|
| 品牌命题 | AI 专家团队,强调执行与交付 | 一体化 Agent 工作空间,强调长任务与可编辑交付 | Chat / Work / Codex 分工,强调从提问到完成工作 | 思考伙伴,强调理解、写作与复杂工作 |
| 官网气质 | 游戏化科技、角色化、强营销冲击 | 研究编辑、物理隐喻、案例与数据密集 | 现代编辑、留白极多、内容主导 | 人文编辑、暖纸色、手绘符号 |
| 产品 UI | 左侧能力导航+中央任务入口 | 模型/推理选择+Composer+可编辑产物+持续组件 | Chat / Work 模式切换+项目/文件/插件+完成态产物 | 聊天与 Artifact 并置,重阅读与编辑 |
| 主色策略 | 薄荷绿+黑,强反差 | 黑白与中性灰为骨架;#1783FF 主要用于链接、状态和反馈 | 大面积中性灰白,颜色让位于内容 | 暖白+陶土橙+墨黑 |
| 字体策略 | 粗黑展示体+圆体/无衬线正文 | 系统无衬线;产品低密度、研究页高密度 | 中性无衬线,字级与留白建立秩序 | 衬线标题+无衬线正文,编辑感突出 |
| 图形语言 | 3D 猫形机器人、霓虹、角色分工 | 稳定层是 K 字标与线性图标;粒子场、研究桌面属于 K3 发布视觉 | 抽象符号、实拍/生成图、极少固定装饰 | 手绘线条、人脸轮廓、太阳/星芒符号 |
| 圆角与容器 | 产品中等圆角;营销大胶囊与深色大板块 | Composer 约 24px;胶囊控件约 20px;边界使用细分隔线 | Composer 大圆角;界面边界弱化 | 8px 左右;纸张式容器与克制描边 |
| 信息密度 | 官网高、产品中 | 官网研究页高、产品首页低 | 默认极低;目录、上下文与执行过程按模式逐层展开 | 中低,长文与产物阅读优先 |
| 记忆点 | 多角色机器人专家团 | 黑白 K 字标+单入口多能力+端到端产物工作流 | 黑白工作面+Chat / Work 切换+插件化能力生态 | 暖色纸张+衬线标题+手绘人文符号 |
以“虚拟专家团队”建立具象 Agent 心智:官网负责把能力演成角色,产品负责把角色收回到任务入口。


黑底建立技术氛围,绿色承担 CTA 与能力强调;多个 3D 机器人以职业道具区分角色,让“多 Agent”无需解释即可被看见。
用角色、任务和最终文件表达 Agent 的价值;复杂能力使用清晰分组,不把全部入口塞进一个“+”菜单。
官网 IP 与霓虹信息量很高,若原样进入工作页面,会压低专业阅读效率;桌面客户端心智也不适用于 PmWork 云端页面。
保留“Agent 有身份”和“结果可交付”,但 IP 缩成头像、状态和空页面反馈;工作区以任务节点而非角色海报为主。
K3 不是单纯换模型,而是把聊天、Agent、模型强度、专业产物和持续看板收进同一工作空间。视觉上,稳定层是黑白字标与中性工作面;粒子场只属于 K3 发布叙事。



K2.6 / K3 / K3 集群与三档思考强度、K3 可生成可编辑文件、Kimi Work Widget / Dashboard 跨会话保留,均来自帮助中心与官方资源页。
“粒子场表达长程推理”“研究桌面强化知识工作”等属于视觉解读,不是官方品牌规范。公开网络仍未发现完整 Kimi Design System,因此只提炼跨页面反复出现的模式。
以下样本取自用户提供的 Kimi 产品录屏并完成隐私裁切。它们是当前界面的行为观察,不等同于 Kimi 对外发布的动效规范。
字符占位不移动,只改变少量圆点的明暗和颜色;视觉上“有生命”,结构上仍稳定可识别。
高饱和色每次只落在少数节点,用来暗示唤醒、运行或灵感;大面积仍保持黑白灰。
侧栏用整行浅灰底承接指针移动,线性图标保持稳定,因此状态清晰且没有无意义的图标表演。
在任务启动、Agent 执行和等待审批时脉冲 1–3 个红色节点;导航沿用“稳定图标+移动容器”,Logo 不做常驻循环。
产品浅色主题以白、黑与低透明度灰构成层级,#1783FF 只做链接、状态和反馈。Kimi Work 把 0、1、K 与箭头排成稀疏点阵,并围出中央留白;K3 的磁场粒子环与研究桌面则属于发布主题,不应被当成常驻 UI 纹理。
Composer 是唯一任务起点;能力先以导航与快捷胶囊出现,模型和思考强度负责表达成本/质量,附件与插件继续收在“+”入口。专业结果以文档、PPT、表格、网站和组件离开聊天文本。
K3 发布页以粒子汇聚、循环场线和大媒体切换制造“长程智能”的感受;工作界面只保留悬停、展开、执行状态与结果生成反馈。动效的职责是说明运行与层级,而不是持续制造科技氛围。
导航、模型、强度、Agent、插件、技能同时出现,首次决策成本明显上升;匿名首页已经出现能力入口重复。PmWork 应保留任务语义,隐藏模型术语,并避免把 K3 的粒子场和蓝色直接移植进企业工作台。
第三方产品分析一致提示:Kimi 的优势不在装饰,而在把复杂能力翻译成普通用户可理解的任务与结果。对 PmWork 的转译以企业任务、审核和交付为边界。
统一从“新建任务”开始;附件、模板和技能围绕任务组织,避免多个孤立入口。
把模型与思考强度翻译为“快速处理 / 深度执行 / 批量协作”,同时说明时间和额度。
把 Agent 过程变成可暂停、可审批、可追溯的红线任务节点,而不是不可读的思考动画。
报告、表格、方案与任务单进入独立产物区,支持继续编辑、评论、版本和交付。
借鉴 Dashboard 的跨会话持续性,把一次回答沉淀为项目指标卡、风险卡与任务看板。
截至 2026 年 8 月,ChatGPT 已不再只是极简聊天框:Chat 负责快速对话,Work 承担长任务、应用协作和最终交付,Codex 在桌面端继续负责软件工作。稳定不变的是低噪声外壳,变化的是外壳里可调用的上下文、动作和产物。


ChatGPT Work 可跨应用与文件执行长任务、创建文档/表格/演示/报告/Sites,并允许用户查看进度、改变方向和批准重要操作;2026-07-09 起 App Directory 迁移为 Plugin Directory。依据官方发布页与发布说明。
“ChatGPT 正在成为工作操作面”“品牌把颜色让给用户内容和第三方应用”“模型退到任务参数层”属于基于当前界面的视觉与产品推断,不是 OpenAI 官方 Design System 结论。
产品外壳几乎完全由黑、白、浅灰构成。OpenAI 官方将 OpenAI Sans 定义为“几何精度+圆润亲和”;真实颜色主要来自文件类型、应用图标、生成图片和用户内容。
默认页面看起来仍像一个聊天框,但产品能力已经从输入框向项目上下文、跨应用动作和最终产物逐层扩张。低噪声只是表面,分层才是核心。
先选择“快速对话”还是“完成工作”,不先要求用户理解模型与工具架构。
文件、历史、指令与项目记忆成为可选择、可搜索、可复用的长期上下文。
应用连接、浏览器操作与定时任务把回答变成跨系统执行;审批点保留用户控制。
任务的终点不是更长的对话,而是可检查、可继续编辑、可分享的工作成果。
OpenAI 外壳保持中性,Gmail、Figma、Slack 等图标自然成为识别色;平台无需再用自己的强调色争夺注意力。
Chat / Work 是人能理解的工作方式;模型与思考强度退入 Composer 尾端。选择顺序本身就在降低认知成本。
Work、Projects、Library、Plugins、Skills、Sites、Scheduled 同时增长,旧用户可能失去稳定心智。PmWork 应学习分层,不复制名词膨胀。
用普通语言区分即时问答与长任务,让模型、成本和强度成为二级参数;默认路径只暴露完成当前目标所需的最少选择。
Work 允许查看进度、回答问题、改变方向和批准重要动作。值得借鉴的是可操作的执行记录,而不是伪装成透明度的思考动画。
顶部选“快速处理 / 深度执行”;项目提供资料和规则;插件变成企业连接器;红线节点承载进度与审批;最终沉淀为可编辑任务单、报告和看板。
把 AI 从“机器工具”转成“思考伙伴”:衬线字、暖纸色、手绘线条提供人文温度,Artifact 则把回答升级为可编辑作品。


衬线大标题拉开与科技品牌的距离;不规则手绘图形与太阳/星芒标识强调人的思考,而不是算力和速度。
把长内容当作品设计,而非聊天气泡;右侧产物区清晰区分“AI 过程”和“用户最终要交付的东西”。
暖米白、陶土橙、衬线字已经高度属于 Claude;若直接借用会产生明显仿制感,也不匹配红圈品牌。
借右侧 Artifact 逻辑,不借暖橙视觉。PmWork 产物区使用冷白纸面、红色版本节点和清晰的审批/导出控制。
这些是可迁移的设计机制,不是要复制的视觉资产。每一项都要经过红圈品牌、云端 Web 工作流和企业任务语境的重新定义。
项目、空间、资料、指令和历史形成持续工作的范围。
从聊天输入升级为带上下文、模式和审批策略的任务委托器。
把 Agent 的计划、调用、等待和风险转成可理解的过程界面。
最终价值落在文件、报告、表格、页面及其版本,而不是对话长度。
对标大厂不等于视觉拼贴。PmWork 要保留红圈的红、圆形资产和机器人 IP,同时建立自己的任务过程符号:红线与节点。
Logo 联署、主 CTA、焦点、活动任务节点、关键完成反馈。品牌红占画面约 8–12%。
首次欢迎、Agent 头像、空状态、等待与完成反馈。工作中不使用大型 3D 角色背景。
2px 连接线表达任务顺序,实心圆表示进行中,空心圆表示待执行,带勾圆表示完成。
左侧 272px 项目与任务;中央弹性执行区;右侧 320–360px 产物、版本与审批。
用于设计评审时快速判断方案是否真正吸收了对标,而不是停留在“像某一家”的表面模仿。
报告基于截至 2026-08-11 可访问的官方公开页面、官方帮助中心、公开产品图、当前产品界面只读采样、用户提供的 Kimi 产品录屏与第三方设计/产品分析。官方事实、界面观察与研究推断分开标注,截图只用于设计研究和内部讨论。
说明:页面颜色、字体、圆角和动效节奏来自公开网页、当前产品界面及用户录屏的样式采样与视觉观察,不等同于各公司对外发布的完整品牌手册;第三方文章只用于校验交互与传播机制,不用于确认品牌规范。Kimi 录屏与 ChatGPT 当前界面样本均已裁除账户、会话名称、已安装能力等非研究区域。部分产品界面会因登录状态、地区、套餐和灰度实验不同而变化。报告中的“设计评分”用于相对比较,不代表产品质量排名。