探索 App 如何使用全新设计和 Liquid Glass
在我们最新一期的设计图库中,了解不同规模的开发者团队如何利用全新设计和 Liquid Glass,在各个 Apple 平台上打造自然流畅、响应灵敏的体验。
浏览原版图库在我们最新一期的设计图库中,了解不同规模的开发者团队如何利用全新设计和 Liquid Glass,在各个 Apple 平台上打造自然流畅、响应灵敏的体验。
浏览原版图库在“AllTrails”的 iOS 26 重新设计中,标签页栏、工具栏玻璃按钮和缩放过渡得到了显著提升。Liquid Glass 导航按钮悬浮于详情页面的路径照片之上,主视觉图像会丝滑地折叠到紧凑的 Liquid Glass 导航栏中。
iOS 18
iOS 26
那个梦想着统治世界的机器人仍然是那么毒舌,但这款独一无二的天气 App 迎来了焕然一新的界面,尤其是在雷达标签页上平移地图时。App 也变得更加简洁:开发者 Brian Mueller 减少了底部工具栏中的标签页数量,带来更简洁的体验。(他还加入了一套完整的配乐,严格来说这与设计无关,但仍然令人印象深刻。)
iOS 18
iOS 26
“Fantastical”将日历和搜索控件从顶部导航栏移至 Liquid Glass 底部工具栏,释放了宝贵的垂直空间用于日程。此外,水平方向的日期滑动栏与垂直方向的日程列表同步滚动,Liquid Glass 视图切换器弹框让你可以轻松在 DayTicker、日历、周、月及更多视图之间切换。
iOS 18
iOS 26
在这款播放列表封面设计 App 中,Liquid Glass 工具栏控件很好地融入了深色画布。App 的撤销和重做按钮采用了新的设计,封面艺术上的文字标签焕然一新。
iOS 18
iOS 26
“Kroger”进行了 15 年来最全面的 App 重新设计,彻底改变了用户的购物方式。添加独立的搜索标签页,使其在整个 App 中随时可用,帮助用户轻松发现商品,并为寻找美食灵感创造更多空间。浮动的 Liquid Glass“送货”(或“取货”) 工具栏在用户购物时始终可见,用户只需轻点一下即可选择。
iOS 18
iOS 26
这款足球赛事比分 App 的导航栏和标签页栏采用了焕新的 Liquid Glass 设计。在 App 的新设计中,打开赛季选择器菜单时会显示一个大大的 Liquid Glass 叠层。球队页面则采用了一种巧妙而自然的设计,Liquid Glass 工具栏按钮会自动调整为与每个俱乐部相呼应的色调。
iOS 18
iOS 26
这款依托 AI 技术的音乐 App 拥有精致的外观和集成式工具栏,和弦标记会在多音轨波形上方随着音频播放而水平滚动。乐器分离音轨能够充分利用更大的画布空间,播放控件 (包括实时拖动前奏、主歌和副歌等歌曲部分) 位于屏幕底部,使用体验更加直观且更易于操作。
iPadOS 18
iPadOS 26
这款卡拉 OK App 的深色主题歌曲资料库在经过重新设计后变得更美观。醒目的歌单封面图片现在标注了歌曲列表名称,底部的 Liquid Glass 标签页栏呈现半透明效果,突出了 App 的粉色强调色。当用户滚动浏览歌曲和浏览“发现”页面的歌单、测验和类型卡片时,大标题会流畅地折叠到紧凑的导航栏中。
iOS 18
iOS 26
这款 CRM App 将导航从顶部标签页栏移至底部的 Liquid Glass 栏,使用户能够更方便快捷地访问通讯录、公司和产品。在 iPad 上,App 的三列布局效果出色。轻点联系人的电话按钮会打开一个包含多个电话号码的 Liquid Glass 弹框,轻点“+”按钮则会显示嵌套的弹窗菜单,可用于创建笔记、任务、日程等。
iPadOS 18
iPadOS 26
这款故事板 iPad App 将顶部工具栏改造成简洁的控件组。导入音频时,会显示一个带有 Liquid Glass 背景的文件选择模块,而故事板画布和注释在下方依然可见。工具栏也采用一致的半透明设计,让故事板总览和逐帧注释视图在其下方总是保持可见。
iPadOS 18
iPadOS 26
在工具栏图标迁移到顶部的紧凑分组后,iPad 版“SketchPro”的画布提供更具沉浸感的使用体验。半透明的画笔面板自然地悬浮在画作之上,切换炭笔画笔、选择工具和对称绘画模式时,画布始终保持前置居中。
iPadOS 18
iPadOS 26
“Trello”的看板总览采用全新设计,Liquid Glass 标签页栏带来更柔和、更现代的项目管理视觉体验。收件箱卡片采用紫色主题,系统键盘本身则采用半透明设计,在用户搜索时,看板卡片的颜色会在键盘下方若隐若现。
iOS 18
iOS 26
这款 iPad 原型设计工具简化了顶部工具栏,将相关的设计工具组合在一起。右侧检查器面板的布局更加简洁,新增了“外观”和“效果”分区,其中包含“玻璃效果”开关,设计师可以将 Liquid Glass 直接应用到模型元素上。
iPadOS 18
iPadOS 26
Mac 版“GoodLinks”采纳了 macOS 26 Tahoe 的 Liquid Glass 工具栏,窗口控制、导航和操作按钮都位于一个半透明栏中,使 App 内容拥有透视效果。文本高亮和注释的使用体验自然流畅,点按右键高亮部分可访问 Liquid Glass 风格的上下文菜单,其中包含颜色选项、备注、分享和搜索功能。
macOS 15
macOS 26
这个任务管理器简化了其 iOS 界面,并在底层添加了丰富的整理工具。用户可以从主屏幕轻松浏览智能列表、项目和嵌套标签,轻点“+”会打开一个悬浮弹框,用于创建任务、项目、过滤器和文件夹。
iOS 18
iOS 26
采用了新设计的 iPad 版“LazyFit”变化显著:即使是锻炼视频播放也获得了新设计的效果,播放、暂停和跳过按钮现在会悬浮在锻炼视频画面之上。
iPadOS 18
iPadOS 26
这款英国的数字银行 App 是首批采用新设计的金融 App 之一。“Monzo”对 Liquid Glass 的巧妙应用包括改版的标签页栏、分组的工具栏图标和精美的原生动画。
iOS 18
iOS 26
这款新闻 App 采用流畅的半透明导航栏和可随滚动优雅隐退的悬浮标签页栏,带来更具沉浸感的阅读体验,并让突发新闻和深度报道成为焦点。
iOS 18
iOS 26
这款英国领先的流媒体 App 采用了新的标签页栏和原生独立搜索按钮,并在其播放和导航按钮中广泛应用 Liquid Glass。
iOS 18
iOS 26