阮一峰的网络日志

科技爱好者周刊#353:苹果的“液态玻璃”是为了 AR

这里记录每周值得分享的科技内容,周五发布。

本杂志开源[1],欢迎投稿[2]。另有《谁在招人》[3]服务,发布程序员招聘信息。合作请邮件联系[4]([email protected][5])。

封面图

Image

6月17日晚,重庆举行超大规模无人机表演,共有11787架无人机,上图是其中一个场景“天上的重庆”。(via[6])

苹果的“液态玻璃”是为了 AR

上周,苹果公司发布了新的设计风格“液态玻璃”(liquid glass)。

Image

这种风格使用液体玻璃,作为控件(上图)。早先的扁平化风格,被一股脑抛弃。

下图左面是原来扁平化风格的 iPhone,右面是这次测试版的液态玻璃。

Image

我知道的绝大部分人,对这种新风格都是差评,觉得不好看。大家想不通,为什么苹果要在屏幕上,添加一个额外的半透明玻璃层。

甚至有人说[7],如果乔布斯看到 iPhone 变成这样,会解雇所有人(下图)。

Image

那么,到底为什么呢,苹果好端端的,突然要大改界面?

官方完全回避这个问题,我倒是看到一篇解读[8],提出了一个很有见解的猜测。

他说,苹果这样做,压根不是为了审美,而是为了下一代的空间计算,也就是 AR。

现在的计算设备,都是二维的平面交互,用户面对一个扁平的屏幕,所以适合二维的扁平化风格。

但是,对于 AR 设备,用户进入的是一个 3D 空间,接触的东西都是立体的,所以需要一个立体的界面。

AR 设备没有屏幕,只有空间。屏幕不重要,空间才重要。

液态玻璃就是一个空间设计,目的是让界面有一个实体,让你感觉每个按钮都是一个有体积的实物。并且,它半透明,不会遮住后面,从而产生空间层次感。

从这个角度,苹果的界面设计副总裁 Alan Dye 对液态玻璃的介绍,就很容易解读。

每个元素都经过精心设计,赋予了它们物理感:它们具有维度,能够动态响应光线,并投射阴影。

苹果的 AR 设备,目前只有 Vision Pro 头盔。

Image

液态玻璃界面,应该最初是为了这个头盔设计的。在 AR 空间中,操作界面就是一块悬浮的玻璃,这非常合理。

Image

苹果为了统一设计语言,索性让 iPhone 和 Mac 也用了它。开发者只需要设计一次,就能适配所有苹果设备。

这样做,有利于推广 AR。试想一下,用户在手机和电脑上,已经熟悉了液态玻璃风格,当他最终戴上 AR 设备时,就不会对这种界面感到陌生,仿佛 AR 设备只是 iPhone 的自然延伸。

如果苹果确实是这样的考虑,那么我们可以确定,苹果下一步会大力推广空间计算。

Vision Pro 虽然卖得不好,但是苹果不仅不会放弃它,反而会加大投入,很可能还会推出轻量级的 AR 眼镜。

Image

AR 也许是计算机行业的下一个热点,苹果已经在布局。

并且,液态玻璃界面要求实时模糊、动态透明、情境照明。这些效果需要强大的 GPU 实时渲染,这正是苹果芯片的强项,对手的硬件可能会出现卡顿,从而进一步加大苹果的优势。

科技动态

(1)Meta 公司推出 AI 广告[9],用户上传产品照片,系统就会自动生成广告视频,并配好音乐和文案。

Image

未来,广告的制作成本越来越低,注定会无所不在,并且还会针对每个人,生成个性化广告。

(2)加拿大有一只小乌龟,断了一只脚。一家博物馆用乐高积木,为它制作了助行器[10]。

Image
Image

这件事很有意义,因为乌龟的寿命很长,可以达到50年~80年。助行器能帮助它几十年。

Image

(3)美国国防部研究局 DARPA,创造了无线传输能量[11]的世界纪录。

Image

他们使用激光,在8.6公里外传输能量,持续了30秒,每秒功率超过800瓦。这是迄今无线传输能量的最远距离。

上图是激光接收器,激光进入中心的孔以后,会被反射到内部的数十个光伏板,这些光伏板将能量转换回电能。

(4)除了人形机器人,还有虫形机器人[12]。

Image

一家美国公司制作了蜈蚣机器人,它可以爬行,适合起伏的地形,目前用来除草。

Image

(5)一项研究发现,手写[13]能增加大脑活动和参与度,比键盘打字更有利于记忆和学习。因此,学习重要的内容,可以尝试手写。

文章

1、CSS class 的替代方法[14](英文)

Image

作者认为,网页元素的 class 属性有很多弊端,可以不用,改用替代写法,很有启发性。

2、短信发送天气预报教程[15](英文)

Image

本文介绍怎么使用短信,给自己发送天气预报。

3、更好的 Shell 历史搜索[16](英文)

Image

本文教你怎么打造更好用的 Shell 历史搜索。

4、让 NotebookLM 更好用的3个浏览器插件[17](英文)

Image

谷歌的 AI 笔记应用 NotebookLM 非常有用,本文介绍三个 Chrome 插件,让它更易于使用。

5、SSL 为何改名为 TLS[18](英文)

Image

HTTP 的加密协议 SSL,后来改名为 TLS,本文解释原因,完全是大公司斗争的产物。

6、自适应网页的正确写法[19](英文)

Image

为了适应手机浏览器,网页的 HTML 头部一般会加上缩放命令,比如width=device-width。本文介绍这个命令的正确写法。

工具

1、Vince[20]

Image

网站流量统计分析工具,Google Analytics 的自托管替代品。

2、worklenz[21]

Image

一个开源的团队项目管理工具,自带后端和前端。

3、Kopia[22]

Image

一个开源的备份/恢复工具,可以将指定的目录或文件,备份到云存储服务商,有命令行和图形两种界面。

4、Eyesite[23]

Image

一个开源的实验项目,用摄像头捕捉用户的目光移动,从而代替鼠标,参见介绍文章[24]。

5、Unbound[25]

Image

自搭建的家用 DNS 服务器。

6、Rspamd[26](英文)

Image

开源的垃圾邮件过滤系统,用来检测垃圾邮件。

7、Sync your cookie[27]

Image

开源的 Chrome 插件,将 Cookie 同步到 Cloudflare,用于在不同设备之间共享 Cookie。(@jackluson[28] 投稿)

8、Link Checker[29]

Image

网站链接检查器,输入网站链接,找出其中的死链接,代码开源[30]。(@isixe[31] 投稿)

9、Ayanami[32]

Image

纯前端的像素编辑器,支持帧动画。(@KamiC6238[33] 投稿)

10、chromium-style-qrcode-generator-with-wasm[34]

Image

使用 Rust 和 WebAssembly 技术的 Chrome 风格二维码生成器,纯网页应用,不需要后端。(@liuliangsir[35] 投稿)

资源

1、Daily arXiv AI Enhanced[36]

Image

每日自动抓取 arxiv 论文,并使用 AI 进行汇总,使用 GitHub Pages 进行展示。(@dw-dengwei[37] 投稿)

2、中国城市地铁可视化[38]

Image

一个交互式网页可视化应用,展示中国城市地铁线路,代码开源[39]。(@thecuvii[40] 投稿)

3、Thiings[41]

Image

一个搜索下载 3D 图标的网站,现有近3000个图标。

4、无字证明[42](Proofs without words)

Image

这个网站收集各种数学定理的图像证明,上图是前 n 个奇数之和等于 n 的平方。

图片

1、Reddit 的子频道[43]

Reddit[44] 是美国最大的网上社区,有无数个子频道。任何关键字,都能创建一个子频道,类似于百度贴吧。

下图是按照成员人数的 Reddit 子频道排名。

Image

不知道看哪个频道,可以先去上面这些频道,比如排名第一的 Funny 频道[45]。

2、Meat 的五大收购[46]

Image

上图是 Meat 历史上五次最大的收购。

其中,第二大收购是上周刚刚完成的,这个交易非常奇特。

Meta 以143亿美元投资 Scale AI,获取后者的少数股权,并让后者的28岁 CEO 亚历山大·王(Alexandr Wang)辞职加盟 Meta,负责 AI 部门。

Image

也就是说,Meta 实际上是花了143亿美元,挖角了亚历山大·王这个人。AI 人才的价码之高,令人咋舌。

文摘

1、胶水工作重要吗?[47]

“胶水工作”(glue work)指的是,帮助做出产品、提高效率的一些辅助工作。

举例来说,更新文档、解决技术债务、培训新人、维护团队成员的正常交流等等,都属于胶水工作。每个团队都需要大量这类工作。

我认为,胶水工作非常重要,如果没有它们来粘合整个团队,就很难做出大型产品,也无法减少大型组织中的摩擦。

有些工程师因此很天真,将大量精力花在这些胶水工作。但是,在晋升或发放奖金时,这些工程师往往被忽视,公司更看重那些销售直接相关的工作(如开发新功能)的工程师。

为什么胶水工作不能让你得到晋升呢?

是因为公司太愚蠢,看不到这些工作的价值吗?我不这么认为。

公司不奖励胶水工作,因为他们不想让你优先考虑它,而想让你更重视产品的发布。胶水工作很辛苦。如果你有能力做好胶水工作,他们希望你把这种能力用在产品发布,而不是提高团队效率。

你必须明白,让团队更顺利地运行不是你的工作,你的真正工作是执行公司领导层的使命。

有一个很少人知道的事实是,与其花大量时间提高团队效率,不如让团队以60%的效率运行。

这里有两个主要原因。

(1)如果团队以100%的效率运行,团队成员不可避免地会精疲力尽,这对每个人都不好。

(2)最好让团队成员习惯于在公司的基本效率水平上运作,而不是在短时间内人为地消除摩擦。因为低摩擦的状态不可能长期持续,这要求巨大的投入。

大型科技公司在任何时间内都以大约20%-60%的效率运行(公司越大,运行效率越低)。大公司的增长主要在于占据更多的市场,而不在于提高效率,所以公司不在意让团队效率提高到一个很高的水平。另一方面,如果个别员工愿意在胶水工作上投入大量时间,将团队的效率提升到80%或90%,公司将利用这种免费价值,但公司对长期锁定这种价值没有任何真正的兴趣,因为这取决于优秀的人才自愿奉献时间,是不可持续的。

所以,结论就是,公司需要有一些胶水工作,但是不需要太多的胶水工作。

作为开发者,你的正确做法应该是,在战术层面上做一些胶水工作,而不能把胶水工作提高到战略层面。

也就是说,你应该把胶水工作视为额外工作,你的关注重点永远应该是项目的成功。你不会因为胶水工作而得到特别的奖励,但你会因为项目的成功而获得奖励。

言论

1、

政府的软件采购方式,花费大量资金,引发大量新闻报道,涉及大量人员,但最终不会有一款软件真正进入工作,用户仍将使用 Excel 处理所有事情,使用 PowerPoint 生成幻灯片。

-- Hacker News 读者[48],评论美国国防部向 OpenAI 采购2亿美元 AI 模型[49]

2、

未来,你还是需要学习编程。因为你需要能够准确地告诉 AI 你想要什么,了解计算机的工作原理有助于你编写更精确的提示和指令。

-- 吴恩达[50],著名 AI 科学家,斯坦福大学教授

3、

宇航员在太空洗衣服吗?答案是不洗。

国际空间站的供水很有限,根本没有设计洗衣服的功能。宇航员的衣服弄脏以后,要么继续穿,要么直接扔掉。脏衣服会在返回大气层的时候,全部烧掉。

-- 《宇航员在太空洗衣服吗》[51]

4、

我担心,以后在重要的媒体中,实质性内容将逐渐衰落,30秒的片段会流行,节目只具有最低的共识,充斥着对伪科学和迷信的盲目介绍,尤其还有一种对无知的庆祝。

-- 卡尔·萨根[52],美国著名科普作家,这段话写于1994年

往年回顾

信息就像糖一样上瘾[53](#306)

最酷的乐高作品[54](#256)

如何走出失望和怀疑[55](#206)

显卡缺货与异业竞争[56](#156)

(完)

References

[1] 开源:https://github.com/ruanyf/weekly
[2]投稿:https://github.com/ruanyf/weekly/issues
[3]《谁在招人》:https://github.com/ruanyf/weekly/issues/6965
[4]邮件联系:mailto:[email protected]
[5][email protected]:mailto:[email protected]
[6]via:https://www.xinhuanet.com/photo/20250618/803d7411ae6041f3981ae375d5ac1bff/c.html
[7]有人说:https://x.com/greggertruck/status/1932173476879888556
[8]一篇解读:https://omc345.substack.com/p/from-skeuomorphic-to-liquid-glass
[9]AI 广告:https://seekingalpha.com/news/4458717-meta-unveils-updated-image-to-video-ad-feature-amid-ai-push
[10]助行器:https://www.cbc.ca/news/canada/nova-scotia/root-wood-turtle-mobility-aid-lego-1.7517211
[11]无线传输能量:https://www.darpa.mil/news/2025/darpa-program-distance-record-power-beaming
[12]虫形机器人:https://spectrum.ieee.org/ground-control-robot-insects
[13]手写:https://www.scientificamerican.com/article/why-writing-by-hand-is-better-for-memory-and-learning/
[14]CSS class 的替代方法:https://www.keithcirkel.co.uk/css-classes-considered-harmful/
[15]短信发送天气预报教程:https://bensilverman.co.uk/posts/daily-weather-sms/
[16]更好的 Shell 历史搜索:https://tratt.net/laurie/blog/2025/better_shell_history_search.html
[17]让 NotebookLM 更好用的3个浏览器插件:https://www.xda-developers.com/notebooklm-chrome-extensions/
[18]SSL 为何改名为 TLS:https://tim.dierks.org/2014/05/security-standards-and-name-changes-in.html
[19]自适应网页的正确写法:https://lukeplant.me.uk/blog/posts/you-can-stop-using-user-scalable-no-and-maximum-scale-1-in-viewport-meta-tags-now/
[20]Vince:https://github.com/vinceanalytics/vince
[21]worklenz:https://github.com/Worklenz/worklenz
[22]Kopia:https://github.com/kopia/kopia/
[23]Eyesite:https://github.com/akchro/eyesite
[24]介绍文章:https://blog.andykhau.com/blog/eyesite
[25]Unbound:https://www.nlnetlabs.nl/projects/unbound
[26]Rspamd:https://www.rspamd.com
[27]Sync your cookie:https://github.com/jackluson/sync-your-cookie
[28]@jackluson:https://github.com/ruanyf/weekly/issues/7054
[29]Link Checker:https://link-checker.itea.dev/
[30]代码开源:https://github.com/isixe/LinkChecker
[31]@isixe:https://github.com/ruanyf/weekly/issues/7065
[32]Ayanami:https://github.com/KamiC6238/ayanami
[33]@KamiC6238:https://github.com/ruanyf/weekly/issues/7074
[34]chromium-style-qrcode-generator-with-wasm:https://github.com/liuliangsir/chromium-style-qrcode-generator-with-wasm
[35]@liuliangsir:https://github.com/ruanyf/weekly/issues/7072
[36]Daily arXiv AI Enhanced:https://github.com/dw-dengwei/daily-arXiv-ai-enhanced
[37]@dw-dengwei:https://github.com/ruanyf/weekly/issues/7052
[38]中国城市地铁可视化:https://subway.cuvii.dev
[39]代码开源:https://github.com/thecuvii/subway
[40]@thecuvii:https://github.com/ruanyf/weekly/issues/7064
[41]Thiings:https://www.thiings.co
[42]无字证明:https://artofproblemsolving.com/wiki/index.php/Proofs_without_words
[43]Reddit 的子频道:https://www.visualcapitalist.com/ranked-largest-communities-on-reddit/
[44]Reddit:https://www.reddit.com/
[45]Funny 频道:https://www.reddit.com/r/funny/
[46]Meat 的五次收购:https://www.facebook.com/groups/gaitech/permalink/1415307136320164/
[47]胶水工作重要吗?:https://www.seangoedecke.com/glue-work-considered-harmful/
[48]Hacker News 读者:https://news.ycombinator.com/item?id=44294696
[49]采购2亿美元 AI 模型:https://www.cnbc.com/2025/06/16/openai-wins-200-million-us-defense-contract.html
[50]吴恩达:https://www.businessinsider.com/andrew-ng-vibe-coding-unfortunate-term-exhausting-job-2025-6
[51]《宇航员在太空洗衣服吗》:https://www.mentalfloss.com/do-astronauts-do-laundry-in-space
[52]卡尔·萨根:https://www.openculture.com/2025/02/carl-sagan-predicts-the-decline-of-america-unable-to-know-whats-true.html
[53]信息就像糖一样上瘾:https://www.ruanyifeng.com/blog/2024/06/weekly-issue-306.html
[54]最酷的乐高作品:https://www.ruanyifeng.com/blog/2023/05/weekly-issue-256.html
[55]如何走出失望和怀疑:https://www.ruanyifeng.com/blog/2022/05/weekly-issue-206.html
[56]显卡缺货与异业竞争: https://www.ruanyifeng.com/blog/2021/04/weekly-issue-156.html