UI/UX 拆解报告 · 2026 年 7 月
从 Perplexity 到通义千问，从 Google AI Mode 到豆包——六款代表性产品的首页入口设计策略、交互范式与视觉语言，一次看透。
6 款产品 · 2 个阵营
多维对比 · 一目了然
| 维度 → 产品 ↓ | Perplexity | ChatGPT Search | Google AI Mode | Kimi | 豆包 | 通义千问 |
|---|---|---|---|---|---|---|
| 首屏核心元素 | 搜索框（唯一） | 对话框 | 双模式搜索框 | 单行输入框 | 角色+模板+输入框 | 模型展示墙 |
| 占位符文案 | "Ask anything…" | "Message ChatGPT…" | "Enter your prompt" | "尽管问…" | 场景引导语 | 模型介绍文案 |
| 辅助入口数量 | ★ 极少(2-3) | ● 中等(5-8) | ● 中等(4-6) | ★ 极少(1-2) | ▲ 较多(8+) | ▲ 很多(10+) |
| 登录门槛 | 可用后强制登录 | 必须登录 | Google 账号自动 | 需手机号注册 | 抖音/手机号 | 阿里账号 |
| 首屏信息密度 | ★ 极低 | ● 低-中 | ● 低 | ★ 最低 | ▲ 中-高 | ▲ 很高 |
| 交互维度 → 产品 ↓ | Perplexity | ChatGPT Search | Google AI Mode | Kimi | 豆包 | 通义千问 |
|---|---|---|---|---|---|---|
| 主要交互范式 | Query → Answer | Conversation | Query ↔ Dialogue | Query → Answer | Agent/Role-based | Model Selection → Use |
| 快捷键支持 | ★ ⌘K | ★ ⌘K | ● 部分 | ▲ 无 | ▲ 无 | ▲ 无 |
| 多模态输入 | ● 图片+文件 | ★ 全模态 | ★ 全模态 | ● 图片+文件 | ★ 语音+图片 | ● 图片+文档 |
| 结果呈现方式 | 引用标注+摘要 | 对话流+引用 | AI回答+并排网页 | 引用+脚注编号 | 对话+卡片 | 对话+工具调用 |
| 上下文连续性 | ★ 线程式 | ★ 会话式 | ● 可恢复 | ★ 线程式 | ● 场景隔离 | ▲ 模型切换重置 |
| 视觉维度 → 产品 ↓ | Perplexity | ChatGPT Search | Google AI Mode | Kimi | 豆包 | 通义千问 |
|---|---|---|---|---|---|---|
| 背景色 | #FFF 白色 | #343541 深色 | #FFF 白色 | #FFFFFF 纯白 | 渐变浅色 | #F5F5F5 浅灰 |
| 主色调 | 蓝色系 | 绿色(#10A37F) | 多彩(Google色) | 蓝紫渐变 | 多彩活泼 | 橙色(阿里橙) |
| 圆角使用 | ● 中等 | ★ 大圆角 | ▲ 无/极小 | ★ 大圆角 | ★ 大圆角 | ● 中等 |
| 阴影/层次 | ▲ 扁平 | ● 微妙 | ▲ 无 | ▲ 极简 | ● 卡片投影 | ● 卡片投影 |
| 动画效果 | ▲ 几乎无 | ● 打字机效果 | ▲ 极少 | ▲ 加载动画 | ★ 丰富微交互动画 | ● 适度动效 |
| 策略维度 → 产品 ↓ | Perplexity | ChatGPT Search | Google AI Mode | Kimi | 豆包 | 通义千问 |
|---|---|---|---|---|---|---|
| 目标用户 | 知识工作者 | 通用大众 | 全网用户 | 学生/研究者 | 泛互联网用户 | 企业开发者 |
| 核心价值主张 | 精准答案+来源 | 全能AI助手 | 搜索升级不改习惯 | 超长文本理解 | 场景化智能体 | 企业级AI基础设施 |
| 商业模式 | Freemium订阅 | Free+Plus/Pro | 免费(广告)+Lab | Free+Pro订阅 | Free+会员 | API按量+免费层 |
| 差异化护城河 | 引用质量+速度 | 生态+插件系统 | 索引数据+分发 | 长上下文窗口 | 字节系流量+硬件 | 阿里云生态+开源 |
| 首页叙事策略 | ★ 零叙事 | ● 功能引导 | ★ 渐进增强 | ★ 情感连接 | ▲ 场景推销 | ▲ 能力展示 |
| IA 维度 → 产品 ↓ | Perplexity | ChatGPT Search | Google AI Mode | Kimi | 豆包 | 通义千问 |
|---|---|---|---|---|---|---|
| 导航层级深度 | ★ 1 层(侧栏) | ● 2-3 层 | ★ 1-2 层 | ★ 0 层 | ● 2-3 层 | ▲ 4+ 层 |
| 导航位置 | 左侧固定边栏 | 顶部 + 左侧 | 顶部标签式 | 无独立导航 | 顶部 + 底部Tab | 顶部多级菜单 |
| 信息分组逻辑 | ★ 按用途(Spaces) | ● 按会话时间线 | ● 按搜索类型 | ▲ 无分组 | ★ 按角色/场景 | ★ 按模型/行业 |
| 可发现性设计 | ★ Discover 推荐 | ● GPT Store | ● 相关问题建议 | ▲ 无推荐 | ★ 场景模板墙 | ● 模型对比表 |
| 搜索历史管理 | ★ 线程列表+Pin | ★ 会话历史 | ● 左侧面板 | ▲ 基础列表 | ● 最近记录 | ▲ 无显式入口 |
| 全局操作可达性 | ★ ⌘K 覆盖全部 | ★ ⌘K + Cmd+N | ● 部分快捷键 | ▲ 仅输入框 | ▲ 无快捷键 | ▲ 无快捷键 |
| 移动端维度 → 产品 ↓ | Perplexity | ChatGPT Search | Google AI Mode | Kimi | 豆包 | 通义千问 |
|---|---|---|---|---|---|---|
| 移动端优先级 | ● Web→App 平行 | ★ App 原生优先 | ★ Google App 原生 | ★ App 体验优先 | ★ 抖音生态原生 | ● 钉钉/阿里系 |
| 首屏折叠策略 | ★ 输入框全宽置顶 | ● 对话区为主 | ★ 搜索框固定顶 | ★ 极简单行 | ● 角色选择前置 | ▲ 多区块堆叠 |
| 手势交互支持 | ● 左滑/长按 | ★ 丰富手势 | ● 基础滑动 | ▲ 几乎无 | ★ 语音+滑动手势 | ● 基础触控 |
| 底部操作栏 | ★ 有(输入+工具) | ★ 有(输入模式切换) | ● 搜索框替代 | ▲ 仅输入框 | ★ 丰富(语音/图片/文件) | ● 工具栏 |
| 响应式断点质量 | ★ 优秀 | ★ 优秀 | ★ 优秀 | ● 良好 | ● 良好 | ▲ 一般 |
| PWA / 离线能力 | ▲ 无 | ▲ 无 | ★ Google App 支持 | ▲ 无 | ● 抖音小程序 | ● 钉钉/支付宝 |
量化评分 · 设计雷达
设计洞察 · 趋势判断
Perplexity 和 Kimi 证明了极致的搜索框优先设计是可行的——用户不需要被教育，打开页面就知道该做什么。但这条路的红利正在消失，因为所有玩家都学会了这一招。下一个战场是"搜索之后"：结果的组织方式、行动转化、以及多轮对话中的上下文保持。
海外三强走的是"做减法"路线：Perplexity 极简到只剩搜索框，Google 在传统搜索上渐进增强，ChatGPT 把搜索藏在对话里。国内三强走的是"做加法"路线：豆包堆场景模板，通义千问堆模型矩阵，连最极简的 Kimi 也开始加编程工具(Kimi Code)。这反映了中美用户对"AI产品应该做什么"的不同预期。
Google AI Mode 不强迫用户改变习惯——同一个搜索框，同一个 URL，只是多了一个标签页。这种"不迁移成本"的策略在产品设计中极其罕见且有效。相比之下，让用户去一个全新的 App 或网站体验 AI 搜索，获客成本高出数倍。Google 用 AI Mode 守住了搜索入口的城门。
豆包把麦克风按钮放在了首页最显眼的位置，ChatGPT 的语音模式也在快速迭代。2026 年的 AI 搜索入口设计，语音不再是"附加功能"，而是和键盘并列的一等公民。国内产品在这点上更激进——因为中国用户的移动端使用比例更高，语音输入的场景更自然。
豆包 2025 年取消了"联网搜索"按钮，改为 AI 自动判断是否需要检索。这是交互范式的根本转变：从"用户决定是否搜索"变成"AI 自主决定"。未来 1-2 年内，所有 AI 搜索产品都会跟随这个方向——搜索将成为隐式能力而非显式操作。首页入口的设计也将随之简化：不再需要"搜索/对话"的模式切换。
最好的 AI 搜索入口设计，是让用户感觉不到"入口"的存在——他们只是在提问，而答案恰好来自全网。
BY THE NUMBERS