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

产品: Siri猎人: 龙爪槐守望者观众: 4.8k人 时间: 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 的界面进化之路,本质上是从一个「被打开的应用」,演变成一个「叠加在系统上的辅助层」,最终趋向于一个「融入系统环境的智能体」。这个过程清晰地展示了苹果对未来人机交互的思考:更强大,但更无形。

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

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

{{ moreBtnTxt }}

你可能还爱看

「转转」怎样利用登录动画强化品牌IP?
转转

微交互「转转」怎样利用登录动画强化品牌IP?

猎人 - 阿典8.0

「转转」的登录页设计了一个循环小动画,随着顶部发条的旋转下方会随机切换多个可爱的吉祥物形象。生动有趣的动画不仅增加了产品的亲和力,也强化了品牌IP的形象。另外登录按钮的「登录...

查看详情

#动效#微交互#情感化设计

导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线
京东

动效设计导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线

猎人 - 龙爪槐守望者8.9

Tabbar还能玩出什么花样?你可能早就看腻了那些红点提醒和图标闪烁。每天打开手机,所有App的底部导航栏都像复制粘贴——要么拼命加小红点,要么硬塞更多功能入口。

查看详情

#icon#Tabbar#促销

拍照+贴纸+AI=?这个设计公式让苹果都惊艳得给它颁奖
CapWords

产品推荐拍照+贴纸+AI=?这个设计公式让苹果都惊艳得给它颁奖

猎人 - 龙爪槐守望者9.6

还记得小时候拿着新买的贴纸册,一张张撕下来贴得到处都是的快乐吗?或者想起刚学说话时,指着桌子椅子问「这是什么」的那份好奇?而荣获2025年苹果设计大奖的Capwords正是捕...

查看详情

#AI#动效#学习