EN
返回档案库

档案库 · 产品创意 · 产品决策 · 2022

苹果的灵动岛让 iPhone 14 Pro 的摄像头挖孔变成活生生的提示区

苹果将 iPhone 14 Pro 的前置摄像头挖孔变成了灵动岛——这个软件界面会为提醒和后台活动扩展,且无需离开当前应用。

Apple

创意是什么把硬件的挖孔当作软件来处理:把灵动岛设计成能流畅展开成不同形状的提示区,以精巧动画展示提醒和后台活动。伤筋动骨

当时的题目

The iPhone 14 Pro's display had to house front-camera and Face ID hardware, leaving a black cutout at the top of the screen. Apple's design problem was to make that intrusion feel intentional rather than tolerated — a space that earns its place in the interface.

它是怎么成立的

每部有前置摄像头和面容 ID 系统的手机,都得把硬件放在屏幕的某个地方,而 iPhone 14 Pro 的挖孔是一个苹果无法设计掉的固定黑色形状。设计问题不在于挖孔本身,而在于它所传达的信息:一种用户只能无视的打扰。

苹果的解法是把硬件当作软件来对待。灵动岛模糊了硬件与软件的分界:提醒和后台活动会出现在挖孔区域内,那个区域会以独家打造的动画和过渡流畅地展开成不同形状。内容和控件会出现,却不会打扰正在用的应用,而且每条提醒都经过个性化设计,用户一眼就能认出。

灵动岛搭载于 iPhone 14 Pro 和 iPhone 14 Pro Max,它把一种不得不接受的妥协变成了这款机型的标志性交互——一个界面生动鲜活的地方,而不是屏幕上的一个洞——这项作品已被收入 D&AD 获奖档案。

妙在哪

  • 既然挖孔无法消除,唯一的变量就是这块空间对用户意味着什么。
  • 让灵动岛为提醒扩展,给系统状态一个实体的、会动的位置,取代过去的静态刘海。
  • 把控件放进灵动岛,让用户无需离开正在使用的应用就能处理通知。
  • 每条提醒都有独特的动画和特性,让功能一眼可辨,而不只是花哨装饰。

做出来什么

Shipped on iPhone 14 Pro and iPhone 14 Pro Max, the Dynamic Island gave a fixed hardware limitation a clear role in the interface and became the model's defining interaction; the work is preserved in D&AD's awards archive.

案例页D&AD archive — iPhone 14 Pro Dynamic Island

可以借走的

当你无法消除某个限制时,就给它安排个活干:曾经割裂屏幕的黑色挖孔,变成了承载手机状态信息的表面。

后来

该作品被保留在 D&AD 的获奖档案库中,是设计如何将一个无法回避的硬件限制变成界面创意的范例,而并非仅仅做个外观修补。

资料来源

发现哪里写错了?告诉我们。

轮到你了

你刚读完一个点子。把你手上的题目说出来,看看谁接过同样的题。

免费账号 · 3 次免费提问 · 不用绑卡

相关案例