动态线索如何帮助用户发现、学习并掌握我们不断进化的 AI 助手功能

要如何在一款“永远在变化”的工具里建立信任？我们的 AI 助手 Gemini 持续学习、不断适应，这意味着那些传统的设计方法（多数是线性的、可预测的、以控制为核心）必须暂时退场。

设计团队迎着挑战，像绘制新大陆地图那样去勾勒一片全新的数字世界：如何弥合用户对 AI 的概念鸿沟，尤其是让人理解 Gemini 如何“简化信息、扩展想法”？又如何邀请用户去探索、去尝试、去搜索，从而在一件不断变化的工具上建立使用信心？这些问题背后有一组清晰的目标在牵引：让 Gemini 直觉、沉浸、亲近、令人向往——并且最重要的是，值得信赖。

Gemini 的“闪光”图标也许是品牌里最常见的视觉元素，但在产品的插画系统中，还有许多同样关键的组成值得被看见。在这次深度拆解里，插画体系背后的设计师将掀开幕布，展示渐变、响应式容器与有意为之的动效如何无缝协作，在 Gemini 的体验里同时营造出魔法感、清晰度与熟悉感。

1. 流动性的历史：从过去学到的东西

针对不同使用场景，团队探索了多种“光的密度”变化

在未知的设计疆域里探索，并不是新鲜事。想想设计师 Susan Kare——她为最初的 Macintosh 界面奠基。她用朴素的视觉隐喻，把抽象的数字过程变成新手也能一眼理解的东西：垃圾桶、画笔、带笑脸的电脑。那些图标不是简单的像素堆叠，而是连接“人类理解”与“机器逻辑”的桥梁。Gemini 也面临类似挑战：如何更可及、更可见，并且化解用户可能产生的担忧？那么，Gemini 版的“微笑电脑脸”会是什么？

设计团队最终选择了“渐变”。它能温和地把用户引入与 Gemini 协作的新世界。这是一种无定形、可适配的方式，和过去那些“静态”的数字助手（很多人还记得微软的 Clippy 小回形针）很不一样，但它同样能唤起“可被发现”的感觉。渐变表达的更多是能量而不是“物体性”：Kare 的插画里，垃圾桶是一件具体的物；渐变更像一种氛围。但正是这种氛围，为 Gemini 注入了精神气质与方向感。

团队探索了用简洁的序列来引导用户激活 Gemini，例如长按电源键，或从屏幕角落滑动唤起

2. 光谱偏移

渐变是 Gemini 视觉叙事的核心：它像“上下文搭建器”一样，带着用户穿过产品体验的各个阶段。为了表达能量的传递与方向性的动量，渐变往往在前端呈现锐利、几近不透明的“领头边缘”，在尾端逐渐扩散、变轻，像一枚清晰的视觉指针，把用户注意力指向最重要的地方。

为了让系统像“活着”一样，设计师希望把 Gemini 主动思考与综合信息的过程可视化——让 AI 助手更具人格化，而不是显得高不可攀、难以理解。

在语音转写时，会使用“聚拢”与“扩散”两种渐变形态

带方向性的渐变暗示“人类输入”，捕捉能量从用户流向 Gemini 的过程

3. 基础形状

Gemini 的视觉语言既要建立自身身份，又要能融入 Google 既有的审美体系。设计团队把灵感回溯到公司熟悉的 Logo，聚焦在最基础的形状——圆。这个选择并非偶然：圆形往往传递简洁、和谐与舒适感。甚至 Gemini 自身的 Logo，也是在四个相邻圆形的负形空间中精心构建出来的。

为了表达 Gemini 的“思考状态”，我们探索了多种基础形状，并大量借鉴 Google 的设计基因。团队尝试了标志性的四色小圆点——它是品牌圆润、乐观语言的象征；也尝试了多种在 Material 体系中与语音、以及 Android 系统 UI 历史关联紧密的形状。借助这些既有元素，新框架得以扎根在熟悉的历史里，同时再把它们推进为更动态、更流动的 AI 智能表达。

四色圆点为 Gemini 圆润、乐观的视觉语言提供了参照坐标

Material 的形状被进一步柔化与虚化，以呈现一种空灵感

这些流体般的变形形状从既有 Material 元素演化而来，用来呈现 Gemini 的“思考状态”

Gemini 的许多界面元素——例如按钮与容器——通过圆角呼应“圆”的母题。这些细微的线索让它与其他 Google 应用保持连续性。但圆形最具冲击力的用法，可能是它如何“容纳并雕刻”Gemini 标志性的色彩渐变：形状在这里像一个动态容器，把能量压缩成尖锐的聚焦点，再让它向外绽放——这是一种视觉隐喻，映射 Gemini 将信息处理并扩展为想法的能力。

人们对数字系统的期待之一是“稳定的一致性”：学一次，就能反复迁移使用。Gemini 插画团队的挑战在于穿透这种持续变化的动态性，创造一种既新鲜又熟悉的视觉语言。

设计负责人 Anna Sera Garcia 说，这套插画希望呈现一种“温暖、有空间感、圆润的质地”。“我们一直在思考，如何把 UI 描绘得乐观、愉悦、俏皮，同时又足够精致成熟。它需要带一点空灵——那种介于清晰与朦胧之间的模糊地带，正好映射我们非线性的创意过程。”目标是让插画看起来直觉、顺滑、没有阻力——这对 Gemini 这样崭新、颠覆、并且持续变化的产品尤其关键。

4. 有意为之的动效

Gemini 里的运动并不是装饰品，它是关键的引导元素。每段动画都有明确的起点与终点，形成一种带方向的流动感，去映射用户的操作。这样的“响应感”让用户直觉地明白：系统正在与自己协同工作。动效内部的活动感传递出思考、分析与智能，让 Gemini 的处理过程更透明。动效也让用户看见信息如何逐步汇聚，进而把 Gemini 的对话与倾听能力可视化。

动效的速度会先营造“期待感”，随后带来“释放感”

放射状渐变中的涟漪式动效，可用于表现语音波形

渐变可以引导用户的视线，用来带出功能图标

图标可以通过动画来提示“有新功能”

Garcia 说：“无论是加入触觉反馈，还是在沟通方式上做一些细微调整，我们的目标都是让交互对用户来说更轻松、更直觉。回看技术如何塑造我们的交流与学习方式很有意思，我们正在尝试提炼出那套适用于新交互形态的‘基础直觉原则’。”这些原则像上下文搭建器一样，让一个环节自然通向下一个环节，使用户感到被引导，而不是被丢在迷雾里。

5. 在变化中拥抱柔软

Gemini 的方案之所以显得冷静、平和、经过深思，是因为它把背后那些挣扎与挑战“藏起来了”。Garcia 提到：“头脑风暴时会有一种玩乐感与并肩作战的默契，因为你知道最终交付一定会变。”我们的引导插画也在不断被打磨，它们是在既有元素之上持续迭代生长出来的。

这个过程凸显了一种“地基体验”的重要性：它要能宽容失误、预判困惑，并且邀请探索。当一个系统不容易接近时，设计就必须更柔软。这种柔软，通过被引导的渐变脉冲形状、清晰的语言、以及透明的信号传递来实现——让用户在接触新系统时感到安全、被支持。渐变在动画中可以有很多角色：它可以是鼓舞人心、令人向往的；也可以是带方向、带教学性的。但无论如何，它保持柔软而直接，始终朝前看；它与 Google 品牌深度相连，同时也留出了成长空间——像被拟人化的渐变那样，随着语音起伏、涟漪般回应。

柔软的渐变与脉冲形状，营造出一种平静、可靠的空间，便于信息的吸收与创作

6. 设计师作为制图师

为 Gemini 设计插画，就像绘制一张持续变化的地图。设计师并不是在打造一个固定工具，而是在严谨地编排一种“关系型体验”——它既要能适应变化，也要能提供引导。那么，如何与一件明天就可能不一样的工具建立信任？用户并不需要系统完美无缺，他们需要的是一种被认真思考过的“不完美”。而当我们走向 Gemini 的下一轮进化时，这正是设计师的工作。

特别感谢我们的创意合作伙伴与代理机构 Buck，以及 Ivan Witteborg、Namroac Doan 和 Andy Stewart 对本项目的贡献。