WWDC26 后,Apple 系统图标发生了哪些变化?

一、全文速览图

WWDC26 后,Apple 系统图标发生了哪些变化?

每年 WWDC 结束后,除了系统功能和交互更新,最容易被设计师第一时间注意到的,往往是App图标的变化。

图标看起来只是一个很小的视觉元素,但它其实最能体现系统设计语言的走向。颜色有没有变得更鲜明,玻璃质感有没有变轻,边缘是不是更锐利,层级关系有没有被重新调整,这些细节都会影响我们对整个系统气质的判断。

WWDC26 后,Apple 系统图标发生了哪些变化?

这次 iOS 和 macOS 的图标更新,整体仍然延续了 Liquid Glass 的方向,但相比之前,视觉感受已经发生了一些明显变化。

有些图标的颜色更大胆,对比也更强;有些图标减少了过去那种厚重的玻璃折射感,变得更轻、更平;还有一些图标在边缘、高光和阴影上做了微调,看起来更清晰,也更贴近新系统界面的整体风格。

当然,目前这些变化还处在 beta 阶段,部分细节还不一定代表最终版本。比如有些图标的边缘看起来更锐利,有些玻璃效果也显得没有之前那么柔和,这些可能是 Apple 有意调整的方向,也可能只是早期版本中的过渡状态。

下面老三将对比 36 款苹果原生 App 进行分析,也欢迎大家在评论区说出自己喜欢的App icon以及原因~

二、Mail 邮件

邮件中文案的California一词被缩写为CA,图标边缘的粗线条也已优化为更细的线条。

WWDC26 后,Apple 系统图标发生了哪些变化?

三、Maps 地图

地图的定位图标底座与总部建筑均采用了玻璃质感的透视材质,同时也对原本白色线条的粗犷感进行了细化处理。

WWDC26 后,Apple 系统图标发生了哪些变化?

四、Photos 照片

在照片图标的处理上,采用玻璃扭曲的堆叠视觉效果,使整体显得更加轻盈。

WWDC26 后,Apple 系统图标发生了哪些变化?

五、Camera 相机

相机App的优化,更像一个滚筒洗衣机了,尤其是镜头的反光

WWDC26 后,Apple 系统图标发生了哪些变化?

六、Reminders 提醒事项

提醒事项的三个色彩更加深邃,取消内投影后,整体更显扁平一体。

WWDC26 后,Apple 系统图标发生了哪些变化?

七、Podcasts 播客

播客图标弱化了朦胧的玻璃高光,圆环结构更清晰,整体从柔和半透明转向更锐利、干净的 Liquid Glass 质感。

WWDC26 后,Apple 系统图标发生了哪些变化?

八、Settings 系统设置

设置图标重新强化了齿轮的轮廓和内外层级,整体细节更收敛,机械结构的识别感更直接。

WWDC26 后,Apple 系统图标发生了哪些变化?

九、Calculator 计算器

计算器图标在iOS 27 中的Liquid Glass更新

WWDC26 后,Apple 系统图标发生了哪些变化?

十、Siri App

Siri App 在 iOS 27 中首次发布的Liquid Glass样式。

WWDC26 后,Apple 系统图标发生了哪些变化?

十一、Messages信息

信息图标更干净直接,气泡造型更简化,与背景的对比也更清晰。

WWDC26 后,Apple 系统图标发生了哪些变化?

十二、Phone 电话

电话图标把听筒简化成更平整、干净的符号,边缘更清楚,内部细节也更少。

WWDC26 后,Apple 系统图标发生了哪些变化?

十三、Find My 查找

查找图标从柔和的透明层次转向更清晰的色块分区,让雷达区域和中心定位点更容易识别。

WWDC26 后,Apple 系统图标发生了哪些变化?

十四、Finder 访达

macOS Golden Gate(Beta 1)版本的访达图标中,新版的鼻子看起来更加圆润,隐约带有其早期风格的感觉。

WWDC26 后,Apple 系统图标发生了哪些变化?

十五、App Store 苹果应用商店

App Store 的蓝色变得更深邃,渐变效果也有所减弱,同时图标更加通透,质感也更轻盈。

WWDC26 后,Apple 系统图标发生了哪些变化?

十六、Books 书籍

图书图标简化了书页细节,让书本造型更居中。新版识别更干净,但也少了一些旧版柔和的层次感。

WWDC26 后,Apple 系统图标发生了哪些变化?

十七、Chess 国际象棋

国际象棋图标突出马棋、弱化棋盘,识别更直接,但空间感也少了一些。

WWDC26 后,Apple 系统图标发生了哪些变化?

十八、Clock 时钟

时钟图标整体变化不大,只是刻度略微加深,让表盘边界更明确。

WWDC26 后,Apple 系统图标发生了哪些变化?

十九、Contacts 联系方式

通讯录图标把头像推到主视觉,弱化了通讯录本身的卡片感,整体更偏向身份而不是记录。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十、Freeform 无边记

无边记图标把圆形、方形和线条的关系拆得更明确,白色线条也从柔和笔触变成了更主要的图形符号。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十一、Games 游戏

火箭图标几乎没有明显变化,只在对比度和边缘处理上做了轻微调整。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十二、Home 家

家庭图标让外层屋形更突出,内部层级更紧凑,房子套房子的概念也更直观。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十三、Image Playgrounds  图像乐园

图像乐园图标从抽象的创作符号,变成了气泡中的成品画面,重点也从AI 工具转向了视觉结果。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十四、Journal 手记

手记图标整体变化不大,只在色彩对比和边缘处理上做了轻微调整。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十五、Passwords 密码

密码图标减少了钥匙上的细节,让三种颜色更实,整体从具体物件更偏向清晰符号。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十六、Music 音乐

音乐图标几乎没有明显变化,只是明暗和边缘层次略微收敛。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十七、Time Machine 时间机器

时间机器图标加重了箭头和时钟轮廓,视觉重点从圆盘转向了恢复符号本身。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十八、Tips 提示

提示图标减少了灯泡周围的发光感,并让底座更明显,整体从点亮状态转向更明确的灯泡符号。

WWDC26 后,Apple 系统图标发生了哪些变化?

二十九、FaceTime

FaceTime 图标整体几乎没变,只是摄像机造型略微简化。

WWDC26 后,Apple 系统图标发生了哪些变化?

三十、Quicktime 快速时间格式

QuickTime 图标整体形态基本没变,但通过更明确的交叠关系,把两块玻璃的堆叠感表现得更明显。

WWDC26 后,Apple 系统图标发生了哪些变化?

三十一、Safari

Safari 图标整体几乎没变,只是表盘和指针的颜色与渲染细节略有调整。

WWDC26 后,Apple 系统图标发生了哪些变化?

三十二、Shortcuts 快捷方式

快捷指令图标从偏磨砂、融合的质感,转向更明确的玻璃堆叠,重叠关系也更直观。

WWDC26 后,Apple 系统图标发生了哪些变化?

三十三、Stocks 股票

股市图标加粗了走势线,也强化了蓝色标记点,整体从较克制的趋势图,变成了更明确的追踪信号。

WWDC26 后,Apple 系统图标发生了哪些变化?

三十四、Voice Memos 语音备忘录

语音备忘录图标整体变化很小,主要是红色波形在深色背景上的对比略微更明显。

WWDC26 后,Apple 系统图标发生了哪些变化?

三十五、Weather 天气

天气图标变化不大,但云朵少了一些原本的厚重感。新版更简化,不过我个人更喜欢旧版更饱满的云朵造型。

WWDC26 后,Apple 系统图标发生了哪些变化?

三十六、Notes 备忘录

备忘录图标几乎没有变化,只是上方黄色区域的边界略微更明确。

WWDC26 后,Apple 系统图标发生了哪些变化?

三十七、iPhone Mirroring iPhone 镜像功能

iPhone 镜像图标去掉了主屏细节,转而突出两个设备轮廓的重叠,让镜像概念更抽象,也更直接。

WWDC26 后,Apple 系统图标发生了哪些变化?

三十八、写在最后

老三个人会更关注两个问题:

一是这些图标在真实使用场景中是否更清晰;二是这套视觉语言,能不能在 iOS、macOS 以及更多系统界面里保持一致。

这期就先记录到这里,更多还需要大家去探索。

那么大家是更喜欢旧版的图标质感,还是新版这种更轻、更清晰的处理呢?评论区留言告诉我~

 

收藏
点赞 35

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。