六月设计圈集体开挂：谷歌M3 Expressive用“物理弹跳”重塑按钮、Airbnb的3D Lava图标让UI会呼吸、苹果Liquid Glass一口气统一五大平台视觉语言；Midjourney视频模型V1上线，剪映“小云雀AI”一键做爆款，Search Live把搜索变对话，Imagen4直接让Gemini成了即拍即得的“AI照相馆”。

【1】谷歌发布 M3 Expressive 设计语言

【2】谷歌更新 iOS App 图标

【3】Airbnb 视觉刷新并推出了新的图标动画解决方案

【4】字节发布图像 Agent「小云雀 AI」 打造一键爆款创作神器

【5】Apple award 2025获奖公布，国区App获奖

【6】Midjourney 推出首个视频生成模型 V1

【7】谷歌 Search Live 语音搜索功能上线，语音对话搜索革新体验

【8】 Imagen4 登陆 Gemini，AI 图像生成进入新纪元

【9】Apple 公开 Liquid Glass 新风格，首次跨 5 大平台统一界面

B端产品经理的能力模型与学习提升

B端产品经理面临的第一大挑战，是如何正确的分析诊断业务问题。 这也是最难的部分，产品设计知识对这部分工作基本没有帮助，如果想做好业务分析诊断，必须具备扎实 ...

查看详情 >

1. 谷歌发布M3 Expressive设计语言

3. Airbnb 视觉刷新并推出了新的图标动画解决方案3. Airbnb 视觉刷新并推出了新的图标动画解决方案3. Airbnb 视觉刷新并推出了新的图标动画解决方‍

▲图片来自：Material Design

M3 的升级核心旨在平衡 品牌个性化 与 系统一致性，提供一套“更灵活、更智能、更包容”的设计系统。

• 灵活：打破样式限制，赋能品牌表达。
• 智能：动态色彩与自适应布局降低多端适配成本。
• 包容：强化无障碍支持，确保个性化不牺牲可用性。

▲图片来自：Material Design

为了实现这一目标，团队做出了多项改进，增加了一个基于物理系统的运动机制，使按钮和元素在交互和过渡中看起来像自然跳跃，并且还丰富了一系列的形状动画和字体及配色瞓，团队也更加倡导更加动态的运用这些设计元素，开发者可通过更新后的 Material Design 3 组件库 和 Figma 工具链 快速落地新特性。

2. 谷歌更新 iOS App 图标

谷歌在2025年5月的I/O开发者大会上发布了全新的“渐变G”Logo，并已逐步应用于旗下核 心产品。渐变设计被视为谷歌AI战略（如Gemini 2.5 Pro、Project Mariner）的视觉符 号，为虚实融合交互场景预埋设计基因，新标识旨在强化跨平台一致性，同时通过流体质感传递科技美学的未来感。

▲图片来自： App Store

3. Airbnb 视觉刷新并推出了新的图标动画解决方案

Airbnb 于 2025 年 5 月重新设计了其应用程序，并引入了一种全新的图标媒体格式，内部称为“Lava”。是 Airbnb 全新推出的3D动画图标媒体格式，本质上是一种轻量级视频，带有针对 UI 图标优化的 Alpha 通道（透明背景）。它的构建旨在克服 Lottie（2D 矢量动画）等现有解决方案和传统视频格式的局限性。 Lava 图标支持全 32 位彩色和透明度，因此图标可以呈现柔和的阴影、发光和其他与 UI 融合的效果。Airbnb为此专门申请了专利，Airbnb 设计副总裁表示，Lava 的动画图标既能取悦用户，又能保持流畅的性能。通过控制格式和播放引擎，Airbnb 确保每个动画图标都外观精美，性能可靠。

4. 字节发布图像 Agent「小云雀 AI」 打造一键爆款创作神器

小云雀AI是字节跳动（剪映团队）于2025年5月底推出的多模态AI创作工具，与同类竞品相比较，小云雀的竞争力在于整合碎片化工具链，而非单点功能优化，定位为“内容执行 Agent”，覆盖视频生成、数字人口播、图像设计、背景替换等全流程创作需求。

▲图片视频来自： 应用宝

5. Apple award 2025获奖公布，国区App获奖

本次Apple award2025获奖的名单，来自国区的app首次获得奖项，而且是两个，分别是 Cap words和淘宝。真正打动人的产品，都具备情绪价值、设计审美和沉浸的体验。

CapWords提出了一个既简单又具有革命性的理念：通过拍照来学习事物的名称。只需轻轻一拍，加上有趣的动画，CapWords就能将日常用品——咖啡杯、 交通锥、纸杯蛋糕——变成互动贴纸。CapWords以“真实场景收藏”重塑语言学习体验，是AI时代“兴趣驱动学习”的优雅实践，虽非全能工具，却在细分领域做到了极致治愈与高效。

▲图片来自： Apple ｜cap words ｜ 淘宝设计

▲图片来自： Apple ｜cap words ｜ 淘宝设计

淘宝在Vision Pro的应用中提供了令人惊叹的 3D 模型，堪比实体商品，每个模型都拥有流畅的交互、过渡和直观的控制。对于每款 3D 商品，淘宝都会考虑其摆放位置、操控方式、尺寸和功能，并提供超实用的商品并排比较功能。

▲图片来自： Apple ｜cap words ｜ 淘宝设计

6. Midjourney 推出首个视频生成模型 V1

▲图片来自：Midjourney官网

Midjourney 于近日正式发布其首个面向公众的“Image‑to‑Video”模型 V1，开启从静态图像到动态视频的重大跃迁。

▲图片来自：Midjourney官网

使用时，用户可在网页端选中已有图像，点击“Animate”按钮，一键生成 5 秒视频片段。支持“自动模式”快速动画，也可切换至“手动模式”，自定义运动方向与镜头移位，并在“高／低运动”设置间灵活选择。支持视频扩展功能，最多可延长至 21 秒。

▲图片来自：Midjourney官网

付费模式方面，基础订阅（10 美元/月）即享 V1 视频权限，每秒视频成本约等于生成一幅图像（约为图像生成成本的8倍），高级订阅（如Pro或Mega）还可使用“放松模式”，体验不限频的视频生成。

▲图片来自：Midjourney官网

此次发布不仅让 AI 图像创作更加生动，也意味着 Midjourney 正迈向实现“实时开放世界模拟”（real‑time open‑world simulations）的长期目标。

7. 谷歌 Search Live 语音搜索功能上线，语音对话搜索革新体验

▲图片来自：Google官网

Google 正式推出 Search Live 语音搜索功能，首次在 Gemini 支持下实现实时语音交互体验。用户在 iOS 或 Android 版 Google App 中启用 AI 模式后，只需点击搜索框下的 Live 图标，即可通过语音与搜索引擎展开自然对话。这项新功能不仅支持即时语音回应，还可连续理解上下文，实现对话式搜索链路，显著提升了移动端的信息检索效率和智能化程度。

当你在旅途中或一边忙着打包行李时，只需打开 Google 应用，点一下全新上线的「Live」语音图标，就能用说的方式提出问题，比如：“如何防止亚麻连衣裙在行李箱里起皱？”系统会用 AI 生成清晰的语音解答，并支持你接着问“那如果已经皱了怎么办？”等后续问题。所有相关信息还会同步展示在屏幕上，附带便于点击的网页链接，方便你进一步了解详情。

8. Imagen4 登陆 Gemini，AI 图像生成进入新纪元

Google 最近更新了 Gemini 平台，全面接入了最新的图像生成模型 Imagen 4，使其成为一个具备“即时画廊”能力的对话式 AI。用户在聊天窗口中输入自然语言描述（如“夕阳下的雪山全景”或“复古风格海报”），几秒钟后便可获得高质量的图像。这意味着无需跳转界面，创作的全过程直接嵌入对话流中，大幅提升了使用便捷性与效率。

▲图片来自：Google官网

生成质量显著提升，细节与文本渲染更出彩

Imagen 4 的优势尤为显著：图像对复杂织物纹理、水滴形态、动物毛发等细节的表现能力得到显著强化；其对文字内容的渲染也更加清晰，适合用于海报、贺卡等需直观文字的设计场景。此外，该模型支持最高2K分辨率输出，满足数字展示以及高质量印刷需求，同时能够根据提示生成写实摄影、水彩画、卡通插画甚至抽象艺术等多种风格作品。

▲图片来自：Google官网

对话生成＋实时调整，交互更智能

此次整合让 Gemini 聊天对话具备生成图像和编辑图像的能力。用户可在聊天过程中进一步修改已生成内容，例如调整颜色、增加元素或转变风格，仅需简单文字提示便可实现“边聊边调”的流畅创作流程。社交媒体反馈显示，这种新型操作体验深受设计师及内容创作者青睐。

▲图片来自：Google官网

Gemini（Imagen 4）VS ChatGPT‑4o

在与其他主流图像生成工具的比较中，Imagen 4 在真实感、文字清晰度及速度方面展现出明显优势。但在生成特定人物肖像、高度定制化风格迁移方面，仍有评论认为略逊于 ChatGPT‑4o。不过，Gemini 借助其对话交互形式、免费用户支持以及 2K 输出的性价比，正逐步建立其市场优势。

▲图片来自：Google官网

9. Apple 公开 Liquid Glass 新风格，首次跨 5 大平台统一界面

▲图片来自：Apple官网

Apple 在 WWDC25 正式推出代号为“Liquid Glass”（液态玻璃）的全新跨平台视觉设计系统，覆盖 iOS 26、iPadOS 26、macOS 14 Tahoe、watchOS 26 与 tvOS 26。这是苹果近年来界面设计上最具突破性的一次大规模更新，目标是为其生态系统营造一致、富有层次感的使用体验。

▲图片来自：Apple官网

新系统采用玻璃质感的半透明效果，通过实时折射和光影响应，让控件、图标和窗口仿佛悬浮在背景之上，并伴随用户交互呈现独特的高光与动感折射。滑动、滚动以及屏幕倾斜时，应对内容与界面的效果自然流畅，其中包括锁屏时数字和图标的动态扩展与收缩以及主屏幕图标的层次感调整等细节处理。

▲图片来自：Apple官网

▲图片来自：Apple官网

在 UI 元素方面，苹果重新设计按钮、滑块、切换开关等交互组件，使其拥有与硬件圆角边框相呼应的形态，同时统一视觉语言。iPadOS 和 macOS 引入更加通透的侧边栏设计，进一步延展“Liquid Glass”材质感。watchOS 与 tvOS 同样实现玻璃质感控件扩展，营造平台一致的交互体验。

▲图片来自：Apple官网

此次更新并非单一系统调整，而是苹果为其全家桶软件重新构建视觉标识的战略性举措。亮点包括：

统一跨设备风格：让 iPhone、iPad、Mac、Apple Watch、Apple TV 五大平台的界面在风格、动效、质感方面高度一致；

▲图片来自：Apple官网

增强交互反馈：通过光影折射和 AP 自适应材质让动态体验更加自然流畅；

视觉识别提升：半透明玻璃质感增强了界面层次感，改变了长期以来扁平化设计的压抑感；

▲图片来自：Apple官网

动效联动硬件：拟合 Vision Pro 系统设计语言，借助图形硬件能力实时渲染动态玻璃效果。

▲图片来自：Apple官网

苹果这次推出的 “Liquid Glass” 界面代表其对软件设计的再定义——从此前的极简扁平风格，转向更具“物理质感”“动效联动”“跨屏统一”的视觉趋不同格局。这不仅是一次美学升级，也被视为苹果构筑其生态系统未来 UI 标识的重要布局。随着此风格在今秋正式全面推送，对整个品牌形象与用户感知将产生深远影响。