扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

從 2013 年 iOS 7 推出以來,蘋果引領了界面設計的巨大轉變,告別了繁瑣的擬物化設計,進入了扁平化設計時代。扁平化設計以其簡潔、信息突出、迭代更迅速的優勢深受歡迎。然而,時至今日,經過 12 年的發展,曾經經典的設計風格似乎已不再那么新鮮。很多人開始對扁平化設計產生審美疲勞,似乎在呼喚一種新的變化。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

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

近年來確實出現了一些新的設計風格,比如微軟的 Fluent Design 亞克力毛玻璃風格、Figma 采用的新粗野主義(Neo-Brutalism)、以及在 Dribbble 上流行的新擬態(New Skeuomorphism)等。不過這些風格都如曇花一現,并沒有掀起什么大風浪。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

Fluent Design

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

新粗野主義(Neo-Brutalism)

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

新擬態(New Skeuomorphism)

似乎只有蘋果才能引領界面設計的革命,我們也確實能從蛛絲馬跡中發現蘋果的設計趨勢變化,例如 macOS 的圖標從早期的擬物化統一到扁平化后,從 2020 年開始又在圖標內添加陰影等細節,讓圖標更有質感。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

在 iOS 扁平化的界面中,「Action Button」設置頁面卻采用了擬物化的設計風格,配合鏡頭拉伸的動效,仿佛將「Vision Pro」的 3D 界面風格移植到了手機中。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

Airbnb 邀請了蘋果前設計總裁 Jony Ive 來合作設計其下一代產品和服務。在這次合作中,Jony Ive 為 Airbnb 創作了一系列精美的 3D 圖標。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

直到今天 Airbnb 發布 2025 年夏季版本更新時,更讓我確信,新的設計風格終于要來了!

Airbnb 這次改版的產品理念是「現在你可以在 Airbnb 上享受的不僅僅是住宿」。將 Airbnb 從單一的住宿平臺轉型為綜合生活方式平臺。新版除了住宿還可以預訂服務(如餐飲、個人訓練)和體驗(如游覽、活動)。這些服務不僅限于住宿預訂用戶,任何人都可以通過 Airbnb 平臺預訂,極大地拓寬了 Airbnb 的用戶群體。

為了支持上述服務的整合,Airbnb 對 App 架構進行了全面重構,推出了全新的設計系統,延續了 Airbnb 與前 Apple 設計總監 Jony Ive 合作的理念,采用了更具層次感和動效的界面元素,提升了用戶的沉浸感和愉悅感。

一、全新的首頁布局

在舊版首頁中,用戶可以通過 Tab 根據興趣和活動進行篩選,如露營、沖浪、設計、鄉村民宿等。然而,過多的分類導致 Tab 數量龐大,需要頻繁橫向滑動,也影響了靠后 Tab 的數據曝光(舊版首頁信息架構和設計思路分析:? )。

新版將內容簡化為 3 個主要 Tab:「民宿」整合了所有住宿功能并按城市分類,「體驗」和「服務」兩個新 Tab 則突出展示了平臺新推出的功能。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

精心設計的 3D 圖標不僅呈現出出色的質感,還搭配了生動活潑的動效。界面背景摒棄了單一純色,采用了細膩的漸變處理。通過巧妙的線條分割,整體內容層次更加分明。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

圖標的細節處理極為精致,包括圖標上的角標都精心設計了鏡面反射效果。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

二、核心功能升級

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

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

「個人資料」頁面煥然一新,用戶可以在此分享旅行故事,了解途中結識的新朋友。平臺還特別突出顯示了全球超過 2 億名已完成身份認證的客人和房東/達人,有效增強了用戶間的信任度和社交互動。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

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

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

三、新老擬物化設計的對比

縱觀所有界面更新,最令人印象深刻的變化要數圖標設計。Airbnb 不僅為每種新推出的服務類型都設計了擬物化圖標,還為其配上了精美的動效。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

Airbnb 的新圖標

這是否預示著擬物化設計的回歸?仔細觀察后我們會發現,Airbnb 的擬物化圖標與早期的擬物化風格有著明顯的區別。

1. 材質與光影

早期擬物化設計的核心目標是通過視覺真實感降低用戶的學習曲線,強調材質紋理的真實表現(如木紋、皮革、金屬等)。比如,早期的數字界面會使用木質紋理來表現書架,或用皮革紋理來呈現筆記本。這種設計通過熟悉的視覺線索,幫助用戶快速適應數字環境。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

iOS 6 圖書 App 的木紋書架

而 Airbnb 的新設計雖然回歸了擬物化的立體感,但大幅減少了對材質紋理的依賴。取而代之的是運用陰影、反光和光影效果來增強圖標的深度和層次感。避免過多紋理細節導致的視覺雜亂。

2. 視覺復雜性與現代感

傳統擬物化設計因追求真實感,其圖標常常包含大量細節和復雜的視覺元素。這種復雜性不僅在小屏幕上顯得擁擠,還對設備渲染性能提出了較高要求。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

iOS 6

新設計雖然保留了立體感,但通過簡化視覺元素和現代化處理,保持了界面的整潔與流暢。它對陰影和反光的運用更加克制精致,使設計既直觀又符合當代審美。

3. 交互與動效

早期的擬物化設計主要專注于靜態的視覺模仿,動畫效果簡單,交互性較弱。例如,按鈕雖然通過陰影和紋理展現出"可按壓"的外觀,但缺乏動態反饋。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

新設計引入了豐富的動畫效果,包括流暢的過渡和動態圖標變化。這些動畫不僅增強了立體感,還提升了用戶的互動體驗。據悉,Airbnb 使用了自家研發的 Lava 技術實現透明背景的視頻動畫,取代了傳統動畫工具(如 Lotties 或 Rive),展現出對交互設計的創新追求。

扁平化已死?從Airbnb改版看擬物化設計的第3次文藝復興

總的來說,Airbnb 這次重大更新遠超簡單的界面改版,它通過創新的設計思路重新詮釋了擬物化風格。新版本不再過分強調真實材質,而是采用現代簡約的立體表現手法,配以精致的光影效果和流暢的動態交互,巧妙地平衡了視覺美感與功能性。這種設計革新很可能引領界面設計的新趨勢。[[細節獵人]]將持續關注最新的設計趨勢與風格,及時收錄相關案例,解讀設計趨勢的演變,共同探索設計的無限可能。讓我們拭目以待這種新擬物化設計將如何影響未來的設計領域。

現在把細節獵人加入收藏夾 →[[uisdc.com/hunter]]

收藏 16
點贊 26

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。