微信和QQ推出“液态玻璃”新图标,如何一秒做出同款图标?
日期:2025-12-29 21:48:51 / 人气:6

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"
作者:意昂体育
新闻资讯 News
- 耳机上的摄像头:AI时代交互革命...12-29
- H-1B抽签规则彻底变天:“谁赚...12-29
- 隐秘的羽绒帝国:河南台前县如何...12-29
- MiniMax成色深度拆解:高增长背...12-29

