Matrix 首页��
MatrixÂ æ˜¯å°‘æ•°æ´¾çš„å†™ä½œç¤¾åŒºï¼Œæˆ‘ä»¬ä¸»å¼ åˆ†äº«çœŸå®�的产å“�体验,有å®�用价值的ç»�验ä¸�æ€�考。我们会ä¸�定期挑选 Matrix æœ€ä¼˜è´¨çš„æ–‡ç« ï¼Œå±•ç¤ºæ�¥è‡ªç”¨æˆ·çš„æœ€çœŸå®�的体验和观点。
æ–‡ç« ä»£è¡¨ä½œè€…ä¸ªäººè§‚ç‚¹ï¼Œå°‘æ•°æ´¾ä»…å¯¹æ ‡é¢˜å’Œæ�’版略作修改。
æ¯�次苹æ�œå�‘æ–°å“�,我都会å�»å®˜ç½‘è½¬ä¸€åœˆï¼Œè¿™ä¸ªä¹ æƒ¯ä¿�æŒ�äº†å¾ˆå¤šå¹´ï¼Œå› ä¸ºæ— è®ºå¥½å��,他们æ¯�次在网站的设计和交互上多少都能ç�©å‡ºäº›æ–°èŠ±æ ·ã€‚è¿™åœ¨å…¶ä»–å“�牌很少è§�。
翻得多了会å�‘ç�°ï¼Œé‚£äº›è¢«åˆ«çš„å“�牌å¦èµ°çš„ã€�éš”å‡ å¹´å°±åœ¨æ— æ•°äº§å“�上é‡�新出ç�°ï¼Œæˆ–者能æ˜�显看到影å�çš„å�šæ³•ï¼Œå‡ ä¹�都ä¸�是å�‘布会上的é‡�点。
在消费数ç �领域,所有å“�牌都在ä¸�æ–æ�¢ç´¢å’Œå¦ä¹ ,苹æ�œè¿™å®¶å…¬å�¸ç»™æˆ‘的感å�—是,他们总有一套自己独到的è§�解和æ€�路,虽没有了 iPod 或 iPhone 4 时代那么ç�°è±¡çº§çš„å½±å“�,但在库克æ�Œç®¡ Apple çš„å��å‡ å¹´é‡Œï¼Œä¾�ç„¶å˜åœ¨å¾ˆå¤šå®¹æ˜“被创作者忽视和值得å¦ä¹ æ€�考的问题处ç�†æ–¹å¼�。往深讲,这或许有一套方法论在里é�¢ï¼Œå…¶å®�我想ä¸�æ˜�白也说ä¸�æ¸…æ¥šå®ƒä»¬åˆ°åº•æ˜¯ä»€ä¹ˆï¼Œè¿™ç¯‡æ–‡ç« ä¹Ÿå�ªæ˜¯æŠ›ç –引ç�‰ï¼Œå¦‚æ�œä½ 也对这方é�¢æ„Ÿå…´è¶£ï¼Œæ¬¢è¿�交æµ�。
把触感�入界�

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 çš„ç�µåŠ¨å²›æ˜¯åœ¨è¿™ä¸ªæ–¹å�‘ä¸Šçš„ç»§ç»æ�¨è¿›ï¼ŒæŠŠé‚£å�—挖å”镜头å�˜æˆ�一片会按内容伸缩ã€�有边界ã€�能呼å�¸çš„区域,å�ªæ˜¯è¿™æ¬¡çš„动画是为了让那个闹心的刘海ä¸�å†�「ç¢�眼ã€�。
这三件事看起�并�相关:震动�动画��动岛。其�它们都在处��一个问题,如何让人相信虚拟的�幕上�那些东西是真��信的。
一�曲线贯彻到底

2017 年 iPhone X 之�,媒体普�开始�� iOS 软硬件的圆角处�。
机身ã€�å±�幕ã€�å›¾æ ‡å››è§’ï¼Œç”¨çš„ä¸�æ˜¯å‡ ä½•æ„�义上的æ£åœ†è§’,是曲ç�‡è¿�ç»çš„è¶…æ¤åœ†ã€‚我之å‰�也在 《跟ç�€ Apple Watch åˆ�识产å“�工业设计》 里å�•独介ç»�过。
圆角矩形的æ�¥ç¼�,在ä½�分辨ç�‡å±�幕上是糊的,看ä¸�出æ�¥ã€‚iPhone 4 之å��å±�幕密到 326 ppi,那æ�¡ç¼�å°±è—�ä¸�ä½�了。我最åˆ�以为这是为了修æ�‰æŸ�个显示瑕疵,但在 AI 的帮助下å�‘ç�° 2013 å¹´ 那份专利 里,ç�†ç”±å†™çš„æ˜¯ç¾�å¦ï¼Œä¸€ä¸ªå—没æ��å±�幕。
å�•看ä¸�难,难在它必须整å�°æœºå™¨ä¸€èµ·å�šã€‚å±�幕圆角得跟机身对é½�ï¼Œå›¾æ ‡åœ†è§’å¾—è·Ÿå±�幕的手感对é½�,è¿� San Francisco 这套新å—体一笔的收尾弧度都得跟它们用å�Œä¸€å¥—曲线。å�ªè¦�有一处圆角没用这个曲线,这个ç�†å¿µå°±ä¸�æˆ�立了。
å��é�¢æ‰€æœ‰å�šæ‰‹æœºçš„å“�牌都ä¸�约而å�Œå¼€å§‹å¼ºè°ƒè‡ªå®¶ä¹Ÿå�šäº†å¤šå¥½çœ‹çš„圆角。macOS 26 ä¹ŸæŠŠå›¾æ ‡åœ†è§’å�ˆè°ƒåœ†äº†ä¸€è½®ï¼Œæˆ‘在第 6 期里整ç�†è¿‡è¿™ä¸‰å��å¹´å›¾æ ‡çš„å�˜åŒ–。
把别人的��整�为规范

比如�组件和深色模�。
桌é�¢å°�组件ä¸�是苹æ�œå�‘æ˜�的,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 之å��ï¼Œä½ åœ¨æ‰‹æœºä¸Šè¯»çš„ç½‘é¡µï¼Œç”µè„‘ä¸Šç›´æ�¥å°±èƒ½æ�¥ç�€çœ‹ã€‚
å…¶å®�è¿˜æœ‰æ›´å¤šè¿™æ ·çš„å��å�Œï¼Œä¾‹å¦‚,跨设备投å±�ï¼Œä½¿ç”¨ä¸€å¥—é”®é¼ æ¨ªè·¨å¤šä¸ªè®¾å¤‡ï¼Œè€³æœºéŸ³å“�å¤šè®¾å¤‡æ— æ„Ÿåˆ‡æ�¢ï¼Œå¾ˆå¤šå¾ˆå¤šâ€¦â€¦
è¿™äº›æ— ç¼�æ— æ„Ÿä½†ç¨³å®šå�¯é� 的功能体验,慢慢会改å�˜ç”¨æˆ·çš„心智,人们会ä»�「哇å�Ÿæ�¥è¿˜å�¯ä»¥è¿™æ ·ã€�å�˜æˆ�「本æ�¥å°±è¯¥è¿™æ ·ã€�。
最近的新�化

如æ�œè¯´æ‰‹æœºçš„å…¨é�¢å±�时代,æ€�æ ·å¤„ç�†å±�幕刘海或å‰�置摄åƒ�头是 S 级问题,那么折å� å±�设备设计的 S 级问题就是看内å±�折å� 展开的æ“�作体验。这里的「 S 级 ã€�æ„�ä¸ºæ— æ³•å›�é�¿çš„设计问题。
iPhone Duo 我觉得有æ„�æ€�的地方是折å� 和展开的时候,被翻过å�»çš„å±�幕内容会éš�ç�€åˆ‡æ�¢çš„过程å�˜æ¨¡ç³Šï¼Œå�Œæ—¶é�¢å�‘用户这一é�¢çš„å±�幕越æ�¥è¶Šæ¸…晰。
è¿™ç§�处ç�†æ–¹å¼�我觉得é��常有æ„�æ€�,会让人在心ç�†ä¸Šæ„Ÿåˆ°ï¼šæˆ‘å…¶å®�折å� 的是外é�¢çš„æ¡†å’Œç�»ç’ƒï¼Œå±�幕里的内容还挺留在那个一整å�—的平é�¢ä¸Šã€‚表é�¢çœ‹è½¯ç¡¬ä»¶åœ¨è§†è§‰ä¸ŠçŸæš‚「分离ã€�了,但其å®�背å��结å�ˆå¾—å��分紧密。
三星 Galaxy Z Fold 8 是 2026 å¹´ 7 月å�‘布的,比 iPhone Duo æ—©ä¸¤ä¸ªæœˆï¼Œä½†å®ƒæ ¹æœ¬æ²¡æœ‰å¼€å�ˆåŠ¨ç”»ï¼šå†…å®¹å�ªæ˜¯ç‰æ‰‹æœºå±•开到大约一å�Šæ—¶ï¼Œç›´æ�¥ä»�外å±�切到内å±�。
钛媒体的评价更直�:
折å� å±�早就能在内外å±�之间æ�¥ç»å†…容,但画é�¢æ€�么éš�ç�€å¼€å�ˆåŠ¨ä½œè¿‡æ¸¡ï¼Œè¿‡å�»ç¡®å®�æ²¡æœ‰å‡ å®¶ä¼šå�»ä»”ç»†ç ”ç©¶ã€‚è‹¹æ�œè¿™æ¬¡æŠŠæœºèº«çš„动作和画é�¢çš„å�˜åŒ–è¿�了起æ�¥â€¦â€¦ç¬¬ä¸€æ¬¡æŠŠæŠ˜å� å±�“折å� â€�这个动作,å�šæˆ�一ç§�视觉享å�—。
ä»� 2019 年三星首款折å� å±�算起整整七年,行业一直在改进铰链è€�久度ã€�折痕和å�šåº¦ï¼Œæ²¡æœ‰äººå¤„ç�†ã€Œå¼€å�ˆæœ¬èº«ã€�这个交互。
对我的帮助
我并ä¸�ç®—æ�œç²‰ï¼Œåœ¨ç”¨çš„设备å�ªæ˜¯æ ‡å‡†ä¸‰ä»¶å¥—:Macã€�iPad å’Œ iPhone,而且最新的也都是 5 å¹´å‰�å�‘布的å�‹å�·äº†ã€‚
ä»�第一å�° iPhone 4 开始,å��å‡ å¹´ç”¨ä¸‹æ�¥æˆ‘感觉到,苹æ�œé��常擅长把一个已ç»�å˜åœ¨çš„åŠŸèƒ½æˆ–ä½“éªŒï¼Œæ”¹é€ æˆ�别的å“�牌å†�想æ�¢ä¸ªå�šæ³•å°±å¾—è§£é‡Šä¸€é��的默认值,这是值得所有设计师å¦ä¹ 的。
这为我å�šè®¾è®¡ï¼Œå†™æ–‡ç« ,乃至ä»�事任何创作活动,都带æ�¥äº†æ��大的帮助。判æ–一个设计ç�†å¿µå€¼ä¸�值得å¦ï¼Œæˆ‘çš„å�¯å�‘是看它有没有替å��é�¢æ‰€æœ‰äººçœ�æ�‰è§£é‡Šæˆ�本——ä¸�仅仅是用户,是æ�¥è§¦åˆ°è¿™ä¸ªè®¾è®¡çš„æ‰€æœ‰äººã€‚
è¿™æ�¡æ ‡å‡†ä¹Ÿæ˜¯é€šç”¨çš„,例如我很早就把它用在 文件管ç�†å’Œå‘½å��规范 上,给我和å�Œäº‹éƒ½èŠ‚çº¦äº†å¤§é‡�ä¸�å¿…è¦�的沟通时间。它和 设计里的通æ�€æ¦‚念 是å�Œä¸€ç±»ä¸œè¥¿ï¼šèƒ½è·¨åœºæ™¯ç”¨ï¼Œæ‰�算真æ£çš„好工具。
�过�用在自己身上,我会尽�在给出任何交付之�都问问自己:这个东西,需�我�解释一��?
> 简å�•ã€�好用ã€�ä¸“æ³¨çš„å†™ä½œè½¯ä»¶ï¼Œå°‘æ•°æ´¾ä¸ºä½ å‘ˆç�° 🚀
> 游æˆ�ã€�选è´ã€�验机ã€�改装……用得上ã€�å¦å¾—到的 ä¸å�¤æ�ŒæœºæŒ‡å�— ğŸ�®
评论交流(0)
登录后即可参与评论交流,立即登录 / 注册
还没有评论,来抢沙发~