一晃十二年了,iOS 7 开始的扁平化设计,在这次 WWDC 大会后就要被全面取代。
我看了一眼新的视觉效果,只能小心翼翼的说,“可能还要很长时间才能适应啊”。毕竟不敢随便骂,要是我骂,肯定有人会说“当初扁平化上来时也是一片骂声,后来还不是真香”。
静态的视觉可能不能完整呈现 Liquid Glass 的“惊艳”,我们还是来看看动态效果吧。
[动态效果视频参见我的视频号]
这种新的追求动态和透明视觉效果的设计,确实让人觉得“耳目一新”,甚至还觉得挺酷炫的,但是平心而论,真的有很多人觉得“哇,好好看”吗?
我看了眼 Apple NewsRoom 对于 Liquid Glass 的介绍,大致摸清了为什么他们会全面推出这么个东西。
Apple 系硬件在常规应用上呈现出来的算力已经严重溢出,为了体现算力优势,官方需要整活,像实时渲染,高光动态响应,总之就是要酷。 扁平化设计已经搞了十几年,大家熟悉的同时,也多少有点审美疲劳。 官方宣称设计灵感源自 visionOS,可能设计团队在 visionOS 上体验的效果很好,觉得全面推广到不同端大有价值。 苹果官方当前版本的政治正确是,对于 app 产品的视觉效果,越来越追求华丽而非简洁。 扁平化风格在设计层面成本较低导致的全平台 app 视觉同质化太严重,苹果希望通过升级更复杂的视觉效果来制造设计壁垒。
既然是官方强势推的视觉元素,那么长远来说开发者肯定是要拥抱的,但我为什么会说还是先别急着放弃呢。
因为从视觉体验的效果看,Liquid Glass 的视觉干扰真的太严重了,严重不利于有好的用户基础的功能型工具产品。
当初 iOS 7 出来,对独立开发者最大的利好就是,视觉设计变简单了(参考《移动开发者做工具,界面不酷炫没关系,原生的系统风格也很好》)。扁平化设计因为统一了系统原生的视觉元素,且极简的视觉风格极大降低了设计成本,这让很多专注于用技术创造功能价值的开发者,可以用很低成本的设计思路解决产品的 UI 问题,最终能呈现一个美观程度保底的 app 产品。
这对小规模开发者是好事,对现在的苹果却不是,正如我在上面第 5 点所说,苹果希望通过升级更复杂的视觉效果来制造设计壁垒,鼓励开发者通过复杂的设计创造更酷炫的产品,而不是让开发者做“极简”的产品。
你看,现在我们已经很少听到“极简”这个词了,现在这个词甚至称不上褒义词,很多挂着“极简”title 的产品,你去体验一下也能发现,早已经完全不简了。而我们现在看到的很多所谓精品产品,都是充满着各种动态效果,加入各种 Q 弹的触碰反馈,甚至收集几个小徽章都要专门设计一个拟物感十足的玻璃罐,利用内置陀螺仪噼里啪啦弹个不停。
那么,为什么我还是建议小型开发者可以坚持扁平化设计,因为 Liquid Glass 就不是冲着“实用”和“专注”去的,这不是我一个人的看法, Owner.com 的设计师 (Adam Whitcroft)也这么评价“应用程序底层的散射和折射会分散视觉注意力,尤其是在用户界面布局发生变化的情况下。”
而实用和专注,正是扁平化的优势,如果你做的产品是专注于功能,用户使用时长又比较高的产品,那么我觉得大可不必刻意迎合 Liquid Glass。但如果你做新产品,追求快速跟上潮流,那么新的设计范式还是值得研究一下的。
因此,现在开发者能做的事情是,检阅自己的工程项目,看看哪里的视觉用到了系统控件的 API,如果用到了,恭喜你,你可能有点不幸,因为后续如果你不做适配的话,那个控件可能会换脸成新的效果,这是当初 iOS 6 ➡️ iOS 7 曾经有过的悲剧。那么,现在开始尽量找出来,用自定义的扁平化设计元素去取代那些控件,也算当务之急了。
最后,发个图致敬一下老前辈们?。
?
更多
问答社区
有任何问题交流可以在星球里发帖提问:
传送门
混淆的无罪自证 - 苹果审核 2.3.1 隐藏特性里的一大罪状

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念,誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門(mén)戶型、營(yíng)銷商務(wù)型、電子商務(wù)型、信息門(mén)戶型、DIY體驗(yàn)、720全景展廳及3D虛擬仿真)、移動(dòng)端應(yīng)用(手機(jī)站、APP開(kāi)發(fā))、微信定制開(kāi)發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)、微信小程序定制開(kāi)發(fā)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。