苹果UI设计的改变意味着什么?

WWDC虽然已经过去了一段时间,虽然没有什么硬件产品,但还是给我们带来了许多新的惊喜。但我们这篇文章不谈技术问题,只谈苹果的UI变化。因为这可能是近10年来苹果第二次颠覆性的升级,上次还是2013年的iOS7的全面扁平化。

苹果UI设计的改变意味着什么?

从设计的层面来看,这次更新的iOS化的macOS对iPhone用户更加友好,有相同的操作习惯,不必在mac和iOS上来回的切换。即macOS的“ iOS化”。

苹果UI设计的改变意味着什么?

Mac OS的主要设计风格

圆角

一些新用户可能不知道最初的iOS的切换开关都是方形的。而现在,Apple逐渐将切换开关细化为我们现在知道和喜欢的更全面的版

苹果UI设计的改变意味着什么?

左: 第一代苹果版本. 右:越来越圆

同时,苹果还修改了图标的圆角半径。现在,Mac OS也出现了类似样式的图标。

窗口,面板和操作表也更圆一些。大部分变化始于iPhone X,它的显示屏非常圆润。这导致操作表顶部也要四舍五入。

苹果UI设计的改变意味着什么?

透明度

记得iOS 7的发布,让透明度和背景模糊变得流行起来。但其实大多数人都不太喜欢这种超极简主义的新外观。

但是还是有许多人非常喜欢背景模糊效果。现在,背景模糊在侧边栏(一些Mac OS之前的版本)甚至工具提示中都变得更加突出。

苹果UI设计的改变意味着什么?

在许多情况下,背景模糊(特别是在侧边栏下方)可以通过允许部分背景显示出来来表明窗口的这一部分“连接”到整个操作系统。

Microsoft正在使用非常相似的基于层的透明性方法。

苹果UI设计的改变意味着什么?

分层使用相同的众所周知的概念,即更浅的表面更靠近用户,而,较低级别的堆栈会稍微变暗。即使没有半透明效果,也显示出等级。
我个人觉得纯色可能会让它更清晰,而我觉得设计师也可以思考一下渐进模糊。这种模拟现实生活的真实模糊包括阴影/反光/相互透出,同时要考虑光源/角度/环境等等,不再单纯的只是黑色/透明度。

苹果UI设计的改变意味着什么?

图标统一

对于一个生态来讲,最最理想的是每一个生活在内的成员要和谐的相处,苹果希望在Mac OS图标风格中更接近于iOS。

到目前为止,图标的更改方式如下:

苹果UI设计的改变意味着什么?

可以从图中看出,图标绝对经过简化,也放弃了矩形形状,而圆角使图标变得“匀称”了。由于某种原因,嘴巴变得更细,但微笑的弧度也变大,显得更加友好。

Mac OS工具栏图标也变得与典型的iOS / iPad OS图标更加一致。图标样式再次变得圆润,友好和开放。笔触足够厚,易于理解,并且图标没有任何不必要的装饰。

苹果UI设计的改变意味着什么?

拟态

Mac OS已经成为拟态元素的最后堡垒之一。现在,它们正被合并为新的拟同构词,并与现代的平面结合在一起。它为OS赋予了现代的新外观,同时也使其以自己的风格为基础。

在进行更少量的重新设计之前,这可能是中间立场。毕竟,我们喜欢我们认为熟悉的东西,因此可以像iOS 7一样收到根本性的改变。

苹果UI设计的改变意味着什么?

其他

先前的Mac OS版本还从移动OS中引入了Dark Mode和San Francisco(字体)。现在,Apple Design系统几乎可以在所有平台上保持一致。

San Francisco简称为SF字体,是由苹果公司设计、制作,作为其推出Apple Watch的系统字体。这是一种比较简练的新无衬线字体,可自适应间距和行高。

整个重新设计也证明了,一个拥有数百万用户的公司很可能将UI推向可行的总体方向。

圆角,柔和的阴影和微妙的渐变等内容都将保留下来。

当然,为“所有人”设计的产品需要遵循最常见的友好准则。这并不意味着我们在做任何事情时都应该使用同样的规则。

如果你在制作高度专业化的产品,你仍然可以使用尖角、完全不透明的图层等等,并不是一定要模仿苹果。

但我不认为苹果没有做足功课。他们肯定对大多数人喜欢什么类型的UI进行过调查研究,而这恰好是一种趋势,即 SOFT UI。

图片:网络,侵删

翻译/编辑:Shaw

参考文章:https://uxdesign.cc/how-apple-makes-soft-ui-the-future-9f3ac69eea6f

业界动态

APP支付模块设计分析

2020-7-3 17:45:14

业界动态

设计师要知道的 MacOS 11 核心设计规范

2020-7-4 9:12:28

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索