全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

UI 创建于:2022-06-17

熬夜看 WWDC 是一件不太友好的事情,除了熬夜本身的疲惫之外,通常不发布硬件的 WWDC 似乎很少会像苹果 9 月特别活动那样新品不断,让剁手的冲动盖住疲惫。

不过好在今年的 WWDC 还是有硬件发布的,M2芯片,Macbook Air 以及:

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

当然,iOS、iPadOS 乃至于新的 macOS 还是值得期待的,其中 iOS 16 最令人瞩目的新功能之一,应该就是完全翻新后的锁屏功能了。关于这个功能,来自 Techradar 的编辑同苹果的软件高级副总裁Craig Federighi 和现任设计副总裁 Alan Dye 深入聊了一下,独家揭秘了这个功能背后的开发、决策和技术内幕。

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

感兴趣的同学可以去阅读原文:

https://www.techradar.com/features/exclusive-inside-apples-remaking-of-the-iphones-iconic-lock-screen

以下我梳理了这个访谈中,关于这一功能的10个要点。

1、iOS 14 时就已经开始着手准备

早在 iOS 14 推出桌面小组件的时候,苹果就开始有计划地逐步推动用户体验的个人化了。

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

Craig Federighi 在访谈中提到,这个功能早就已经纳入更新排期当中,最开始是桌面小组件,然后当通知摘要功能也完善出来之后,锁屏界面的更新就自然而然到来了:

「这是我们看准的一个机会,这是一个随着推进缓慢但是进步空间巨大的一个领域,我们希望能够在此做出真正大的改变——这是非常苹果也非常个人化的事情。这是一种基于热爱的行为。」

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

2、难点是品牌认知和个性化之间的平衡

对于苹果而言,针对锁屏界面进行改变是一场豪赌。针对锁屏这种高频、标志性地交互界面进行重设计,需要谨慎对待。这个重设计方案不能让用户觉得他们被逼着去适应——这意味着这套设计,需要能够提供一些足够个人、对用户有好处的设计,同时又保持着苹果在锁屏界面上一直以来的品牌特征,毕竟这是「门面」。

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

Alan Dye 对于目标而言是这么说的:

「我们的目标是让 iPhone 更加个性化——并且更加有用——同时保持iPhone 的关键要素,并且让整个 iPhone 更加完整。」

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

3、时钟功能是 15 年来的标志性特征

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

在 iOS 的锁屏界面上,最具有代表性的视觉元素是时钟元素,在过去 15 年的锁屏界面中,它从未缺席过。它位于屏幕顶部 1/3 的位置居中显示,即使 iOS 整体风格从拟物化变为扁平化,再进化到今天的玻璃拟物化,它都未曾缺席。

但是,为了让时钟更加个性化,Alan Dye 带领设计团队继续为 San Francisco 字体族丰富其中的成员,加入了多种不同的字体,让用户拥有更多的定制空间,而这也正是苹果从 80 年代 Macintosh 原始团队直到今天一直延续下来的「传统艺能」。

「对于字体排版,我们一直有着巨大的热情,并且还设计了很多其他的字体,甚至包括一些非西文的字体。所以我们希望用户能够从中选到他们喜欢的方案。」

4、让锁屏界面的外观「杂志化」

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

实际上,iOS 16 的锁屏界面比起以往的界面可玩性更强,有着比以往更加引人瞩目的视觉效果,有着更大的个人设计的空间,这使得锁屏界面不再是简单的壁纸+时钟的简单组合。

关于这个部分,Alan Dye 是这么说的:

「从设计团队的角度来看,我们的目标是创造出更具编辑空间的东西,让用户能够创造一个真正属于自己的锁屏界面……最终看起来像是一张很棒的杂志封面或者电影海报,但是我们也希望这种编辑过程不会太复杂,好在我们借助了一些自动化的功能,让它足够有趣。」

实际上,新的锁屏界面,是由可编辑的时钟、一系列新控件和可以深度定义的壁纸共同组成的,这当中还结合了一些非常强大的 AI 技术来辅助用户,降低复杂度、提升编辑空间。

5、「照片」是整个锁屏界面的核心

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

作为背景的照片是整个锁屏界面的视觉核心,而这个功能也是布局久矣。早在 iOS 10 的时代就加入的「人像模式」摄影功能,就是这个壁纸功能的起点。随着苹果 A 系列芯片越来越强,人像优化、对象识别也越来越熟练,如今借助机器学习,iPhone 可以更好地处理人像照片。

Craig Federighi 在访谈中谈到了壁纸照片的功能看似简单,实则蕴含着相当深厚的技术功底:

「实际上,我们大概准备了十几个不同的神经网络算法在后台,帮助用户来判断一张照片能否生成合理的主题,人物角色在哪里,构图要如何排布更加合理,甚至会识别 人物表情、情绪是否合适。所有的这些算法自动处理能够帮助用户生成超级棒的锁屏背景,以一种从未有过的用户体验来将背景生成在屏幕上。」

不过,所生成的锁屏背景也并非完全位于「底部」,实际上算法既然能够抠图,自然也能让被扣出的视觉主体从底层悬浮出来,成为独立的「分层」,并且和顶部的控件交叠覆盖,形成有趣的视觉互动。

6、锁屏控件并不能随便排布的

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

但是在另外一方面,iOS 16 的锁屏界面在大的布局模式上,并没有像 Android 那样随性,你可以选择锁屏时钟的样式,但是并不能挪动它的位置,锁屏控件正好位于时钟之下,但是同样的不能移出它的既定区域,这也意味着 iOS 16 的锁屏布局是有着严格的排版约束,它不会彻底的自由,但是在整体视觉上也很难真的变难看。

关于这个问题,Craig 表示并不是没有考虑更自由的方案,但是目前 的选择更加平衡:

「放置小组件这件事情非常有意思,很多人会说要不更自由一点,让小控件可以随便放到不同的地方。老实说,从技术上来说,这完全没有挑战。当然,我们尝试过很多可能性,或者说我们几乎尝试过所有的可能性, 只是这样很容易失去平衡。」

7、AI 算法和神经网络芯片一直在发挥作用

前面提到了,iOS 16 的锁屏背景的筛选处理过程中,会用到十几种算法和神经网络来进行筛选,实际上 AI 算法和芯片在方方面面都会持续地运算并且辅助用户完成各种操作。比如编辑背景的时候,算法能够在 100毫秒内完成抠图和编辑,算法会考虑前景的控件、时钟和背景的对比度,借助算法加入滤镜和参数调整,并且为用户提供处理后的多个备选方案。

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

对于这个处理过程,Alan Dye 是这样解释的:

「这些处理后的结果并非简单的滤镜叠加,实际上后台会调整各种参数,加入滤镜,芯片和算法会理解照片内容场景,为不同的照片提供不同的智能处理方案。这种结果是设计和技术的完美结合,我认为它们非常漂亮。」

Craig Federighi 补充道:

「你会得到比给照片加滤镜更加引人瞩目的结果。」

8、保证前景内容可读性的「智能材料」

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

实际上,锁屏界面上的文本和控件都是以半透明的形式叠加在背景上,但是背景图片是用户选取的,怎么保证前后景的对比度?这一问题的解决方案,是研发和设计团队协同创造的「智能材料」。Craig 解释道:

「我们构建的东西本质上是虚拟的——(在前后景之间)像纸、玻璃或者布料一样的材料——我们借助这个智能的图层来创造模糊、半透明的效果,借助它我们确定哪些光可以透过这个材料层,而它能够确保顶层的内容可读……谁知道底层的图片会是什么,对吧?」

这个同样基于算法和神经网络的功能也同样是会灵活自适应的,苹果的设计团队测试过无数的背景图片,甚至包括黑白棋盘这种奇葩的壁纸。

9、一举两得触手可及的底部推送栏

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

这次锁屏界面功能中,最为实用的一项更新是系统通知状态栏的变更。通常我们在锁屏界面下看到的通知列表会将整个壁纸给盖住,而这次整个列表被收纳到底部,在接收通知的同时,不影响壁纸的美观,而所处的位置也更容易触及,一举两得。

对此 Alan Dye 在访谈的时候这么说道:

「如果考虑到个性化的设计,那么这种从底部进入的通知推送是非常好的,因为我们经常看到各种壁纸被通知覆盖的截图,我不希望我们的新设计也会带来这样的效果。」

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

这种底部通知推送的机制,最早出现在 webOS 当中,并且一直被视作为这一系统的优秀交互设计,如今终于被 iOS 给「借鉴」过来了,也不失为一次交互设计的「文艺复兴」。

10、不同专注模式下有不同的锁屏界面

全新的 iOS 16 锁屏设计,我总结了这10个功能要点!

在 iOS 15 当中,专注模式的加入,让用户对自己的状态进行区分提供了可能性。原本的专注模式分为 个人、工作、睡眠和勿扰 四种常见模式,用户还可以自定义更多的专注模式。

在 iOS 16 中,不同的模式之下,可以拥有独立的、契合当前模式的锁屏界面。对此,Craig 是这样解释的:

「我认为手机的个性化风格和你所处的心态和状态都是相关的。当我进入特定状态的时候,手机各个方面都应该发出对应的信号,而锁屏界面也通过个性化对这种状态进行强化。」

原文地址:https://www.uisdc.com/ios-16-lock-screen

免责声明:本文来源于互联网,版权归合法拥有者所有,如有侵权请公众号联系管理员

* 本站提供的一些文章、资料是供学习研究之用,如用于商业用途,请购买正版。

陈子木