扁平化已死?从Airbnb改版看拟物化设计的第3次文艺复兴
从2013年iOS 7推出以来,苹果引领了界面设计的巨大转变,告别了繁琐的拟物化设计,进入了扁平化设计时代。扁平化设计以其简洁、信息突出、迭代更迅速的优势深受欢迎。然而,时至今日,经过12年的发展,曾经经典的设计风格似乎已不再那么新鲜。很多人开始对扁平化设计产生审美疲劳,似乎在呼唤一种新的变化。
近年来确实出现了一些新的设计风格,比如微软的 Fluent Design 亚克力毛玻璃风格、Figma 采用的新粗野主义(Neo-Brutalism)、以及在 Dribbble 上流行的新拟态(New Skeuomorphism)等。不过这些风格都如昙花一现,并没有掀起什么大风浪。
似乎只有苹果才能引领界面设计的革命,我们也确实能从蛛丝马迹中发现苹果的设计趋势变化,例如macOS的图标从早期的拟物化统一到扁平化后,从2020年开始又在图标内添加阴影等细节,让图标更有质感。
在iOS扁平化的界面中,「Action Button」设置页面却采用了拟物化的设计风格,配合镜头拉伸的动效,仿佛将「Vision Pro」的3D界面风格移植到了手机中。
(案例详情:https://www.uisdc.com/hunter/0221534981.html )
Airbnb邀请了苹果前设计总裁Jony Ive来合作设计其下一代产品和服务。在这次合作中,Jony Ive为Airbnb创作了一系列精美的3D图标。
直到今天Airbnb发布2025年夏季版本更新时,更让我确信,新的设计风格终于要来了!
Airbnb这次改版的产品理念是「现在你可以在 Airbnb 上享受的不仅仅是住宿」。将 Airbnb 从单一的住宿平台转型为综合生活方式平台。新版除了住宿还可以预定服务(如餐饮、个人训练)和体验(如游览、活动)。这些服务不仅限于住宿预订用户,任何人都可以通过 Airbnb 平台预订,极大地拓宽了 Airbnb 的用户群体。
为了支持上述服务的整合,Airbnb 对App架构进行了全面重构,推出了全新的设计系统,延续了 Airbnb 与前 Apple 设计总监 Jony Ive 合作的理念,采用了更具层次感和动效的界面元素,提升了用户的沉浸感和愉悦感。
全新的首页布局
在旧版首页中,用户可以通过Tab根据兴趣和活动进行筛选,如露营、冲浪、设计、乡村民宿等。然而,过多的分类导致Tab数量庞大,需要频繁横向滑动,也影响了靠后Tab的数据曝光(旧版首页信息架构和设计思路分析:https://www.uisdc.com/hunter/0221622482.html )。
新版将内容简化为3个主要Tab:「民宿」整合了所有住宿功能并按城市分类,「体验」和「服务」两个新Tab则突出展示了平台新推出的功能。
精心设计的3D图标不仅呈现出出色的质感,还搭配了生动活泼的动效。界面背景摒弃了单一纯色,采用了细腻的渐变处理。通过巧妙的线条分割,整体内容层次更加分明。
图标的细节处理极为精致,包括图标上的角标都精心设计了镜面反射效果。
核心功能升级
「行程」功能全面升级,现已成为用户的旅行指挥中心。它智能汇总所有预订的房源、体验和服务项目,生成一份清晰的行程单。同时提供入住信息和活动提醒等功能,让用户能够轻松掌握整个旅程,便捷管理各项安排。
「个人资料」页面焕然一新,用户可以在此分享旅行故事,了解途中结识的新朋友。平台还特别突出显示了全球超过2亿名已完成身份认证的客人和房东/达人,有效增强了用户间的信任度和社交互动。
消息系统新增照片分享功能,并无缝整合支付系统。用户能够便捷地与房东、服务提供者或同行伙伴沟通,直接完成定制服务的费用支付,大大提升了沟通效率。
新老拟物化设计的对比
纵观所有界面更新,最令人印象深刻的变化要数图标设计。Airbnb不仅为每种新推出的服务类型都设计了拟物化图标,还为其配上了精美的动效。
这是否预示着拟物化设计的回归?仔细观察后我们会发现,Airbnb的拟物化图标与早期的拟物化风格有着明显的区别。
材质与光影
早期拟物化设计的核心目标是通过视觉真实感降低用户的学习曲线,强调材质纹理的真实表现(如木纹、皮革、金属等)。比如,早期的数字界面会使用木质纹理来表现书架,或用皮革纹理来呈现笔记本。这种设计通过熟悉的视觉线索,帮助用户快速适应数字环境。
而Airbnb的新设计虽然回归了拟物化的立体感,但大幅减少了对材质纹理的依赖。取而代之的是运用阴影、反光和光影效果来增强图标的深度和层次感。避免过多纹理细节导致的视觉杂乱。
视觉复杂性与现代感
传统拟物化设计因追求真实感,其图标常常包含大量细节和复杂的视觉元素。这种复杂性不仅在小屏幕上显得拥挤,还对设备渲染性能提出了较高要求。
新设计虽然保留了立体感,但通过简化视觉元素和现代化处理,保持了界面的整洁与流畅。它对阴影和反光的运用更加克制精致,使设计既直观又符合当代审美。
交互与动效
早期的拟物化设计主要专注于静态的视觉模仿,动画效果简单,交互性较弱。例如,按钮虽然通过阴影和纹理展现出”可按压”的外观,但缺乏动态反馈。
新设计引入了丰富的动画效果,包括流畅的过渡和动态图标变化。这些动画不仅增强了立体感,还提升了用户的互动体验。据悉,Airbnb使用了自家研发的Lava技术实现透明背景的视频动画,取代了传统动画工具(如Lotties或Rive),展现出对交互设计的创新追求。
总的来说,Airbnb这次重大更新远超简单的界面改版,它通过创新的设计思路重新诠释了拟物化风格。新版本不再过分强调真实材质,而是采用现代简约的立体表现手法,配以精致的光影效果和流畅的动态交互,巧妙地平衡了视觉美感与功能性。这种设计革新很可能引领界面设计的新趋势。[细节猎人]将持续关注最新的设计趋势与风格,及时收录相关案例,解读设计趋势的演变,共同探索设计的无限可能。让我们拭目以待这种新拟物化设计将如何影响未来的设计领域。
现在把细节猎人加入收藏夹 →[uisdc.com/hunter]
扁平化已死?从Airbnb改版看拟物化设计的第3次文艺复兴
https://www.ftium4.com/Skeuomorphic-Design-as-seen-from-Airbnb.html