网易首页 > 网易号 > 正文 申请入驻

如何看待苹果发布的新界面风格?骂还是夸?

0
分享至

在昨天的苹果 WWDC 上,第一眼看到 Liquid Glass(液态玻璃),不少人都会觉得这是一次风格的复古回潮。

视觉上,Liquid Glass 很容易让人想起 PS3、PSP,以及 Windows Vista 的 UI 风格,它们都诞生于 iPhone 还不存在的“前现代”。

Windows Vista

Liquid Glass 的设计哲学很简单,就是重新赋予 UI“厚度”。只不过相比 20 年前的“厚度”是服务于用户直觉,今天的“厚度”则是服务于 3D 的空间交互逻辑——苹果相信这就是未来

前现代的“直觉理论”

在 iOS 7 之前,图形 UI 的整个发展轴线,都可以归纳为“直觉理论”。

历史是从 Macintosh 开始的,苹果把那些原本需要由命令驱动的功能,做成了一个个“按钮”。为了让用户意识到这是“按钮”,苹果不仅将它们用方框框了起来,还给方框绘制了阴影,让它看起来有“厚度”。

到我们这代人最初接触的 Windows 95 系统上,“按钮”的设计又得到了更多优化。比如各种对话框里,微软总是会用更粗的阴影,来凸显“确定”按钮的存在,就像是那个按钮比其他按钮更“厚”一样。以及按下“应用”后,按钮的颜色会变灰、变“薄”,无法再按,指示了“已按下”的一种完成状态。

Windows 95

进入 00 年代,Windows XP 的 Luna 和 Mac OS X 的 Aqua 推出,两者代表了千禧年“果冻感”的 UI 设计潮流。随着计算机性能提升,UI 和图标的绘制也变得更细腻丰富。这可能就是后来被称为“拟物”UI 风格的开端,设计师可以利用足够的像素、色彩,绘制出高度近似于实物的图标和按钮。

Mac OS X's Aqua

再到后来的 Windows Vista、PS3,以及之后的 iOS,“以直觉为导向”的设计理念从未改变,这种理念驱动的 UI,在 iPhone 上达到了最巅峰。

当年乔布斯用拇指“一滑”,缔造了计算机历史上最成功的一个交互,让所有人理解了什么是“直觉导向的设计”,直到今天也丝毫未褪色。

这里稍微回顾一下 Windows Vista 和 PS3,我觉得尽管它们看起来和 Liquid Glass 很像,但背后的理论驱动其实并不一样。

当年微软和索尼短暂选择“玻璃”作为 UI 材质,是完全的“美感驱动”。因为当时的硬件工业设计,正处于一个由塑料往金属、玻璃过度的阶段,越是硬而光滑的东西,越给用户一种精密的科技感。这也对应了当时 PS3 和 PSP 的机身,都采用了钢琴烤漆的光滑处理。

回顾直觉理论主导 UI 设计的近 30 年历史,需要注意的是,在这段时间里,所有软件界面的组织,都是独立的,用户对界面的感受和理解,完全被框定在单个 App 之内。

iOS 7 之前的 iPhone 几乎没有“多任务”的概念,只有 App 间的快速切换。而桌面端的软件则也被框定在窗口内,“多任务”也是把软件以窗口的形式排在桌面上,从未有过 UI 的“解构和重组”。

而“解构和重组”,就是 Jony Ive 要把 UI 拍平的最关键原因。

“扁平”的需要

WWDC25 上,苹果直接把 Liquid Glass 抬到了和 iOS 7 一样的历史地位。的确,要理解 Liquid Glass 这次改新,最重要的前提是理解 iOS 7 引领的 UI 扁平化革命。

苹果全新设计语言

iOS 7 诞生的最重要背景,是计算机、智能手机的普及——用户对计算机界面的基本逻辑已经非常熟悉了,不再需要给一个按钮画上阴影,用户就知道这是一个按钮。甚至像我们这样 digital native 的一代人,对计算机界面上“按钮”的熟悉程度,已经超过了现实中的那些实体按钮。

在这之上,iOS 7 最重要的目标则是让 UI 变得更“连贯”。

从“前现代”到“现代”,计算机能实现的功能越来越多,App Store 更是造就了一次功能的大爆炸,当这些功能变得愈发散碎之后,如何将它们解构并重组,就成了一个很大的问题。

在拟物时代,UI 被封装在 App 的边界之内,开发者只要让 UI 在这个边界内看起来自洽即可。不同的 App,包括苹果自己的 App,都会有不同的纵深尺度,就像不同的画作有不同的透视关系。

而当用户需要在不同 App 间频繁切换,甚至把不同 App 的一部分 UI 拆分出来重组在一起的时候,这种不同的尺度就会产生矛盾。

随 iOS 7 同时推出的,是一个真正的多任务系统,以及 Widgets 小组件和控制中心。iOS 7 之前,iOS 系统只有三个逻辑层:通知(锁屏)、Home 和 App。而在 iOS 7 之后,这些层级变得越来越复杂,以便于组织越来越多的系统和 App 功能。

iOS 7

就是说,在 iOS 7 之前,一个软件的 UI 只属于这一个软件,可以有立体拟物的 UI,有自己空间纵深关系。而在 iOS 7 之后,不同软件的 UI 开始同属于一块屏幕,这些 UI 必须变得扁平,组成新的层级结构。

在 iOS 7 推出早期,曾有过大量反对声音,关于“美丑”的争论持续了有好几年,但事实证明,这次变革就是过去十年软件 UI 设计领域最重要的主旋律。

复兴“纵深”

回到 Liquid Glass,这次改新用一句话概括就是复兴了 UI 的“厚度”。

目前一眼能看出的很多问题,包括但不限于可读性、对比度的问题,都还有调整的空间。

但在今天就着急给 Liquid Glass 下一个论断其实毫无必要,这毕竟只是第一个开发者测试版,最保守估计苹果也需要花 3-5 年来对它进行第一轮的完善。

苹果用玻璃来复兴“纵深“,是一个非常合理,毫不令人意外的选择。因为玻璃是最直接的“既有三维的厚度,但同时又能保持二维层级关系”的一种材质,特别是它透明的特性。

实际上,你会发现,在十二年的扁平化 UI 迭代中,苹果早就在使用“毛玻璃”特效,来暗示不同层级 UI 之间的逻辑关系,整个发展过程是一脉相承的。

最后,苹果要复兴“纵深”的原因和目的也并不复杂,就是“空间计算”。

从 iOS 7 到 9 这三年,是 iOS“极致扁平”的三年,所有 UI 都被拍成绝对的二维平面,很多按钮的边界都只以网格和分割线的形式存在。而从 iOS 10 到 13,苹果开始丰富 UI 的层次,重新给很多按钮套上框线,带回一些“深度”的感觉。

因为 iOS 10 之后,iPhone 逐渐进入了全面屏世代,全面屏暗示着一块“没有边界的屏幕”,所以需要重新框定 UI 的边界。

同样的事情放在 Z 轴上,也是同一逻辑:过去所有的屏幕都是一块平面,即便叠上多个层级的二维 UI,也依然是一个平面。屏幕和 UI,就像是桌面和纸张的关系。但在空间里,单纯只把一张纸竖起来是不行的,它需要有厚度,也要有更明确的空间关系,所以苹果选择让 UI 重新立体起来。

之所以用“玻璃”来实现这一点,也是因为玻璃是完美的“介于二维和三维之间”的一种材质,便于被软件管理。今天大部分对第一版 iOS 26 的吐槽,在我看来都可以通过后续的软件完善解决,因为一块玻璃的透光度、颜色、包括边缘的折射效果,都是可调的。

最后,我个人并非 Apple Vision Pro 或 visionOS 或“空间计算”这一概念的信众。我经历过 3DS 的世代,经历过詹姆斯·卡梅隆发动的 3D 电影大跃进,也亲身体验过市面上大部分的主流的 XR 硬件,我并不笃信这个故事,但我也并不反对 Liquid Glass。

实际上,在 PS3 和 Windows Vista 的世代,我就挺喜欢这种 UI 的美术风格,只不过微软和索尼显然不具备将一种美术风格转化为设计潮流的能量,但苹果可能可以。

作者:Jesse

编辑:沈知涵

头图来源:Apple

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
天津知名餐厅全市倒闭

天津知名餐厅全市倒闭

天津人
2026-07-15 18:23:34
法国授权生产多款高技术武器!乌克兰反导能力越强,普京就越早坐上谈判桌

法国授权生产多款高技术武器!乌克兰反导能力越强,普京就越早坐上谈判桌

鹰眼Defence
2026-07-14 17:13:35
人阳气不足后,就各种不顺,不是因为补得不够,是漏得太快

人阳气不足后,就各种不顺,不是因为补得不够,是漏得太快

金沛的国学笔记
2026-07-15 20:50:28
他是文强的儿子,父亲被判死刑母亲入狱八年,如今他过得怎样

他是文强的儿子,父亲被判死刑母亲入狱八年,如今他过得怎样

妙娱连珠
2026-06-23 14:54:48
印度,泄露了中国制造的秘密

印度,泄露了中国制造的秘密

华商韬略
2026-07-09 12:00:25
聚餐时我让座慢被婆婆扇耳光,老公踹倒我,我拨通一电话让老公失业

聚餐时我让座慢被婆婆扇耳光,老公踹倒我,我拨通一电话让老公失业

麦子情感故事
2026-07-14 23:47:05
新一轮事业单位改革后,基层事业编专业技术岗不要轻易转为管理岗

新一轮事业单位改革后,基层事业编专业技术岗不要轻易转为管理岗

细说职场
2026-07-15 20:24:05
潜入大陆策反少将、搅乱96台海军演的台湾间谍庞大为,晚年结局太出人意料

潜入大陆策反少将、搅乱96台海军演的台湾间谍庞大为,晚年结局太出人意料

磊子讲史
2026-07-15 15:38:31
出门一分钟流汗三小时!今年三伏,浙江有多热?

出门一分钟流汗三小时!今年三伏,浙江有多热?

极目新闻
2026-07-15 20:53:44
亏到肉疼。。。

亏到肉疼。。。

新浪财经
2026-07-13 23:06:06
世界杯预测,阿根廷队击败英格兰队,因为阿根廷队的防守更好一点

世界杯预测,阿根廷队击败英格兰队,因为阿根廷队的防守更好一点

足球分析员
2026-07-15 11:00:03
天热就在家里吹空调,真不建议去什么避暑胜地,原因有4个!

天热就在家里吹空调,真不建议去什么避暑胜地,原因有4个!

小谈食刻美食
2026-07-13 08:17:11
中国造不出光刻机?中科大副院长:美国造不出,中国永远都不可能

中国造不出光刻机?中科大副院长:美国造不出,中国永远都不可能

无情有思可
2026-07-14 06:36:31
“我的背废了” 1亿欧中卫无对抗伤退!西班牙连续3场收到退赛大礼

“我的背废了” 1亿欧中卫无对抗伤退!西班牙连续3场收到退赛大礼

风过乡
2026-07-15 04:49:04
尊界SUV路测身价120万却因“2米5身高”被群嘲,博主紧急回应:底盘抬升测试而已

尊界SUV路测身价120万却因“2米5身高”被群嘲,博主紧急回应:底盘抬升测试而已

算力游侠
2026-07-14 05:00:43
TA:布朗尼不一定会追随父亲加盟其他球队 他在湖人很受欢迎

TA:布朗尼不一定会追随父亲加盟其他球队 他在湖人很受欢迎

北青网-北京青年报
2026-07-15 20:42:04
7个离大谱的“反人类设计”,看完血压飙升,设计师快改改吧!

7个离大谱的“反人类设计”,看完血压飙升,设计师快改改吧!

室内设计师有料儿
2026-05-17 10:45:49
发生性关系,是女人吃亏了吗?

发生性关系,是女人吃亏了吗?

那年秋天
2026-07-12 11:49:12
他护送毛主席进京,1958年被连降十级,主席知道后:我要亲自过问

他护送毛主席进京,1958年被连降十级,主席知道后:我要亲自过问

明月清风阁
2026-07-15 20:45:09
平均每天Vibe Coding 16小时后,这是我觉得Fable 5和GPT-5.6时代最好用的AI开发流程。

平均每天Vibe Coding 16小时后,这是我觉得Fable 5和GPT-5.6时代最好用的AI开发流程。

数字生命卡兹克
2026-07-15 08:11:51
2026-07-15 21:55:00
果壳 incentive-icons
果壳
科技有意思
27980文章数 4149415关注度
往期回顾 全部

数码要闻

Apple Watch、Meta眼镜和 AirPods获欧盟可更换电池法规豁免

头条要闻

法国队完败出局将迎季军赛 法媒:角逐屎上雕花的奖牌

头条要闻

法国队完败出局将迎季军赛 法媒:角逐屎上雕花的奖牌

体育要闻

世界杯两大巨星,加一起22岁

娱乐要闻

大S遗嘱曝光!S家拒不承认

财经要闻

梁文锋身家2400亿登顶全球AI首富

科技要闻

国行大突破!“Apple智能”已备案

汽车要闻

爱玩会玩 小鹏MONA L03这次来势凶猛

态度原创

教育
时尚
房产
本地
健康

教育要闻

拆解《马斯克原理》:普通阿斯孩子,能从马斯克身上学到什么?

时尚圈新置顶的“colorfit”,到底怎么穿

房产要闻

海南买房,开始大规模返现了!

本地新闻

一脚踢进宋朝?来开封解锁宋式快乐

如何管控血压才能预防中风?

无障碍浏览 进入关怀版