logoAnt Design X

DesignDevelopmentComponentsPlayground
  • RICH 设计范式简介
  • ❤️ Intention 意图设计
    • 介绍
    • 明确意图类型
    • 提供意图预期
    • 引导意图表达
  • 🎭 Role 角色设计
    • 介绍
    • 真实一致
    • 流畅自然
    • 有人情味
  • 💭 Conversation 会话设计
    • 介绍
    • 开始
    • 追问
    • 提示
    • 确认
    • 错误
    • 结束
  • 💻 Hybrid UI 混合界面设计
    • 介绍
    • 唤醒|AI 标识
    • 唤醒|欢迎提示
    • 表达|用户输入
    • 表达|用户发送
    • 确认|生成过程
    • 反馈|结果应用
    • 反馈|结果展示

唤醒|AI 标识

Resources

Ant Design Charts
Ant Design Pro
Ant Design Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Landing-Landing Templates
Scaffolds-Scaffold Market
Umi-React Application Framework
dumi-Component doc generator
qiankun-Micro-Frontends Framework
ahooks-React Hooks Library
Ant Motion-Motion Solution
China Mirror 🇨🇳

Community

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design in YuQue
Ant Design in Zhihu
Experience Cloud Blog
seeconf logoSEE Conf-Experience Tech Conference

Help

GitHub
Change Log
FAQ
Bug Report
Issues
Discussions
StackOverflow
SegmentFault

Ant XTech logoMore Products

yuque logoYuQue-Document Collaboration Platform
AntV logoAntV-Data Visualization
Egg logoEgg-Enterprise Node.js Framework
Kitchen logoKitchen-Sketch Toolkit
Galacean logoGalacean-Interactive Graphics Solution
xtech logoAnt Financial Experience Tech
Theme Editor
Made with ❤ by
Ant Group and Ant Design Community
loading

人工智能需要一些具有代表性的视觉符号,以便与人类头像或其他图标区分开来。

设计目标

产品界面中的 AI 图像标识需具备以下特点:

  • 高辨识度: 能迅速吸引用户目光,让用户一眼识别出代表人工智能的标识。
  • 简洁性与通用性: 符号设计应易于不同用户理解和接受,同时与不同平台和界面协调。
  • 流畅视觉体验: 能自然融入各种数字环境,为用户提供一致的视觉感受。

AI 标识方案

一致的图像设计可提高用户对 AI 的可预测性和信任度。随着 AI 应用场景的发展,标识的设计和使用也在演变。目前,四芒星闪光点是常见符号,代表 AI 功能,或用于区分 AI 生成的信息。


💻 网页端场景示意

📌 固定在浏览器拓展栏

AI 助手的入口常搭载于浏览器拓展栏,以便捷、明显的入口吸引用户主动使用,为工作和生活带来便利。

🍃 悬浮在页面侧边

AI 助手可悬浮在页面侧边,随时待命,为用户提供高效协助,是工作中的得力伙伴。

😋 跟随场景出现入口

某些 AI 助手会根据特定任务场景适时出现入口,帮助用户高效完成任务。

👋 可触发智能工具栏 (Quick Bar)

编辑场景下,AI 助手可触发智能工具栏,为用户提供便捷的辅助工具,提升工作效率。


📱 手机端应用场景

🤖 AI 原生应用

AI 应用原生的标识设计,可以提升用户的功能认知和交互效率。

📌 固定在产品底部导航栏

移动端 AI 入口常固定在产品的底部导航栏,确保用户随时能快速进入 AI 功能模块。

🍃 悬浮在产品侧边

移动端中的 AI 入口以悬浮形式出现在侧边,不占用过多空间,又能及时提供服务。例如在地图类产品中,用户可随时唤醒 AI。

😋 跟随场景出现入口

在特定任务场景中,AI 入口贴心适时地出现,助力用户完成任务。

👋 可触发智能工具栏 (Quick Bar)

移动端编辑场景中,AI 助手可触发 Quick Bar,为编辑任务提供智能化支持。