微信和QQ推出“液态玻璃”新图标，如何一秒做出同款图标？

本文来自微信公众号： 标志情报局 ，作者：小标，原文标题：《微信和QQ推出“液态玻璃”新图标！如何一秒做出同款图标？》

2025年6月，Apple推出采用全新材料Liquid Glass打造的系统设计语言。这种半透明材质能够反射和折射周围环境，并随界面状态产生动态变化，在弱化界面边界的同时进一步凸显内容本身，使控制组件、导航层级、App图标与小组件等元素呈现出更具流动感与空间感的视觉效果。

macOS 26中新的系统图标和旧版系统图标对比。

9月，随着iOS 26、macOS26正式版的发布，Liquid Glass被全面引入系统核心界面。然而在发布初期，受适配成本与设计周期等因素影响，绝大多数第三方应用程序的图标尚未在短时间内跟进这一全新风格。

随着系统普及与设计规范逐步明确，越来越多的第三方应用开始重新调整图标与界面表现，主动向Liquid Glass风格靠拢，使这一设计语言逐渐从系统层面扩展至更广泛的应用生态中。

近日，我们注意到微信和QQ更新了iOS端的应用程序，首次推出了Liquid Glass风格的新图标。与此前的图标相比，新图标明显削弱了扁平化处理，引入更具空间感与材质感。

微信图标不再是单纯的纯色背景与白色图形叠加，而是通过半透明的气泡形态、柔和的高光与阴影，营造出类似玻璃悬浮于绿色底板之上的效果，图标边缘与内部元素都呈现出轻微的折射与层次变化。

QQ图标同样进行了类似调整，企鹅主体的轮廓更加圆润，表面增加了高光与渐变，围巾、身体等细节呈现出更真实的材质过渡，使整体看起来仿佛被包裹在一层通透的玻璃之中。

如何快速设计自己的Liquid Glass图标？

Liquid Glass图标如何设计？其实Apple早就贴心的为设计师准备了一款「图标合成器」软件Icon Composer。

这是一款可免费下载的官方图标合成软件，帮助开发者和设计师快速制作符合Liquid Glass视觉规范的系统图标，并在不同设备和外观模式下保持一致体验。

Apple将Icon Composer定位为多层Liquid Glass图标的最终合成工具。设计师只需基于一套原始设计，即可生成适用于iPhone、iPad、Mac和Apple Watch的分层图标，并通过全新的多层图标格式，灵活调整玻璃材质参数、动态光照效果，以及浅色、深色与单色模式下的显示状态。

同时，Icon Composer可与Xcode无缝协作，也支持导出扁平化版本，用于宣传物料和市场传播。

在实际使用上，Icon Composer并不承担「从零设计图标」的角色。设计师仍需在Sketch、Figma等工具中完成基础图形与图层设计，再以SVG等格式导入Icon Composer进行组合与微调。

导入后，每一层都可以独立调整透明度、尺寸、混合模式，并分别针对不同外观模式进行精细控制。另外，软件内还提供多种纯色与渐变背景，方便快速检验对比度与识别度，尤其适合对单色图标进行可读性校验。

当然，作为早期版本，Icon Composer仍存在一定局限，比如目前界面只支持英文，且图层缩放与定位不够顺手，无法在软件内直接制作模糊或阴影效果，图层命名也较为受限。但从整体来看，它更像是图标设计流程中的最后一道工序：在完成视觉设计之后，用它统一风格、应用Liquid Glass效果，并检查不同模式下的最终呈现。

对于不想手动研究复杂玻璃质感实现方式，或希望快速对齐Apple官方设计方向的设计师而言，Icon Composer是一款实用且高效的官方工具，也为Liquid Glass图标在第三方应用中的普及提供了关键基础。

感谢穆晨2025提供的线报。

❊文内出现的商标及图像版权属于其合法持有人，只供传递信息之用，非商务用途。如您认为文章内出现的图片或视频内容侵犯到了您的权益，请及时联系我们处理。投诉邮箱：copyright@logonews.cn