從 2013 年 iOS 7 推出以來(lái)，蘋果引領(lǐng)了界面設(shè)計(jì)的巨大轉(zhuǎn)變，告別了繁瑣的擬物化設(shè)計(jì)，進(jìn)入了扁平化設(shè)計(jì)時(shí)代。扁平化設(shè)計(jì)以其簡(jiǎn)潔、信息突出、迭代更迅速的優(yōu)勢(shì)深受歡迎。然而，時(shí)至今日，經(jīng)過(guò) 12 年的發(fā)展，曾經(jīng)經(jīng)典的設(shè)計(jì)風(fēng)格似乎已不再那么新鮮。很多人開(kāi)始對(duì)扁平化設(shè)計(jì)產(chǎn)生審美疲勞，似乎在呼喚一種新的變化。

左圖 iOS6 擬物化，右圖 iOS7 扁平化

近年來(lái)確實(shí)出現(xiàn)了一些新的設(shè)計(jì)風(fēng)格，比如微軟的 Fluent Design 亞克力毛玻璃風(fēng)格、Figma 采用的新粗野主義（Neo-Brutalism）、以及在 Dribbble 上流行的新擬態(tài)（New Skeuomorphism）等。不過(guò)這些風(fēng)格都如曇花一現(xiàn)，并沒(méi)有掀起什么大風(fēng)浪。

Fluent Design

新粗野主義（Neo-Brutalism）

新擬態(tài)（New Skeuomorphism）

似乎只有蘋果才能引領(lǐng)界面設(shè)計(jì)的革命，我們也確實(shí)能從蛛絲馬跡中發(fā)現(xiàn)蘋果的設(shè)計(jì)趨勢(shì)變化，例如 macOS 的圖標(biāo)從早期的擬物化統(tǒng)一到扁平化后，從 2020 年開(kāi)始又在圖標(biāo)內(nèi)添加陰影等細(xì)節(jié)，讓圖標(biāo)更有質(zhì)感。

在 iOS 扁平化的界面中，「Action Button」設(shè)置頁(yè)面卻采用了擬物化的設(shè)計(jì)風(fēng)格，配合鏡頭拉伸的動(dòng)效，仿佛將「Vision Pro」的 3D 界面風(fēng)格移植到了手機(jī)中。

Airbnb 邀請(qǐng)了蘋果前設(shè)計(jì)總裁 Jony Ive 來(lái)合作設(shè)計(jì)其下一代產(chǎn)品和服務(wù)。在這次合作中，Jony Ive 為 Airbnb 創(chuàng)作了一系列精美的 3D 圖標(biāo)。

直到今天 Airbnb 發(fā)布 2025 年夏季版本更新時(shí)，更讓我確信，新的設(shè)計(jì)風(fēng)格終于要來(lái)了！

Airbnb 這次改版的產(chǎn)品理念是「現(xiàn)在你可以在 Airbnb 上享受的不僅僅是住宿」。將 Airbnb 從單一的住宿平臺(tái)轉(zhuǎn)型為綜合生活方式平臺(tái)。新版除了住宿還可以預(yù)訂服務(wù)（如餐飲、個(gè)人訓(xùn)練）和體驗(yàn)（如游覽、活動(dòng)）。這些服務(wù)不僅限于住宿預(yù)訂用戶，任何人都可以通過(guò) Airbnb 平臺(tái)預(yù)訂，極大地拓寬了 Airbnb 的用戶群體。

為了支持上述服務(wù)的整合，Airbnb 對(duì) App 架構(gòu)進(jìn)行了全面重構(gòu)，推出了全新的設(shè)計(jì)系統(tǒng)，延續(xù)了 Airbnb 與前 Apple 設(shè)計(jì)總監(jiān) Jony Ive 合作的理念，采用了更具層次感和動(dòng)效的界面元素，提升了用戶的沉浸感和愉悅感。

一、全新的首頁(yè)布局

在舊版首頁(yè)中，用戶可以通過(guò) Tab 根據(jù)興趣和活動(dòng)進(jìn)行篩選，如露營(yíng)、沖浪、設(shè)計(jì)、鄉(xiāng)村民宿等。然而，過(guò)多的分類導(dǎo)致 Tab 數(shù)量龐大，需要頻繁橫向滑動(dòng)，也影響了靠后 Tab 的數(shù)據(jù)曝光（舊版首頁(yè)信息架構(gòu)和設(shè)計(jì)思路分析：? ）。

新版將內(nèi)容簡(jiǎn)化為 3 個(gè)主要 Tab：「民宿」整合了所有住宿功能并按城市分類，「體驗(yàn)」和「服務(wù)」兩個(gè)新 Tab 則突出展示了平臺(tái)新推出的功能。

精心設(shè)計(jì)的 3D 圖標(biāo)不僅呈現(xiàn)出出色的質(zhì)感，還搭配了生動(dòng)活潑的動(dòng)效。界面背景摒棄了單一純色，采用了細(xì)膩的漸變處理。通過(guò)巧妙的線條分割，整體內(nèi)容層次更加分明。

圖標(biāo)的細(xì)節(jié)處理極為精致，包括圖標(biāo)上的角標(biāo)都精心設(shè)計(jì)了鏡面反射效果。

二、核心功能升級(jí)

「行程」功能全面升級(jí)，現(xiàn)已成為用戶的旅行指揮中心。它智能匯總所有預(yù)訂的房源、體驗(yàn)和服務(wù)項(xiàng)目，生成一份清晰的行程單。同時(shí)提供入住信息和活動(dòng)提醒等功能，讓用戶能夠輕松掌握整個(gè)旅程，便捷管理各項(xiàng)安排。

「?jìng)€(gè)人資料」頁(yè)面煥然一新，用戶可以在此分享旅行故事，了解途中結(jié)識(shí)的新朋友。平臺(tái)還特別突出顯示了全球超過(guò) 2 億名已完成身份認(rèn)證的客人和房東/達(dá)人，有效增強(qiáng)了用戶間的信任度和社交互動(dòng)。

消息系統(tǒng)新增照片分享功能，并無(wú)縫整合支付系統(tǒng)。用戶能夠便捷地與房東、服務(wù)提供者或同行伙伴溝通，直接完成定制服務(wù)的費(fèi)用支付，大大提升了溝通效率。

三、新老擬物化設(shè)計(jì)的對(duì)比

縱觀所有界面更新，最令人印象深刻的變化要數(shù)圖標(biāo)設(shè)計(jì)。Airbnb 不僅為每種新推出的服務(wù)類型都設(shè)計(jì)了擬物化圖標(biāo)，還為其配上了精美的動(dòng)效。

Airbnb 的新圖標(biāo)

這是否預(yù)示著擬物化設(shè)計(jì)的回歸？仔細(xì)觀察后我們會(huì)發(fā)現(xiàn)，Airbnb 的擬物化圖標(biāo)與早期的擬物化風(fēng)格有著明顯的區(qū)別。

1. 材質(zhì)與光影

早期擬物化設(shè)計(jì)的核心目標(biāo)是通過(guò)視覺(jué)真實(shí)感降低用戶的學(xué)習(xí)曲線，強(qiáng)調(diào)材質(zhì)紋理的真實(shí)表現(xiàn)（如木紋、皮革、金屬等）。比如，早期的數(shù)字界面會(huì)使用木質(zhì)紋理來(lái)表現(xiàn)書(shū)架，或用皮革紋理來(lái)呈現(xiàn)筆記本。這種設(shè)計(jì)通過(guò)熟悉的視覺(jué)線索，幫助用戶快速適應(yīng)數(shù)字環(huán)境。

iOS 6 圖書(shū) App 的木紋書(shū)架

而 Airbnb 的新設(shè)計(jì)雖然回歸了擬物化的立體感，但大幅減少了對(duì)材質(zhì)紋理的依賴。取而代之的是運(yùn)用陰影、反光和光影效果來(lái)增強(qiáng)圖標(biāo)的深度和層次感。避免過(guò)多紋理細(xì)節(jié)導(dǎo)致的視覺(jué)雜亂。

2. 視覺(jué)復(fù)雜性與現(xiàn)代感

傳統(tǒng)擬物化設(shè)計(jì)因追求真實(shí)感，其圖標(biāo)常常包含大量細(xì)節(jié)和復(fù)雜的視覺(jué)元素。這種復(fù)雜性不僅在小屏幕上顯得擁擠，還對(duì)設(shè)備渲染性能提出了較高要求。

iOS 6

新設(shè)計(jì)雖然保留了立體感，但通過(guò)簡(jiǎn)化視覺(jué)元素和現(xiàn)代化處理，保持了界面的整潔與流暢。它對(duì)陰影和反光的運(yùn)用更加克制精致，使設(shè)計(jì)既直觀又符合當(dāng)代審美。

3. 交互與動(dòng)效

早期的擬物化設(shè)計(jì)主要專注于靜態(tài)的視覺(jué)模仿，動(dòng)畫(huà)效果簡(jiǎn)單，交互性較弱。例如，按鈕雖然通過(guò)陰影和紋理展現(xiàn)出"可按壓"的外觀，但缺乏動(dòng)態(tài)反饋。

新設(shè)計(jì)引入了豐富的動(dòng)畫(huà)效果，包括流暢的過(guò)渡和動(dòng)態(tài)圖標(biāo)變化。這些動(dòng)畫(huà)不僅增強(qiáng)了立體感，還提升了用戶的互動(dòng)體驗(yàn)。據(jù)悉，Airbnb 使用了自家研發(fā)的 Lava 技術(shù)實(shí)現(xiàn)透明背景的視頻動(dòng)畫(huà)，取代了傳統(tǒng)動(dòng)畫(huà)工具（如 Lotties 或 Rive），展現(xiàn)出對(duì)交互設(shè)計(jì)的創(chuàng)新追求。

總的來(lái)說(shuō)，Airbnb 這次重大更新遠(yuǎn)超簡(jiǎn)單的界面改版，它通過(guò)創(chuàng)新的設(shè)計(jì)思路重新詮釋了擬物化風(fēng)格。新版本不再過(guò)分強(qiáng)調(diào)真實(shí)材質(zhì)，而是采用現(xiàn)代簡(jiǎn)約的立體表現(xiàn)手法，配以精致的光影效果和流暢的動(dòng)態(tài)交互，巧妙地平衡了視覺(jué)美感與功能性。這種設(shè)計(jì)革新很可能引領(lǐng)界面設(shè)計(jì)的新趨勢(shì)。[[細(xì)節(jié)獵人]]將持續(xù)關(guān)注最新的設(shè)計(jì)趨勢(shì)與風(fēng)格，及時(shí)收錄相關(guān)案例，解讀設(shè)計(jì)趨勢(shì)的演變，共同探索設(shè)計(jì)的無(wú)限可能。讓我們拭目以待這種新擬物化設(shè)計(jì)將如何影響未來(lái)的設(shè)計(jì)領(lǐng)域。

現(xiàn)在把細(xì)節(jié)獵人加入收藏夾 →[[uisdc.com/hunter]]