Matrix 首页��

Matrix 是少数派的写作社区,我们主张分享真�的产�体验,有�用价值的�验��考。我们会�定期挑选 Matrix 最优质的文章,展示�自用户的最真�的体验和观点。

文章代表作者个人观点,少数派仅对标题和�版略作修改。


�次苹��新�,我都会�官网转一圈,这个习惯��了很多年,因为无论好�,他们�次在网站的设计和交互上多少都能�出些新花样。这在其他�牌很少�。

翻得多了会��,那些被别的�牌学走的�隔几年就在无数产�上�新出�,或者能�显看到影�的�法,几�都�是�布会上的�点。

在消费数�领域,所有�牌都在�断�索和学习,苹�这家公�给我的感�是,他们总有一套自己独到的�解和�路,虽没有了 iPod 或 iPhone 4 时代那么�象级的影�,但在库克�管 Apple 的�几年里,�然存在很多容易被创作者忽视和值得学习�考的问题处�方�。往深讲,这或许有一套方法论在里�,其�我想��白也说�清楚它们到底是什么,这篇文章也�是抛砖引�,如�你也对这方�感兴趣,欢�交�。

把触感�入界�

iPhone 内部 X 光�视图,机身下�部的矩形部件是 Taptic Engine

Taptic Engine 这东西最早出�在 2014 年的 Apple Watch 上,那年它还�需负责�醒你有通知,或者站起�走两步,我想当时应该没多少人能想到它会��整套交互的一�。

2015 年的 iPhone 6s �上了 Taptic Engine。当时也没人太在�,宣传语仅仅写的是「更细腻的震动�馈�,为了�� 3D Touch 的�点。

在这之�,人们对手机震动的认知是�有一�功能,�醒你有事情�了,震动也�是�醒的手段之一。� Taptic Engine 进入手机之�,震动��真�的触感:长按图标弹起有一下�弹,滚轮转过一格有一下轻磕,付款确认有一下「咯噔�。它开始�光告诉你�生了什么,还让你确认自己刚刚�了什么。

这个东西感�过一次就很难��,体验的巅峰时刻我记得是�布 iPhone 7 的时候,它的 home 键你关机�会��其�是按�下�的,但震感真的就�按动了一样,�常�奇。

之�进入全��时代,iPhone 上的震动几�全都�务��幕按钮了,其�我觉得��留一个电�键,其他所有�体按键全都��「模拟震动�还是很酷的,�致一点,完全�以�出�有电�键的机身。

��几年内,其他�牌都陆续开始使用线性马达��得近似的体验,如今已�是行业标�。

延伸�考:为什么唯独 iPad 没有加入 Taptic Engine 呢?

第二是动画。

2013 年的 iOS 7 给界�加了�线性的弹簧动画。在这之�,动效��时长和缓动曲线�制,东西�么匀速走,�么简�加�速,到�就�。iOS 7 之�,�移�以带质�和阻尼,你�它一下,它过冲一点会�弹��。

这一层改动当时并�全是好评。弹簧的�数�按物�直觉�,开�者调起�得全凭手感,�少 App 早期都弹得过头。但我觉得快慢并�是�点,�点是他们在大刀阔斧把 UI ���平化之�,利用动画让轻飘飘的界�元素具备了��感,这�处�方�其�和 Taptic Engine 是�一个�路:让�璃下的数字内容显得真��信。

2022 年 iPhone 14 Pro 的�动岛是在这个方�上的继续�进,把那�挖孔镜头��一片会按内容伸缩�有边界�能呼�的区域,�是这次的动画是为了让那个闹心的刘海��「�眼�。

这三件事看起�并�相关:震动�动画��动岛。其�它们都在处��一个问题,如何让人相信虚拟的�幕上�那些东西是真��信的。

一�曲线贯彻到底

iPhone 底部 Dock �特写,四个圆角图标�机身边角的弧度对照(图�:ID 公社)

2017 年 iPhone X 之�,媒体普�开始�� iOS 软硬件的圆角处�。

机身��幕�图标四角,用的�是几何�义上的正圆角,是曲��续的超椭圆。我之�也在 《跟� Apple Watch �识产�工业设计》 里�独介�过。

圆角矩形的��,在�分辨��幕上是糊的,看�出�。iPhone 4 之��幕密到 326 ppi,那��就���了。我最�以为这是为了修��个显示瑕疵,但在 AI 的帮助下�� 2013 年 那份专利 里,�由写的是�学,一个字没��幕。

�看�难,难在它必须整�机器一起�。�幕圆角得跟机身对�,图标圆角得跟�幕的手感对�,� San Francisco 这套新字体一笔的收尾弧度都得跟它们用�一套曲线。��有一处圆角没用这个曲线,这个�念就��立了。

��所有�手机的�牌都�约而�开始强调自家也�了多好看的圆角。macOS 26 也把图标圆角�调圆了一轮,我在第 6 期里整�过这三�年图标的�化。

把别人的��整�为规范

倾斜视角的 iPhone 主�,桌��组件�时显示天气�日�和照片(图�:优设)

比如�组件和深色模�。

桌��组件�是苹���的,Android 很早就有,Windows Vista 的侧边�比它更早。2020 年 iOS 14 上�的时候,很多人第一�应是「这�早就有了�。

而苹�给了一套尺寸网格�统一的圆角�统一的刷新机制。�完之�,�组件�「能放东西的方����了一个�以被设计的东西,第三方开始按这套规矩�,用户也慢慢觉得它值得摆出�。有关�组件的详细介�,�以看看优设这篇 全新的 iOS 14 �组件�如何设计?�看官方设计指�。

深色模���。2019 年 iOS 13 上线时,Windows Phone 早在 2010 年就把深色��了默认。iOS 显然�了更多的�考,把哪些层级用什么�,图片�么处�,OLED 上黑色�么用,全部定�了内置的规则,大幅度�少了第三方设计开�的摩擦。

苹�在这些地方的动作都是「整��收编�。

其�这些纯粹软件上的细节,��其他�牌愿�多想一步,肯定是能�到且�好的。以我粗浅的�解,�能�因是既然有人愿���蟹,我们�等等,让他先�,�中毒我们��。Google 大概算那个愿�多想一步的,他们的设计�念我在第 11 期里专门�过。

让设备边界消失

比如 2013 年的 AirDrop,2014 年的 Handoff,以� 2016 年的通用剪贴�。

这三个工具�独看都是�痛�痒的功能:传文件,跨设备�制粘贴,继续干活。但�起�之�,至少在我的使用�验里,我开始�太在�文件在哪�设备上了。

在这之�,多设备��是个需�被管�的问题。你得知�照片存在手机还是电脑,得记得哪�机器上是最新版。AirDrop 之�,传输这个动作��选一个身份,��是选一个存储�置。Handoff 之�,你在手机上读的网页,电脑上直�就能��看。

其�还有更多这样的��,例如,跨设备投�,使用一套键鼠横跨多个设备,耳机音�多设备无感切�,很多很多……

这些无�无感但稳定��的功能体验,慢慢会改�用户的心智,人们会�「哇��还�以这样���「本�就该这样�。

最近的新�化

iPhone Duo �折�状�:被翻过�的一��幕内容已�模糊,��用户的这一���清晰(图�:Apple 官网)

如�说手机的全��时代,�样处��幕刘海或�置摄�头是 S 级问题,那么折��设备设计的 S 级问题就是看内�折�展开的�作体验。这里的「 S 级 ��为无法��的设计问题。

iPhone Duo 我觉得有��的地方是折�和展开的时候,被翻过�的�幕内容会��切�的过程�模糊,�时��用户这一�的�幕越�越清晰。

这�处�方�我觉得�常有��,会让人在心�上感到:我其�折�的是外�的框和�璃,�幕里的内容还挺留在那个一整�的平�上。表�看软硬件在视觉上短暂「分离�了,但其�背�结�得�分紧密。

三星 Galaxy Z Fold 8 是 2026 年 7 月�布的,比 iPhone Duo 早两个月,但它根本没有开�动画:内容�是等手机展开到大约一�时,直��外�切到内�。

钛媒体的评价更直�:

折��早就能在内外�之间�续内容,但画��么��开�动作过渡,过�确�没有几家会�仔细研究。苹�这次把机身的动作和画�的�化�了起�……第一次把折��“折��这个动作,��一�视觉享�。

� 2019 年三星首款折��算起整整七年,行业一直在改进铰链�久度�折痕和�度,没有人处�「开�本身�这个交互。

对我的帮助

我并�算�粉,在用的设备�是标准三件套:Mac�iPad 和 iPhone,而且最新的也都是 5 年��布的��了。

�第一� iPhone 4 开始,�几年用下�我感觉到,苹��常擅长把一个已�存在的功能或体验,改造�别的�牌�想�个�法就得解释一�的默认值,这是值得所有设计师学习的。

这为我�设计,写文章,乃至�事任何创作活动,都带�了�大的帮助。判断一个设计�念值�值得学,我的��是看它有没有替��所有人��解释�本——�仅仅是用户,是�触到这个设计的所有人。

这�标准也是通用的,例如我很早就把它用在 文件管�和命�规范 上,给我和�事都节约了大��必�的沟通时间。它和 设计里的通�概念 是�一类东西:能跨场景用,�算真正的好工具。

�过�用在自己身上,我会尽�在给出任何交付之�都问问自己:这个东西,需�我�解释一��?

> 简��好用�专注的写作软件,少数派为你呈� 🚀

> 游��选购�验机�改装……用得上�学得到的 中��机指� �