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。 

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

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

日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
色综合久久悠悠| 午夜精品99久久免费| 日韩在线高清视频| 91啪国产在线| 欧美放荡办公室videos4k| 国产精品久久久久久网站| 亚洲综合视频1区| 日韩最新中文字幕电影免费看| 7m第一福利500精品视频| 欧美激情喷水视频| 韩剧1988在线观看免费完整版| 国产欧美日韩中文字幕在线| 午夜精品久久久久久久99热浪潮| 国产成人一区二区三区电影| 欧美激情中文网| 97热在线精品视频在线观看| 亚洲欧美日韩精品久久亚洲区| 国产亚洲一区二区精品| 国产精品视频yy9099| 欧美精品videossex性护士| 不卡av在线播放| 欧美一级大片在线免费观看| 国产69精品久久久久9| 国模精品系列视频| 激情成人在线视频| 成人午夜在线观看| 亚洲国产精品久久久久久| 日韩免费观看网站| 97香蕉超级碰碰久久免费的优势| 国产日韩欧美另类| 亚洲国产精品电影在线观看| 亚洲欧美在线第一页| 久久久成人精品视频| 国产va免费精品高清在线观看| 亚洲国产精品va在线看黑人动漫| 欧洲成人性视频| 国产欧美精品久久久| 日本韩国欧美精品大片卡二| 欧美成人自拍视频| 亚洲黄色有码视频| 狠狠躁夜夜躁人人爽超碰91| 97人洗澡人人免费公开视频碰碰碰| 日日骚久久av| 在线亚洲男人天堂| 正在播放欧美视频| 中日韩午夜理伦电影免费| 欧美老肥婆性猛交视频| 7777免费精品视频| 中文精品99久久国产香蕉| 欧美日韩在线另类| 中文字幕视频在线免费欧美日韩综合在线看| 91美女片黄在线观看游戏| 国产亚洲精品高潮| 日韩成人免费视频| 91人人爽人人爽人人精88v| 日产日韩在线亚洲欧美| 一区二区欧美激情| 欧美亚洲伦理www| 久久久久久综合网天天| 国产精品女人网站| 日本亚洲精品在线观看| 中文字幕日韩av综合精品| 欧美日韩一区二区精品| 国产精品美女久久久久av超清| 国产福利视频一区二区| 91久久精品国产91性色| 伊人久久久久久久久久| 国产精品成人av在线| 日韩电影免费观看在线观看| 久久久久久亚洲精品不卡| 日韩在线激情视频| 欧美又大粗又爽又黄大片视频| 黄色一区二区在线观看| 国产精品第七十二页| 亚洲第一av网| xvideos成人免费中文版| 久久久视频免费观看| 欧美电影免费观看电视剧大全| 成人在线国产精品| 亚洲石原莉奈一区二区在线观看| 国产精品偷伦视频免费观看国产| 成人xvideos免费视频| 91香蕉嫩草影院入口| 超碰日本道色综合久久综合| 国产精品久久久久久久久久小说| 91网站在线看| 久久久精品一区二区三区| 亚州欧美日韩中文视频| 欧美日产国产成人免费图片| 亚洲欧美成人一区二区在线电影| 久久久成人的性感天堂| 国产精品丝袜久久久久久高清| 日本一区二区在线免费播放| 欧美韩国理论所午夜片917电影| 一本色道久久综合亚洲精品小说| 国产精品国产三级国产专播精品人| 国产精品18久久久久久麻辣| 亚洲男人av在线| 欧洲成人午夜免费大片| 成人免费看片视频| 91久久精品一区| 日韩欧美在线播放| 欧美日韩亚洲激情| 久久精品国产96久久久香蕉| 日韩不卡中文字幕| 国产精品网站大全| 九九久久国产精品| 8x海外华人永久免费日韩内陆视频| 日本欧美在线视频| 亚洲综合中文字幕68页| 久久久久久这里只有精品| 亚洲三级黄色在线观看| 亚洲精品小视频在线观看| 欧美激情性做爰免费视频| 日韩一区二区精品视频| 91啪国产在线| 欧美日韩色婷婷| 日韩电影在线观看永久视频免费网站| 日韩中文在线视频| 日韩经典一区二区三区| 午夜精品一区二区三区视频免费看| 亚洲女同性videos| 国产精品jvid在线观看蜜臀| 久久免费成人精品视频| 成人h视频在线观看播放| 国产精品久久久久久久久久三级| 欧美亚洲第一区| 欧美—级a级欧美特级ar全黄| 欧美激情中文字幕乱码免费| 欧美大片第1页| 中文字幕亚洲欧美日韩2019| 亚洲一区二区三区四区在线播放| 国产性猛交xxxx免费看久久| 日韩av不卡电影| 亚洲高清久久久久久| 精品中文字幕久久久久久| 福利一区视频在线观看| 91精品国产色综合| 日韩成人中文字幕| 日韩av日韩在线观看| 亚洲深夜福利网站| 亚洲最大的成人网| 国产a∨精品一区二区三区不卡| 亚洲视频在线观看网站| 久久久久久久久久久网站| 国产精品亚洲自拍| 午夜精品理论片| 亚洲午夜av电影| 欧美巨乳美女视频| 欧美性受xxxx黑人猛交| 国产精品中文字幕在线观看| 精品国产精品三级精品av网址| 国产亚洲精品美女| 97av在线播放| 欧美午夜激情视频| 成人av番号网| 久久大大胆人体| 欧美巨大黑人极品精男| 国产精品中文字幕久久久| 国产亚洲精品美女久久久| 8090成年在线看片午夜| 日韩中文视频免费在线观看| 欧美极品美女视频网站在线观看免费| 成人黄色在线免费|