设计考古Siri的界面为什么变成屏幕四周跑马灯?

产品: Siri猎人: 龙爪槐守望者观众: 5.4k人 时间: 2025-07-15

Siri

与「Siri」有关的细节还有 1查看全部

我也有新发现 我要投稿
Siri的界面为什么变成屏幕四周跑马灯?Siri的界面为什么变成屏幕四周跑马灯?

细节描述

龙爪槐守望者: Siri自2011年推出以来经历了多次界面迭代,其设计演变反映了苹果在交互理念、技术能力和用户需求上的持续探索。 iOS 14 采用紧凑式设计风格,来电通知、Siri 都从全屏改为了更小、更不打扰的组件。Siri顺势改成屏幕底部的Siri 光球 (Siri Orb)。 这个彩色的球体并非静止的。它会像呼吸一样轻微脉动,在你说话时会根据你的声音产生更复杂的、流动的、变形的动画效果。它感觉更「有机」、更「智能」,仿佛一个有生命力的实体。用户可以在唤醒 Siri 的同时,继续看到屏幕上的主要内容,实现了真正的非打断式交互 (Non-interruptive Interaction)。 虽然光球已经很小,但在某些场景下,它仍然可能遮挡屏幕底部的关键按钮或内容。这为下一阶段的改进埋下了伏笔。 到了iOS18,唤醒 Siri 时,彩色的光球依然在底部出现,但它会发散成环绕屏幕四周的柔和光晕,像跑马灯,也像魔法照射在玻璃边缘产生散射,符合液态玻璃设计风格。这个光晕会随着交互而变化,感觉 Siri 不再是屏幕上的一个「物件」,而是「融入」了整个系统环境。在 iPhone 的灵动岛 (Dynamic Island) 上,Siri 的动画也会与之融合,进一步提升了整体感。光环几乎不占用任何像素空间,将视觉干扰降到最低。它只是一个「状态指示」,告诉用户 Siri 已被唤醒并正在聆听。这种设计理念是让技术退后一步,变得更加环境化和背景化。语音助手应该像空气一样,需要时即刻响应,不需要时则完全隐形,而不是一个需要你时刻关注的 UI 元素。配合灵动岛和 iPhone 15 Pro 上的操作按钮 (Action Button),这种轻量化的视觉反馈让 Siri 的调用和交互变得前所未有的快捷和无感。 Siri 的界面进化之路,本质上是从一个「被打开的应用」,演变成一个「叠加在系统上的辅助层」,最终趋向于一个「融入系统环境的智能体」。这个过程清晰地展示了苹果对未来人机交互的思考:更强大,但更无形。

820人评分
收藏 2
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

「即刻」要注销我账号?小心我告你诈骗!😂
即刻

设计彩蛋「即刻」要注销我账号?小心我告你诈骗!😂

猎人 - AmberDu小白9.0

昨天是4月1日愚人节,大家有没有受到善意的小整蛊呢?「即刻」App在今年的愚人节,上线了「注销账号」的节日彩蛋。这天,只要用户在使用App期间累计进行过3次「点赞」的操作,就...

查看详情

#互动#动效#即刻

7秒动画让用户乖乖填表单?优衣库这招太绝了
优衣库

动效设计7秒动画让用户乖乖填表单?优衣库这招太绝了

猎人 - 智行ZXD设计中心7.8

如何让用户在首次打开App时,心甘情愿地完成那些看起来有些枯燥的个人偏好设置?很多时候,用户面对一连串冷冰冰的表单,第一反应就是跳过,甚至直接卸载。这种初始阶段的体验断裂,不...

查看详情

#加载#动效#情感化设计

不只是美,Material Design涟漪动效如何提升交互质量?
Google

动效设计不只是美,Material Design涟漪动效如何提升交互质量?

猎人 - 龙爪槐守望者9.5

Material Design 在发布之初就设计了涟漪动效(Ripple Effect)。当用户触摸界面元素时,就像往水中投入一颗石子,从接触点开始以圆形向外扩散至整个界面元...

查看详情

#Material Design#动效#涟漪动效