相比于去年 iOS 14 帶來(lái)的小組件和 APP 資源庫(kù)的功能，今年 iOS 15 的升級(jí)幅度似乎確實(shí)沒(méi)有那么大。

接下來(lái)就從設(shè)計(jì)師的角度來(lái)看看 iOS 15 帶來(lái)的視覺(jué)和體驗(yàn)的變化。

通知中心的重新設(shè)計(jì)

iOS 15 對(duì)通知中心進(jìn)行了視覺(jué)排版上的優(yōu)化，放大了 APP 圖標(biāo)并置于卡片的左側(cè)，讓用戶(hù)可以通過(guò)圖標(biāo)更輕松的區(qū)分和查看消息。

消息小卡片的圓角也更加圓滑，圓角接近于與控制中心按鈕的大小，這種圓角更大的設(shè)計(jì)也更容易將用戶(hù)的視線(xiàn)過(guò)渡到內(nèi)容中心，同時(shí)也使得 iOS 系統(tǒng)設(shè)計(jì)風(fēng)格能夠更加一致。

在通訊類(lèi) APP 的推送中，采用了聯(lián)系人照片 + APP 小圖標(biāo)的組合形態(tài)，增加信息來(lái)源的辨識(shí)度，以這種形式更清晰地告知用戶(hù)，所收到的信息的來(lái)源和屬性。（目前國(guó)內(nèi)的 APP 例如微信、飛書(shū)的消息通知等都還沒(méi)有完全適配）

值得注意的是，iOS 15 還可以根據(jù)用戶(hù)設(shè)置的時(shí)間來(lái)定時(shí)推送，這些定時(shí)推送會(huì)構(gòu)成一個(gè)較大的通知摘要卡片，而摘要的內(nèi)容會(huì)進(jìn)行智能排序，這種機(jī)制將會(huì)對(duì)設(shè)計(jì)和運(yùn)營(yíng)有較大的影響（所以 APP 通知推送會(huì)因?yàn)檫@種機(jī)制形成新一輪的內(nèi)卷么？）

隨著營(yíng)銷(xiāo)推送的內(nèi)容越來(lái)越密集，用戶(hù)承受的信息壓力也越來(lái)越大，蘋(píng)果也在嘗試構(gòu)建更多細(xì)分場(chǎng)景下的推送管理，在 iOS 15 中用戶(hù)可以選擇讓 APP「靜音一小時(shí)」或者「今天不再推送」來(lái)避免干擾。

更好用的 Safari 瀏覽器

新版 Safari 有較大的改進(jìn)，iOS 15 將頂部的地址欄和底部的工具融合到了屏幕底部，成為了一個(gè)懸浮的交互控件，并在視覺(jué)上進(jìn)行了簡(jiǎn)化，右滑動(dòng)地址欄可以在不同的頁(yè)面中快速切換，向上輕掃地址欄，則可查看所有打開(kāi)的標(biāo)簽頁(yè)，這種在底部操作的交互方式也更符合大屏化的趨勢(shì)。

這種左右滑動(dòng)和向上輕滑也明顯能感覺(jué)到是從 iOS 整個(gè)系統(tǒng)的手勢(shì)操作中遷移而來(lái)，而這種手勢(shì)可以極大的降低用戶(hù)的學(xué)習(xí)成本。

在頁(yè)面向下滾動(dòng)時(shí)，懸浮的地址欄和工具欄會(huì)自動(dòng)隱藏到底部，界面看起來(lái)沉浸感也更強(qiáng)。

這種交互方式的變化邏輯也符合交互設(shè)計(jì)中的費(fèi)茨定律：

費(fèi)茨定律

任意一點(diǎn)移動(dòng)到目標(biāo)中心位置所需要的時(shí)間，與目標(biāo)距離正相關(guān)，與目標(biāo)大小負(fù)相關(guān)

這里舉個(gè)例子來(lái)簡(jiǎn)單理解一下，手指當(dāng)前的位置與按鈕的距離 D 越長(zhǎng)，所需時(shí)間越長(zhǎng)；按鈕的寬度 W 越大，所需時(shí)間越短。應(yīng)用到產(chǎn)品設(shè)計(jì)中就是將按鈕放置在離手指較近的地方，比如屏幕底部易操作區(qū)域，完成任務(wù)的時(shí)間也就會(huì)越短。

夸克瀏覽器同樣是將輸入框以及一些常用操作置于底部，這是因?yàn)槲覀冋Ｎ粘质謾C(jī)時(shí)，大拇指離底部更近，所以需要進(jìn)行點(diǎn)擊操作的時(shí)底部的輸入框操作起來(lái)更方便，也更快。

Safari 的這種交互方式在移動(dòng)操作系統(tǒng)已經(jīng)有了一些案例，三星的 one UI 以及安卓陣營(yíng)中的眾多產(chǎn)品也都逐漸往這種大屏化的交互邏輯發(fā)展。

此外，Safari 采用了新的標(biāo)簽欄設(shè)計(jì)，同時(shí)可以對(duì)繁雜的標(biāo)簽頁(yè)進(jìn)行整理和保存，標(biāo)簽組支持多設(shè)備間的無(wú)縫同步，在任一設(shè)備上的改動(dòng)，都能及時(shí)同步到所有設(shè)備上。

卡片化的設(shè)計(jì)

在使用 iOS 15 的過(guò)程中能清晰的感知到，iOS 整很多界面卡片設(shè)計(jì)更加和諧了，我們最常用的設(shè)置頁(yè)就整體卡片設(shè)計(jì)上做了區(qū)塊化和圓角化的處理。要比之前系統(tǒng)直線(xiàn)分割的界面柔和許多。

這種通過(guò)使用大留白、兩側(cè)縮進(jìn)的卡片設(shè)計(jì)使得界面所呈現(xiàn)的功能更加清晰，也更能夠突顯內(nèi)容，同時(shí)和蘋(píng)果自家產(chǎn)品 App Store、Apple Music 等產(chǎn)品的設(shè)計(jì)風(fēng)格更加靠近。

同樣天氣 APP 主界面也做了布局的改動(dòng)，增加了卡片化的設(shè)計(jì)，信息組織也更加直觀清晰。天氣 APP 頭部的天氣背景也進(jìn)行了重新設(shè)計(jì)，動(dòng)畫(huà)背景更加真實(shí)，能夠準(zhǔn)確地反映出太陽(yáng)的位置和降雨情況，相比之前會(huì)美觀很多。天氣 APP 也增加空氣質(zhì)量、溫度、降水強(qiáng)度，空氣質(zhì)量地圖等諸多功能。

更多新功能

除了通知、Safari 瀏覽器、天氣、錢(qián)包、地圖等常用功能的更新外，iOS 15 新版本在其他方面也做了更多功能性的升級(jí)，這里就來(lái)簡(jiǎn)單看下有哪些重要的更新。

1. Live Text

首先就是 iOS 15 中為照片帶來(lái)了「實(shí)況文本」功能，在這個(gè)功能的幫助下，在相冊(cè)里長(zhǎng)按圖片，就會(huì)彈出復(fù)制、查詢(xún)、翻譯和學(xué)習(xí)等選項(xiàng)，這個(gè)新功能估計(jì)也是 iOS 15 更新最實(shí)用的功能之一了~（這個(gè)功能在錘子手機(jī)的“大爆炸”中也有）

Live Text 還可以識(shí)別照片的各種元素，比如地標(biāo)、動(dòng)植物和花卉種類(lèi)等等。配合 iPhone 自帶的系統(tǒng)搜索——聚焦搜索（Spotlight），根據(jù)文字元素來(lái)搜索圖片。

2. 專(zhuān)注模式

iOS 15 加入了「專(zhuān)注模式」，能助你更好地專(zhuān)注重要信息，由之前的「勿擾模式」升級(jí)而來(lái)，包括勿擾模式、工作模式、個(gè)人模式以及睡眠模式。每個(gè)狀態(tài)可以設(shè)置不同的顯示通知，并可與其他設(shè)備同步。

3. 大鬧鐘回來(lái)了

在此前的 iOS 14 中，設(shè)定鬧鐘的控件改為了數(shù)字輸入，在隨后的迭代中又改為了很小的滾輪輸入，這種過(guò)小的交互空間受到了很多用戶(hù)的吐槽。

iOS 15 中蘋(píng)果又將鬧鐘設(shè)置改為 iOS 13 的大滾輪，隨手上下拖動(dòng)撥盤(pán)就輕松的設(shè)定好鬧鐘了。

4. 桌面小組件

不知道小伙伴有沒(méi)有發(fā)現(xiàn)，在 iOS 14 中桌面重疊的小組件沒(méi)法拖動(dòng)出來(lái)，只能手動(dòng)刪除再重新添加。在 iOS 15 蘋(píng)果就解決了這個(gè)問(wèn)題，小組件現(xiàn)在可以從堆疊狀態(tài)移出，同時(shí)可以選擇智能輪換和小組件建議是否打開(kāi)。

桌面還有一項(xiàng)大的變化就是可以整頁(yè)移動(dòng)了，相比 iOS 14 只能一個(gè)一個(gè)拖動(dòng) APP，整頁(yè)的切換和隱藏大幅縮短了 APP 布局困難者的“編輯”時(shí)間。

此外，iOS 15 相機(jī)和天氣的圖標(biāo)也進(jìn)行了一些細(xì)微調(diào)整?！敖】怠?APP 中新加入了健康趨勢(shì)，其中包括靜息心率、睡眠和有氧適能，持續(xù)觀測(cè)健康狀況的變化。FaceTime 中也增加了空間音頻、人像模式、語(yǔ)音隔離、同播共享等功能。相冊(cè)增加了 EXIF 參數(shù)顯示等。

除了系統(tǒng)及界面以外，iOS 在 Human Interface Guidelines（界面設(shè)計(jì)指南）的內(nèi)容上也有了一些更新，比如新增了包容性的設(shè)計(jì)原則，SF Symbols 3.0 圖標(biāo)的新增，以及新的空間交互的設(shè)計(jì)。更多關(guān)于 iOS 人機(jī)界面設(shè)計(jì)指南可參考 ：https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

總的來(lái)說(shuō)，雖然修修補(bǔ)補(bǔ)又一年，但 iOS15 系統(tǒng)在細(xì)節(jié)設(shè)計(jì)以及新功能上確實(shí)提升了用戶(hù)體驗(yàn)。

文章來(lái)源：優(yōu)設(shè) 作者：姜佳欣


分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)