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界面大改更简洁,但绿色电池图标令人不解
本文插图

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上看家 , 应精心设计应用程序图标 , 提供信息 , 并且美观 。 它应该传达应用程序的主要目的并暗示用户体验 。 ”


推荐阅读