IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解


在此次的 WWDC 20发布会上 , 苹果推出了最新版的桌面系统 macOS Big Sur , 虽然命名的方式没有变化 , 但苹果强调 , 此次更新是「自 Mac OS X 以来 , 最重大的设计改变」 , 不仅是图标、界面都变得和 iOS 更接近 , 功能上 , 如今两个平台也有诸多共通点 。
通过升级体验 , IT君想说一说自己的感受 。
应用窗口的圆角都变大了 , 与 Macbook Pro 的屏幕圆角更为和谐一致;
大量的毛玻璃、半透明界面元素,界面更为扁平;
系统级应用图标采用了与 iOS 和 iPad OS 一致的圆角矩形图标;
更大的元素间距 , 更少的灰度中间色 , 以及更强的黑白对比 。
界面部分
Mac OS X 10.0 & macOS 11.0 这两个跨越20年历史的操作系统 , 在系统 UI 上发生了翻天覆地变化的同时 , 也可以看出苹果在 mac OS设计语言上的延续性 。 关于 mac OS 的历史有太多值得 UI 设计师们反复学习的地方 。

IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解
本文插图

Mac OS X 10.0 这套 UI 界面使用拉丁语中的「水」一词来命名 , 也就是「Aqua」 。 从控制窗口开关的按钮到滚动条 , 似乎都是用晶莹剔透的水滴制作而成 , 并且被头顶的光源给充分地照耀着 , 呈现出令人忍不住想舔一口的强烈水晶质感 , 这也引领了一个时代的 UI 设计师一拥而上的投入到写实界面的大潮中 。

IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解
本文插图

【IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解】macOS 11.0(Big Sur)重新设计了系统、内置应用的图标和界面 , 此次更新是「自 Mac OS X 以来 , 最重大的设计改变」 。 桌面底部的程序坞(Dock)和顶部的菜单栏都做了透明化处理 , 比起之前的深灰色条 , 配合彩色渐变的新壁纸 , 设计语言上确实是更为时尚简洁了 。 这次更新 , 系统版本从10升级到11 , 这是十几年来第一次 , 代表着搭载arm处理器的Mac即将开创下一个时代 。

IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解
本文插图

大部分系统内置应用也都进行了重新设计 , 淡化了菜单栏部分的「物理按钮」概念 。 应用程序图标统一的圆角矩形 , 桌面窗口的大圆角设计 , 让一切看起来都有一种浮动板块的感受 , 感觉每个元素都可拖拽 , 都使得整个系统更为接近 iOS 和 iPad OS 这样的移动端设备的的系统设计语言 。

IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解
本文插图

更大的元素间距 , 更少的灰度中间色 , 以及更强的黑白对比都使得界面更加简洁时尚了 。 苹果设计师 Alan Dye 在发布会上也提到了设计风格转变的原因 , 主要是希望「降低视觉的复杂度 , 让用户能够将注意力集中在内容上」 , 而非各种花哨的装饰 , 很像是当年 iOS 从拟物化转移到扁平化的说辞 。

IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解
本文插图

与iOS14同步更新的小部件功能 , 在mac系统中设定了三种不同大小的尺寸排列方式 。 控制中心的视觉设计上有些最近流行的“新拟态”设计语言 , 毛玻璃质感和大量的投影和和纵深感 , 就连顶部的菜单的文字都加上了投影 。 毛玻璃的背景画面 , 能很好的突出前景信息 , 中和了扁平化图文带来的生硬不立体感 。 在视觉上形成一种视觉的层次感 。
图标部分
Mac 系统的图标一直其设计上的亮点之一 。 在苹果的 mac OS 的人机交互指南中也明确指出:“漂亮 , 引人注目的图标是macOS用户体验的基本组成部分 。 图标不仅是装饰性的 , 而且在与用户交流中起着至关重要的作用 。 要在macOS上看家 , 应精心设计应用程序图标 , 提供信息 , 并且美观 。 它应该传达应用程序的主要目的并暗示用户体验 。 ”

IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解
本文插图

在此次系统级应用图标采用了与 iOS 和 iPad OS 一致的圆角矩形图标 , 邮件、通讯录等应用也都不再保留之前的拟物化设计 。 当年在 Smartisan OS 发布会上老罗提到:由于桌面系统有充足的屏幕空间 , 只要图标足够精致 , 所有的图标放的越大就越好看 。 如果说手机屏幕空间有限 , 统一图形是不得已通过牺牲美感来保持整齐划一;那在屏幕空间足够大的桌面端 , 为了追求所谓和 iOS 一致性 , 一股脑的全框上一个令人发指的圆角矩形 , 只能说是在舍本逐末了 。
虽然新图标在美感和辨识度上远不如旧版本 。 但这也是大势所趋 , 如今苹果正试图融合 macOS 和 iOS、iPad OS 的生态 , 在完成对主要功能的迭代后 , 必然就会去统一各个平台的设计风格 。
新版 ICON , 全部框进了圆角矩形当中 , 视觉美感和识别度大大降低 。
IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解
本文插图

遗憾之处
Launchpad Icon 经典的小火箭设计也已经不见了 , 取而代之的是一个迷之色块的排列图标
Keynote、Pages、Numbers 等等众多个性化图标都被框死在这个该死的圆角矩形当中 , 完全没有了之前的识别度 。 最忍受不了也是被吐槽最多的 , 就是电源设置里的这个绿色电池图标 , 这个谜一样的对齐方式确实让人产生疑惑 。 这么明显的视觉错误 , 在后续的正式版当中 , 希望被改掉 。

IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解
本文插图

总结
这次的设计更新确实是一次视觉风格上的大胆的革新和尝试 , 界面窗口更加扁平化的同时 , 也带来了更多 3D 维度的视觉层次 , 在减少了冗杂细节的基础上,变得更加极简主义了 。

IOS系统|Big Sur界面大改更简洁,但绿色电池图标令人不解
本文插图

macOS 11.0 在设计上似乎是追求扁平化和拟物化的结合 , 实际上这也是 mac OS一贯的设计语言:该拟物的拟物 , 该扁平的表扁平 , 让操作更符合直觉的 。 这也是为什么很多按钮 , 图标还保留阴影的原因 。 只是这次的在减少了中间过度之后 , 这种反差变得更为强烈了 。
毫无疑问 , 这一次 , macOS 又要引领一波将来的设计趋势 , 但趋势或者流行的设计都是好的吗?这是更值得我们去思考的问题 。


    推荐阅读