92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

iPhone 14正式發布!從設計師角度聊聊蘋果的靈動島功能

2022-9-9    鶴鶴

蘋果的發布會經常會被視作為「科技春晚」,而如果你看過幾次,大體上還是能夠看出一些套路的。最近幾年的發布會,基本上都會讓最小的 Apple Watch 系列先來暖場,然后才會上諸如 iPhone 和 Mac 這樣的重頭戲。

iOS 16 UI設計 交互設計 靈動島

在 Apple Watch Ultra 為整個發布會打出一波小高潮之后,新的 iPhone 14 從造型、配色到芯片上的「擺爛」,讓人感到蘋果的9月特別活動開始進入了一種疲軟的情緒。

iOS 16 UI設計 交互設計 靈動島

直到 iPhone 14 Pro 出現,全新的打孔屏替代了劉海,「靈動島」在交互上的突出表現,透出了屏幕,iPhone 14 所帶來的疲軟氛圍一掃而空,以設計聞名的蘋果再一次將「你大爺始終是你大爺」打在公屏上。

iOS 16 UI設計 交互設計 靈動島

交互設計的野心

必須承認,蘋果在交互設計上的野心從來未曾淡褪。

iOS 16 UI設計 交互設計 靈動島

最近幾年,iPadOS 系統從 iOS 系統當中獨立出來,大屏觸控交互連年升級,iPad 就點名道姓地頂著 Mac 產品線來競爭了。iOS 系統也開始在系統個性化和美化上越走越遠,去年 Safari 的交互升級蘋果狠狠的秀了一波操作:

而今年 WWDC 上,「前臺調度」這一新交互干脆把性能門檻拉到最新的 M1 芯片級別,讓性能為交互體驗作出犧牲,雖然不少人詬病,但是也足以看出蘋果在交互設計上的認真。

iOS 16 UI設計 交互設計 靈動島

樁樁件件,蘋果在設計上的騷操作,正經是沒有停過的。

老實說,早在 iPhone X時代,使用挖孔屏的 Android 手機廠商就沒少嘲諷 iPhone 的劉海,這回「靈動島」這套高成本交互設計方案狠狠壓在 iOS 打孔屏上,蘋果算是懟著過去幾年 Android 打孔屏的友商們的臉一頓輸出,把正確答案糊在對面臉上,一點不客氣。

iOS 16 UI設計 交互設計 靈動島

挖孔屏交互的設計公約數

iPhone 系列從 iPhone 14 Pro 開始,肯定是要革除劉海,啟用挖孔屏了?!胳`動島」這套設計不僅僅僅只是針對通知系統的重新想象,它將通知系統幾乎修改成了一個隨時待命的彈窗通知系統,它自動疊加在界面層之上,可小可大,可以模態也可非模態。也正是因為這一點,整個圍繞著「靈動島」存在的即時通知系統的復雜度,比起之前的通知彈窗復雜了不止一個數量級。

iOS 16 UI設計 交互設計 靈動島

iOS 16 UI設計 交互設計 靈動島

首先,在絕大多時候,「靈動島」會向兩邊拉長作為基礎的狀態展示,通過圖標和數據構建出一個典型的非模態的提示框:

iOS 16 UI設計 交互設計 靈動島

比如 Airpods pro 的電量

iOS 16 UI設計 交互設計 靈動島

比如指示距離

不過在導航模式之下,為了更加清晰地提供視覺指示,「靈動島」還會拓展成更大的非模態視覺提示:

iOS 16 UI設計 交互設計 靈動島

而對于不同類型的 APP,在非模態的狀態和信息呈現上,還有一些特征性的元素,「靈動島」會提供不同的彈出框樣式來盡量貼合不同的需求,比如 Face ID 就是方形的:

iOS 16 UI設計 交互設計 靈動島

而作為第三方參與到這次的 「靈動島」演示的APP ,Lyft 還展示了「靈動島」在長條模式下的多狀態呈現的樣式,比如 Lyft 和通話單獨存在以及同時存在的時候:

iOS 16 UI設計 交互設計 靈動島

iOS 16 UI設計 交互設計 靈動島

iOS 16 UI設計 交互設計 靈動島

「靈動島」甚至有分裂樣式來支持多樣狀態的呈現。

而在可以交互的模態彈出框上,目前「靈動島」在演示中還僅僅只提供了通話、音樂等常見的樣式:

iOS 16 UI設計 交互設計 靈動島

iOS 16 UI設計 交互設計 靈動島

而在發布會上,還提供了視頻通話、倒計時等一些系統自帶功能在「靈動島」上的模態交互展示,這也意味著可能在當前,「靈動島」暫時還沒有打算開放出太多的可交互的功能,相反蘋果更加傾向于控制好當前這一功能的復雜度和穩定性。

iOS 的通知設計邁向次世代

作為剛剛問世的動態交互控件,「靈動島」和剛剛問世時的「桌面小組件」的待遇是類似的,帶有通知和展示性質的非模態彈窗通知,會相對更多一些,一些涉及交互的模態彈出通知,類型會有所控制,就目前官方展示的功能而言,可交互的數量并不算多。

但是就和如今的通知欄、桌面小組件一樣,可交互的控件類型會逐漸增加,而「靈動島」作為一個固定的硬件缺口,在 UI 界面當中,則逐漸變成了一個實體的即時通知控件「核心」,這種轉變無疑是化腐朽為神奇,將瑕疵變為優勢。

iOS 16 UI設計 交互設計 靈動島

但是就「靈動島」本身作為狀態呈現、偶爾交互的控件,它更多是作為現有通知體系的一個補充,而非替代。另外,在新的下拉通知界面的設計上,常駐信息呈現會集中在屏幕上端,而推送通知則會在更加觸手可及的屏幕下半部呈現。

iOS 16 UI設計 交互設計 靈動島

與此同時,它還針對通訊類的 APP 進行了專門的樣式優化:

通訊類 App 的通知現在具有獨特的外觀,這些 App 在征得用戶許可后,可同步它們的狀態,以反映用戶當前的系統級專注模式狀態。

在這種情形之下,iPhone 本身的硬件完整性,會進一步往前推進,可以預見到的是 iPhone 15 系列可能會全面使用挖孔屏,「靈動島」將會接管多數的狀態指示性的通知。而對于設計師而言,APP 的通知系統的功能設計要求和工作量,則會繼續往上提升一個層級。

說道這里,我不由得想起了當年為 Macbook Pro 所適配的 TouchBar 這一功能。

和 TouchBar 同源不同命

TouchBar 和 「靈動島」在某種意義上是類似的,兩者都是「作為副屏拓展交互并指示狀態」而存在。但是 TouchBar 在鍵盤上,某種意義上挑戰了用戶的習慣,違反了日常交互時候「所見即所得」的基礎邏輯,用「靈活性」擠占「可靠性」的空間,最終被放棄。

iOS 16 UI設計 交互設計 靈動島

「靈動島」在 iPhone 14 Pro 的情況看似相似,實則有根本性的不同,它是將一個幾乎無法被忽略掉的物理「窟窿」相對優雅的轉化為一個實用的狀態指示、快速交互的功能,成為了更好的系統補充——畢竟對于一個屏幕上的窟窿而言,但凡是能給用戶多提供一點便利,就算是賺回一點印象分了。

結語

iOS 16 UI設計 交互設計 靈動島

當然,在不需要狀態展示的日常狀態下,這個挖孔屏上的窟窿還是個窟窿,遮瑕并不能讓瑕疵徹底消失,但是很多時候,用戶在意的是態度和巧思,不是么?

作者:陳子木
來源:優設

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司 

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产成人av在线播放| 国产91精品久久久久| 欧美日韩黄色一区二区| 成人一区二区不卡免费| 欧美二区乱c少妇| 五月婷婷久久丁香| 国产人成网在线播放va免费| 久久网站免费观看| www.av亚洲| 激情久久久久久久久久久久久久久久| 亚洲va久久久噜噜噜久久狠狠| 亚洲男人影院| 岛国最新视频免费在线观看| 亚洲影院免费观看| 激情综合色综合久久综合| 亚洲精品日韩综合观看成人91| 亚洲综合av一区二区三区| www.国产精品.com| 亚洲国产日韩欧美综合久久| 精品99999| 蜜臀av在线| 9l国产精品久久久久麻豆| 国产精品影视在线观看| 老妇喷水一区二区三区| 俺去亚洲欧洲欧美日韩| 日韩午夜小视频| 欧美一区二区视频97| 亚洲日本一区二区| 91天堂素人约啪| 亚洲欧洲二区| av中文字幕在线观看第一页| 成人福利在线观看视频| 国产精品网曝门| 国产成人免费视频精品含羞草妖精| 日韩不卡在线| 综合在线一区| 久久青草国产手机看片福利盒子| 999精品视频一区二区三区| 欧美人体一区二区三区| 91久久一区二区| 一区在线观看免费| 亚洲精品第一页| 国产91精品一区二区麻豆亚洲| 国产精品资源站在线| 99人久久精品视频最新地址| 天堂av最新在线| 欧美激情精品在线| 日日噜噜噜噜夜夜爽亚洲精品| 久久综合亚洲| 国产一区二区视频在线免费观看| 国产一区私人高清影院| 欧美—级a级欧美特级ar全黄| 色135综合网| 日韩精品一区二区三区在线观看| 日韩三级视频在线看| 亚洲欧洲自拍| 久久久久久久香蕉网| 一区二区日韩欧美| 欧美在线播放视频| 99精品视频免费全部在线| 国产精品久久久久无码av| 国产蜜臀av在线一区二区三区| 免费国产在线精品一区二区三区| av不卡一区| 99re资源| 91精品亚洲一区在线观看| 久久精品第九区免费观看| 91麻豆精品国产91久久久久久久久| 国产一区二区三区免费观看在线| 亚洲第一男人av| 国产一区二区在线观| 国产视频精品va久久久久久| 亚洲精品欧美日韩| 欧美一级二级视频| 国产精品日本精品| 国产福利一区二区三区视频在线| 国产精品久久999| 国产精品麻豆va在线播放| 狠狠色综合播放一区二区| 91网站视频在线观看| 一二三四区精品视频| 欧美国产精品人人做人人爱| 亚洲三级黄色在线观看| av在线导航| 一区二区三区四区亚洲| 91官网在线| 18成人在线视频| 亚洲激情图片一区| 亚洲午夜剧场| 欧美日韩在线精品一区二区三区| 日韩成人视屏| 精品国产91乱码一区二区三区四区| 99久久777色| av午夜精品一区二区三区| 在线精品91av| 亚洲国产日韩在线一区模特| 国产精品一线天粉嫩av| 永久免费毛片在线播放不卡| 日韩av成人高清| 波多野结衣中文字幕一区二区三区| 欧美人成免费网站| 国产精品一区二区三区久久久| 国产精品7m凸凹视频分类| 2001个疯子在线观看| 亚洲国产最新| av资源在线观看免费高清| 91视频在线观看| 亚洲自拍偷拍图区| 日韩亚洲欧美一区| 97se亚洲国产综合自在线| 中文字幕国产精品一区二区| 99亚洲一区二区| 免费亚洲电影在线| 久久亚洲精精品中文字幕早川悠里| 自拍偷在线精品自拍偷无码专区| 九七久久人人| 亚洲精品在线二区| 欧美电影在线免费观看| 澳门成人av| 韩日成人在线| 91福利国产精品| 91精品视频一区二区| av在线免费观看网站| 婷婷丁香久久五月婷婷| 四虎884aa成人精品最新| 亚洲国产日韩欧美在线| 亚洲国产精品悠悠久久琪琪| 欧美日韩在线另类| 日本在线一区二区| 日韩精品视频免费专区在线播放| 精品国产一区二区三区不卡蜜臂| 国产精品视频午夜| 国产不卡免费视频| 国产女主播在线写真| 羞羞的网站在线观看| 亚洲综合一区二区不卡| 精品国产18久久久久久洗澡| 中文字幕一区二区三区欧美日韩| 亚洲精品一区二区三区福利| 亚洲美女自拍视频| 在线观看一区二区精品视频| 欧美激情视频一区二区三区不卡| 777电影在线观看| 91精品视频在线播放| 性欧美xxxx大乳国产app| 亚洲风情亚aⅴ在线发布| 久久久国产精彩视频美女艺术照福利| 亚洲成人精品视频| 亚洲影院免费| 日韩av在线播放资源| 亚洲天堂一区二区三区四区| 91精品麻豆日日躁夜夜躁| 亚洲美女免费精品视频在线观看| 国产亚洲精品成人av久久ww| 欧美三级不卡| 国产成人午夜高潮毛片| ...xxx性欧美| 国产精品网站在线看| а√在线中文在线新版| 97久久综合精品久久久综合| 国产黄色在线免费观看| 最近高清中文在线字幕在线观看| 日韩av网站导航| 欧美精品一区在线播放|