logoAnt Design X

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

唤醒|AI 标识

相关资源

Ant Design
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-首页模板集
Scaffolds-脚手架市场
Umi-React 应用开发框架
dumi-组件/文档研发工具
qiankun-微前端框架
Ant Motion-设计动效
国内镜像站点 🇨🇳

社区

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconf logoSEE Conf-蚂蚁体验科技大会
加入我们

帮助

GitHub
更新日志
常见问题
报告 Bug
议题
讨论区
StackOverflow
SegmentFault

Ant XTech logo更多产品

yuque logo语雀-构建你的数字花园
AntV logoAntV-数据可视化解决方案
Egg logoEgg-企业级 Node.js 框架
Kitchen logoKitchen-Sketch 工具集
Galacean logoGalacean-互动图形解决方案
xtech logo蚂蚁体验科技
主题编辑器
Made with ❤ by
蚂蚁集团和 Ant Design 开源社区
loading

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

设计目标

产品界面中使用代表 AI 的图像标识,可吸引用户关注并开启新探索。人工智能视觉符号应具高辨识度,能在众多的图像中迅速吸引用户目光,让用户一眼能识别出代表人工智能。同时具备简洁性和通用性,易被不同用户理解接受,考虑与不同平台和界面协调性,能够自然地融入各种数字环境中,为用户提供一致流畅视觉体验。


AI 标识方案

一致的图像设计可以提高用户和消费者的可预测性和信任度。随着 AI 使用案例不断发展,我们会看到图标使用也随之发展。四芒星闪光点极为常见,通常代表着有 AI 的功能,也用于区分由 AI 生成或借助 AI 生成的信息。

💻 网页端场景示意

我们以本次新增的 AI 图像标识为例,进行几款常见的场景示意。

📌 固定在浏览器拓展栏

预览

众多 AI 助手入口搭载于各类浏览器之上,常被固定在浏览器拓展栏,这些 AI 助手凭借着其便捷、明显的入口位置,不断吸引着用户主动去打开并加以使用,为生活和工作带来极大便利。

🍃 悬浮在页面侧边

预览

AI 助手会以悬浮方式出现在页面侧边,它们以便捷的位置和独特形态的设计引人注目,能够在用户工作时随时待命,为用户提供高效的协助,成为用户工作中的得力伙伴。

😋 可跟随场景出现入口

预览

还有 AI 助手并非固定存在,而会伴随着特定的任务场景适时地出现入口。当用户处于特定的工作情境或进行特定任务时,AI 助手便会以恰到好处的方式展现其入口,及时助力用户高效地完成各种任务。

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

预览

此外,还有一些 AI 助手在编辑过程中,能够触发智能工具栏(Quick Bar)。当用户沉浸于编辑任务时,在恰当时机激活 AI 智能工具栏,为用户提供便捷高效的辅助工具,使得工作过程更加流畅精准。

📱 手机端应用场景

🤖 AI 原生应用

预览

很多移动端 AI 原生应用有独立且极为稳定的入口,常用采用精心设计且极具代表性的产品 logo 来予以直观体现。无论是在智能手机琳琅满目的主屏幕上,还是在各类便捷的应用抽屉之中,用户都能够凭借对这些独特 logo 的视觉认知,迅速定位到相应的移动端 AI 原生应用入口。

📌 固定在产品底部导航栏

预览

移动端 AI 入口常会被固定在产品的底部导航栏处,底部导航栏上的 AI 入口 相对是稳定的模块,无论何时何地,只要用户需要进行AI互动,都能迅速通过这个固定的入口与强大的人工智能进行交互。

🍃 悬浮在产品侧边

预览

在移动端还有一些 AI 入口会以悬浮形式出现在产品的侧边,既不占用过多的屏幕空间,又能在用户需要的时候及时出现,为用户提供便捷的 AI 服务。例如在地图类产品中,当用户有需求时可以将其唤醒。

😋 可跟随场景出现入口

预览

在移动端某些场景中,会随着用户任务场景出现一些贴心的 AI 智能操作入口,为用户提供便捷高效的人工智能辅助。它紧密贴合用户的实际需求,在用户最需要的时刻伸出援手,助力用户顺利完成各种任务。

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

预览

同样地,在移动端一些编辑场景下,会触发智能工具栏(Quick Bar)。当用户沉浸于移动端的编辑任务时,它以其便捷高效的特性,为用户的编辑工作增添一份智能与高效。