探索 App 如何使用全新设计和 Liquid Glass

探索新的视觉图库,了解各种规模的团队如何利用全新设计和 Liquid Glass 在各个 Apple 平台上打造自然流畅且响应灵敏的体验。


Crumbl App 利用全新设计和 Liquid Glass,将焦点完全集中在能够彰显品牌风格的甜品照片上。App 标志性的粉色品牌元素也从顶部工具栏移到了内容层,让内容在控件的加持下大放异彩。

iOS 18

重新设计之前的 Crumbl App 界面

iOS 26

Tide Guide
Condor Digital
在 App Store 中查看

这款 Apple 设计大奖入围作品在各个平台上惊艳地实现了全新设计。全新设计与 App 丰富的蓝色调相得益彰,同时经过重新设计的子菜单和弹出窗口也被从顶部工具栏中移走。在与潮汐图表交互时,不妨体验一下 Liquid Glass 效果。

iOS 18

重新设计之前的 Tide Guide App 界面

iOS 26

Grow - 你的健康贴心好伙伴
杭州浮岛科技有限公司
在 App Store 中查看

原生架构、趣味性和全新设计相结合,让这款体能训练追踪器更显简洁明快。现在,“Grow - 你的健康贴心好伙伴”通过巧妙运用工具栏和滚动边缘效果,在保留鲜明简约特色的同时,还为数据提供了更多的空间。

watchOS 11

重新设计之前的 Apple Watch 版“Grow - 你的健康贴心好伙伴”App

watchOS 26

采用 Liquid Glass 的 Apple Watch 版“Grow - 你的健康贴心好伙伴”App

作为精心设计的极简主义典范,这款太阳追踪 App 利用全新设计让所有操作触手可及,同时聚焦用户最关注的数据。Lumy 还提供了快速访问菜单、浮动的轻瞄面板和流畅的滑块,让导航变得更加轻松。

iOS 18

重新设计之前的 Lumy App 界面

iOS 26

Sky Guide - 3D 星座星图指南
Fifth Star Labs
在 App Store 中查看

这款运营已久的观星 App 将控件从顶部工具栏移到了底部工具栏,并将原来的模态子菜单更改为弹出窗口,该细微调整为观星者带来了便利。

iOS 18

重新设计之前的“Sky Guide - 3D 星座星图指南”App 界面

iOS 26

平面设计 - Linearity Curve
Linearity
在 App Store 中查看

现在,这款矢量图形设计 App 在 iPhone、iPad 和 Mac 上实现了统一,它的 iPad 体验得到了显著增强,使复杂设计更加清晰易懂。在 iPad 上,新的双栏检查器可以动态适应窗口大小,并让用户能够并排浏览和编辑。在 iPhone 上,触控目标、间距和手势都经过了优化,即使单手操作也能获得更加流畅、更加舒适的交互。

iPadOS 18

重新设计之前的“平面设计 - Linearity Curve”App 界面

iPadOS 26

采用 Liquid Glass 设计的“平面设计 - Linearity Curve”App
LTK
rewardStyle
在 App Store 中查看

在这款热门的视频购物 App 中,标签页栏和导航栏的位置发生了更改,以呈现更多的全屏内容,各方都能从中获益。“我们的创作者、品牌方和消费者都对这一变化赞不绝口,”LTK 首席工程师 David Okun 表示。

iOS 18

重新设计之前的 LTK App 界面

iOS 26

CardPointers
CardPointers
在 App Store 中查看

这款信用卡追踪 App 在颜色和品牌风格方面发生了细微变化,这产生了显著影响。视图顶部的紫色渐变作为 Liquid Glass 控件的锚点,让用户能够专注于数据丰富的界面。

macOS 15

重新设计之前的 CardPointers 界面

macOS 26

Mac 上显示卡片奖励的 CardPointers 界面
American Airlines
American Airlines
在 App Store 中查看

标题中的滚动边缘效果让用户可以看到更多的结果和选项;标签页栏得到了更新;座位图利用了 Liquid Glass 按钮;界面使用了更具同心感的设计语言,让整体体验更加柔和、友好。

iOS 18

重新设计之前的 American Airlines App 界面

iOS 26

Lowe’s
Lowe’s Companies, Inc.
在 App Store 中查看

这是一个绝佳范例,展现了全新设计系统如何让 App 展示更多产品。搜索体验移到了标签页栏,并增强了全局可用性。Liquid Glass 控件让品牌的标志性配色方案大放异彩。在“Shop”(商店) 标签页上,蓝色标题在滚动时会消失,从而为内容视图腾出更多空间。

iOS 18

重新设计之前的 Lowe’s App 界面

iOS 26

Photoroom
Photoroom
在 App Store 中查看

Photoroom 经过全面重新设计,每项操作都利用了全新设计和 Liquid Glass。现在,这款 App 提供了更加舒适的轻点目标、更大的 UI 尺寸和间距,以及能够清晰呈现下层内容的底部标签页栏。

iOS 18

重新设计之前的 Photoroom App 界面

iOS 26

OmniFocus 4
The Omni Group
在 App Store 中查看

在这款 iPad 版效率 App 中,控件在顶部工具栏中浑然天成;它的设计可确保用户随时都能清晰辨识哪些元素是可交互的。此外,OmniFocus 利用原生框架实现了在各个 Apple 平台上同步更新。

iPadOS 18

重新设计之前的 OmniFocus 4 界面

iPadOS 26

iPad 上的 OmniFocus 4 界面
CNN
CNN Interactive Group
在 App Store 中查看

这款原生的 CNN App 可呈现更多的全屏内容,这些内容能够与 UI 无缝融合。这些虽然只是细微更新,但设计调整与导航更新相结合,共同营造出更现代的使用感受,同时让 CNN 至关重要的滚动提要成为焦点。

iOS 18

重新设计之前的 CNN App 界面

iOS 26

Essayist
Essayist Software
在 App Store 中查看

在这款面向作家和学者的极简主义 App 中,控件非常紧凑,但悬浮于画布上方,以便始终触手可及。此外,App 中的操作得到了简化,并且重点放在尽可能地减少在任何给定时间显示的工具数量上。

macOS 15

重新设计之前的 Essayist 写作 App 界面

macOS 26

Mac 上的 Essayist 写作 App 界面
Lucid Motors
Lucid USA
在 App Store 中查看

Lucid App 以自然流畅的方式整合了全新设计,让人感觉 Liquid Glass 仿佛与生俱来。重新设计的标签页栏重点呈现基本功能:解锁汽车、调节空调等。

iOS 18

重新设计之前的 Lucid Motors App 界面

iOS 26


新的撰写栏引入了圆角设计,与键盘搭配相得益彰,让撰写信息、添加表情符号或上传图像变得更加轻松。此外,分组搜索标签页让你能够更轻松地翻阅信息。

iOS 18

重新设计之前的 Slack App 界面

iOS 26