下周二,iOS 26 等新系統(tǒng)就要發(fā)布了。
但在這之前,蘋(píng)果前設(shè)計(jì)師塞巴斯蒂安·德·維斯(Sebastiaan de With)發(fā)布了一組 iOS 26 的外觀設(shè)計(jì)圖,名為 Living Glass,一起來(lái)欣賞下。
不過(guò)需要注意嗷,這組圖只是這位「前設(shè)計(jì)師」自制的概念設(shè)計(jì),并不代表官方 iOS 26 也長(zhǎng)這樣,大家看看樂(lè)就行。
德·維斯的設(shè)計(jì)靈感源于蘋(píng)果設(shè)備標(biāo)志性的玻璃屏幕材質(zhì)。他認(rèn)為,iOS 的界面應(yīng)該與設(shè)備的物理屬性深度融合,讓用戶(hù)感受到屏幕玻璃仿佛“活”了起來(lái)。
這種理念通過(guò)動(dòng)態(tài)光影、反射和環(huán)境響應(yīng)等效果得以實(shí)現(xiàn),界面元素如同真實(shí)世界的玻璃材質(zhì),隨環(huán)境變化而展現(xiàn)不同的光澤與質(zhì)感。德·維斯表示,這種設(shè)計(jì)不僅是為了美觀,更是為了讓界面與硬件的材質(zhì)特性相得益彰,帶來(lái)更直觀、更自然的交互體驗(yàn)。
回顧 iOS 的設(shè)計(jì)歷史,德·維斯將其分為三個(gè)時(shí)代。
早期從 iPhone OS 到 iOS 6 的“陰影時(shí)代”以擬物化設(shè)計(jì)為主,逼真的紋理和陰影幫助用戶(hù)從物理按鍵過(guò)渡到觸屏操作。隨后,iOS 7 開(kāi)啟了“扁平時(shí)代”,以簡(jiǎn)潔的排版和極簡(jiǎn)風(fēng)格取代了繁復(fù)的視覺(jué)效果,雖然初期略顯單薄,但后續(xù)通過(guò)模糊效果和微妙陰影逐漸恢復(fù)了層次感。
德·維斯認(rèn)為,iOS 正邁向第三個(gè)時(shí)代:以靈動(dòng)島和全新 Siri 動(dòng)畫(huà)為代表的元素展現(xiàn)出類(lèi)似真實(shí)材質(zhì)的行為,預(yù)示著一種更具“物理性”的界面設(shè)計(jì)方向。
在“Living Glass”概念中,德·維斯將所有界面元素視為動(dòng)態(tài)的玻璃表面。這些元素會(huì)根據(jù)環(huán)境光線反射、折射,甚至在交互時(shí)展現(xiàn)出類(lèi)似表面張力的融合效果。
他的設(shè)計(jì)草圖展示了漂浮于內(nèi)容上方的標(biāo)簽欄、帶有動(dòng)態(tài)反射的應(yīng)用圖標(biāo),以及在激活時(shí)從背景中浮現(xiàn)的控件。這些效果將由系統(tǒng)自動(dòng)處理,確保所有應(yīng)用界面的一致性。
德·維斯還認(rèn)為,蘋(píng)果在 iOS 18 中引入的自動(dòng)圖標(biāo)蒙版功能,如深色模式和漸變背景下的圖標(biāo)著色效果,可能為更動(dòng)態(tài)的界面背景鋪平了道路。
他認(rèn)為,當(dāng)前的界面設(shè)計(jì)工具如 Figma 難以實(shí)現(xiàn)這種動(dòng)態(tài)光影和響應(yīng)行為,這或許將成為蘋(píng)果在設(shè)計(jì)領(lǐng)域的獨(dú)特優(yōu)勢(shì),進(jìn)一步鞏固其軟硬件一體化的品牌哲學(xué)。
彭博社記者馬克·古爾曼(Mark Gurman)的報(bào)道進(jìn)一步佐證了這一猜想,稱(chēng)蘋(píng)果即將推出的 iOS 更新將融入受 visionOS 啟發(fā)的“玻璃質(zhì)感”效果。這次 WWDC 25 主題叫做“開(kāi)眼在即”(sleek peek),也暗示了新系統(tǒng)在視覺(jué)方面的突破。
WWDC 25 的主題演講將于6月10日 凌晨 1 點(diǎn)舉行,屆時(shí)蘋(píng)果將正式揭曉 iOS 26 及相關(guān)系統(tǒng)的全新面貌。
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺(tái)“網(wǎng)易號(hào)”用戶(hù)上傳并發(fā)布,本平臺(tái)僅提供信息存儲(chǔ)服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.