熬夜看 WWDC 是一件不太友好的事情，除了熬夜本身的疲憊之外，通常不發(fā)布硬件的 WWDC 似乎很少會(huì)像蘋果 9 月特別活動(dòng)那樣新品不斷，讓剁手的沖動(dòng)蓋住疲憊。

不過(guò)好在今年的 WWDC 還是有硬件發(fā)布的，M2芯片，Macbook Air 以及：

當(dāng)然，iOS、iPadOS 乃至于新的 macOS 還是值得期待的，其中 iOS 16 最令人矚目的新功能之一，應(yīng)該就是完全翻新后的鎖屏功能了。關(guān)于這個(gè)功能，來(lái)自 Techradar 的編輯同蘋果的軟件高級(jí)副總裁Craig Federighi 和現(xiàn)任設(shè)計(jì)副總裁 Alan Dye 深入聊了一下，獨(dú)家揭秘了這個(gè)功能背后的開發(fā)、決策和技術(shù)內(nèi)幕。

感興趣的同學(xué)可以去閱讀原文：

https://www.techradar.com/features/exclusive-inside-apples-remaking-of-the-iphones-iconic-lock-screen

以下我梳理了這個(gè)訪談中，關(guān)于這一功能的10個(gè)要點(diǎn)。

1、iOS 14 時(shí)就已經(jīng)開始著手準(zhǔn)備

早在 iOS 14 推出桌面小組件的時(shí)候，蘋果就開始有計(jì)劃地逐步推動(dòng)用戶體驗(yàn)的個(gè)人化了。

Craig Federighi 在訪談中提到，這個(gè)功能早就已經(jīng)納入更新排期當(dāng)中，最開始是桌面小組件，然后當(dāng)通知摘要功能也完善出來(lái)之后，鎖屏界面的更新就自然而然到來(lái)了：

「這是我們看準(zhǔn)的一個(gè)機(jī)會(huì)，這是一個(gè)隨著推進(jìn)緩慢但是進(jìn)步空間巨大的一個(gè)領(lǐng)域，我們希望能夠在此做出真正大的改變——這是非常蘋果也非常個(gè)人化的事情。這是一種基于熱愛的行為。」

2、難點(diǎn)是品牌認(rèn)知和個(gè)性化之間的平衡

對(duì)于蘋果而言，針對(duì)鎖屏界面進(jìn)行改變是一場(chǎng)豪賭。針對(duì)鎖屏這種高頻、標(biāo)志性地交互界面進(jìn)行重設(shè)計(jì)，需要謹(jǐn)慎對(duì)待。這個(gè)重設(shè)計(jì)方案不能讓用戶覺得他們被逼著去適應(yīng)——這意味著這套設(shè)計(jì)，需要能夠提供一些足夠個(gè)人、對(duì)用戶有好處的設(shè)計(jì)，同時(shí)又保持著蘋果在鎖屏界面上一直以來(lái)的品牌特征，畢竟這是「門面」。

Alan Dye 對(duì)于目標(biāo)而言是這么說(shuō)的：

「我們的目標(biāo)是讓 iPhone 更加個(gè)性化——并且更加有用——同時(shí)保持iPhone 的關(guān)鍵要素，并且讓整個(gè) iPhone 更加完整。」

3、時(shí)鐘功能是 15 年來(lái)的標(biāo)志性特征

在 iOS 的鎖屏界面上，最具有代表性的視覺元素是時(shí)鐘元素，在過(guò)去 15 年的鎖屏界面中，它從未缺席過(guò)。它位于屏幕頂部 1/3 的位置居中顯示，即使 iOS 整體風(fēng)格從擬物化變?yōu)楸馄交龠M(jìn)化到今天的玻璃擬物化，它都未曾缺席。

但是，為了讓時(shí)鐘更加個(gè)性化，Alan Dye 帶領(lǐng)設(shè)計(jì)團(tuán)隊(duì)繼續(xù)為 San Francisco 字體族豐富其中的成員，加入了多種不同的字體，讓用戶擁有更多的定制空間，而這也正是蘋果從 80 年代 Macintosh 原始團(tuán)隊(duì)直到今天一直延續(xù)下來(lái)的「?jìng)鹘y(tǒng)藝能」。

「對(duì)于字體排版，我們一直有著巨大的熱情，并且還設(shè)計(jì)了很多其他的字體，甚至包括一些非西文的字體。所以我們希望用戶能夠從中選到他們喜歡的方案。」

4、讓鎖屏界面的外觀「雜志化」

實(shí)際上，iOS 16 的鎖屏界面比起以往的界面可玩性更強(qiáng)，有著比以往更加引人矚目的視覺效果，有著更大的個(gè)人設(shè)計(jì)的空間，這使得鎖屏界面不再是簡(jiǎn)單的壁紙+時(shí)鐘的簡(jiǎn)單組合。

關(guān)于這個(gè)部分，Alan Dye 是這么說(shuō)的：

「從設(shè)計(jì)團(tuán)隊(duì)的角度來(lái)看，我們的目標(biāo)是創(chuàng)造出更具編輯空間的東西，讓用戶能夠創(chuàng)造一個(gè)真正屬于自己的鎖屏界面……最終看起來(lái)像是一張很棒的雜志封面或者電影海報(bào)，但是我們也希望這種編輯過(guò)程不會(huì)太復(fù)雜，好在我們借助了一些自動(dòng)化的功能，讓它足夠有趣。」

實(shí)際上，新的鎖屏界面，是由可編輯的時(shí)鐘、一系列新控件和可以深度定義的壁紙共同組成的，這當(dāng)中還結(jié)合了一些非常強(qiáng)大的 AI 技術(shù)來(lái)輔助用戶，降低復(fù)雜度、提升編輯空間。

5、「照片」是整個(gè)鎖屏界面的核心

作為背景的照片是整個(gè)鎖屏界面的視覺核心，而這個(gè)功能也是布局久矣。早在 iOS 10 的時(shí)代就加入的「人像模式」攝影功能，就是這個(gè)壁紙功能的起點(diǎn)。隨著蘋果 A 系列芯片越來(lái)越強(qiáng)，人像優(yōu)化、對(duì)象識(shí)別也越來(lái)越熟練，如今借助機(jī)器學(xué)習(xí)，iPhone 可以更好地處理人像照片。

Craig Federighi 在訪談中談到了壁紙照片的功能看似簡(jiǎn)單，實(shí)則蘊(yùn)含著相當(dāng)深厚的技術(shù)功底：

「實(shí)際上，我們大概準(zhǔn)備了十幾個(gè)不同的神經(jīng)網(wǎng)絡(luò)算法在后臺(tái)，幫助用戶來(lái)判斷一張照片能否生成合理的主題，人物角色在哪里，構(gòu)圖要如何排布更加合理，甚至?xí)R(shí)別 人物表情、情緒是否合適。所有的這些算法自動(dòng)處理能夠幫助用戶生成超級(jí)棒的鎖屏背景，以一種從未有過(guò)的用戶體驗(yàn)來(lái)將背景生成在屏幕上。」

不過(guò)，所生成的鎖屏背景也并非完全位于「底部」，實(shí)際上算法既然能夠摳圖，自然也能讓被扣出的視覺主體從底層懸浮出來(lái)，成為獨(dú)立的「分層」，并且和頂部的控件交疊覆蓋，形成有趣的視覺互動(dòng)。

6、鎖屏控件并不能隨便排布的

但是在另外一方面，iOS 16 的鎖屏界面在大的布局模式上，并沒(méi)有像 Android 那樣隨性，你可以選擇鎖屏?xí)r鐘的樣式，但是并不能挪動(dòng)它的位置，鎖屏控件正好位于時(shí)鐘之下，但是同樣的不能移出它的既定區(qū)域，這也意味著 iOS 16 的鎖屏布局是有著嚴(yán)格的排版約束，它不會(huì)徹底的自由，但是在整體視覺上也很難真的變難看。

關(guān)于這個(gè)問(wèn)題，Craig 表示并不是沒(méi)有考慮更自由的方案，但是目前 的選擇更加平衡：

「放置小組件這件事情非常有意思，很多人會(huì)說(shuō)要不更自由一點(diǎn)，讓小控件可以隨便放到不同的地方。老實(shí)說(shuō)，從技術(shù)上來(lái)說(shuō)，這完全沒(méi)有挑戰(zhàn)。當(dāng)然，我們嘗試過(guò)很多可能性，或者說(shuō)我們幾乎嘗試過(guò)所有的可能性， 只是這樣很容易失去平衡。」

7、AI 算法和神經(jīng)網(wǎng)絡(luò)芯片一直在發(fā)揮作用

前面提到了，iOS 16 的鎖屏背景的篩選處理過(guò)程中，會(huì)用到十幾種算法和神經(jīng)網(wǎng)絡(luò)來(lái)進(jìn)行篩選，實(shí)際上 AI 算法和芯片在方方面面都會(huì)持續(xù)地運(yùn)算并且輔助用戶完成各種操作。比如編輯背景的時(shí)候，算法能夠在 100毫秒內(nèi)完成摳圖和編輯，算法會(huì)考慮前景的控件、時(shí)鐘和背景的對(duì)比度，借助算法加入濾鏡和參數(shù)調(diào)整，并且為用戶提供處理后的多個(gè)備選方案。

對(duì)于這個(gè)處理過(guò)程，Alan Dye 是這樣解釋的：

「這些處理后的結(jié)果并非簡(jiǎn)單的濾鏡疊加，實(shí)際上后臺(tái)會(huì)調(diào)整各種參數(shù)，加入濾鏡，芯片和算法會(huì)理解照片內(nèi)容場(chǎng)景，為不同的照片提供不同的智能處理方案。這種結(jié)果是設(shè)計(jì)和技術(shù)的完美結(jié)合，我認(rèn)為它們非常漂亮。」

Craig Federighi 補(bǔ)充道：

「你會(huì)得到比給照片加濾鏡更加引人矚目的結(jié)果。」

8、保證前景內(nèi)容可讀性的「智能材料」

實(shí)際上，鎖屏界面上的文本和控件都是以半透明的形式疊加在背景上，但是背景圖片是用戶選取的，怎么保證前后景的對(duì)比度？這一問(wèn)題的解決方案，是研發(fā)和設(shè)計(jì)團(tuán)隊(duì)協(xié)同創(chuàng)造的「智能材料」。Craig 解釋道：

「我們構(gòu)建的東西本質(zhì)上是虛擬的——（在前后景之間）像紙、玻璃或者布料一樣的材料——我們借助這個(gè)智能的圖層來(lái)創(chuàng)造模糊、半透明的效果，借助它我們確定哪些光可以透過(guò)這個(gè)材料層，而它能夠確保頂層的內(nèi)容可讀……誰(shuí)知道底層的圖片會(huì)是什么，對(duì)吧？」

這個(gè)同樣基于算法和神經(jīng)網(wǎng)絡(luò)的功能也同樣是會(huì)靈活自適應(yīng)的，蘋果的設(shè)計(jì)團(tuán)隊(duì)測(cè)試過(guò)無(wú)數(shù)的背景圖片，甚至包括黑白棋盤這種奇葩的壁紙。

9、一舉兩得觸手可及的底部推送欄

這次鎖屏界面功能中，最為實(shí)用的一項(xiàng)更新是系統(tǒng)通知狀態(tài)欄的變更。通常我們?cè)阪i屏界面下看到的通知列表會(huì)將整個(gè)壁紙給蓋住，而這次整個(gè)列表被收納到底部，在接收通知的同時(shí)，不影響壁紙的美觀，而所處的位置也更容易觸及，一舉兩得。

對(duì)此 Alan Dye 在訪談的時(shí)候這么說(shuō)道：

「如果考慮到個(gè)性化的設(shè)計(jì)，那么這種從底部進(jìn)入的通知推送是非常好的，因?yàn)槲覀兘?jīng)常看到各種壁紙被通知覆蓋的截圖，我不希望我們的新設(shè)計(jì)也會(huì)帶來(lái)這樣的效果。」

這種底部通知推送的機(jī)制，最早出現(xiàn)在 webOS 當(dāng)中，并且一直被視作為這一系統(tǒng)的優(yōu)秀交互設(shè)計(jì)，如今終于被 iOS 給「借鑒」過(guò)來(lái)了，也不失為一次交互設(shè)計(jì)的「文藝復(fù)興」。

10、不同專注模式下有不同的鎖屏界面

在 iOS 15 當(dāng)中，專注模式的加入，讓用戶對(duì)自己的狀態(tài)進(jìn)行區(qū)分提供了可能性。原本的專注模式分為 個(gè)人、工作、睡眠和勿擾 四種常見模式，用戶還可以自定義更多的專注模式。

在 iOS 16 中，不同的模式之下，可以擁有獨(dú)立的、契合當(dāng)前模式的鎖屏界面。對(duì)此，Craig 是這樣解釋的：

「我認(rèn)為手機(jī)的個(gè)性化風(fēng)格和你所處的心態(tài)和狀態(tài)都是相關(guān)的。當(dāng)我進(jìn)入特定狀態(tài)的時(shí)候，手機(jī)各個(gè)方面都應(yīng)該發(fā)出對(duì)應(yīng)的信號(hào)，而鎖屏界面也通過(guò)個(gè)性化對(duì)這種狀態(tài)進(jìn)行強(qiáng)化。」