WWDC 已经落幕,这是近 10 年来最激动人心的一次开发者大会。我们先不讨论这次上的硬件,以及 iPad OS 等内容,毕竟其它媒体该写也写差不多了。就讲讲和 UI 设计师密切相关的 iOS13 更新的规范内容,很快我们设计界面的时候就有新的东西需要遵守了。

本文仅对 WWDC19 上已公开的信息和文档做整理,而实际上距离 iOS13 最终版的发布还有三个月,期间大大小小的更新和调整必然也不会少,所以到时候有啥不一致的也不要回来找我算账。

一. Dark Mode

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bb500002-55a1-40e5-b92b-3faa66689aef/Untitled.png

首先不提别的,本文 C 位必然是大家望眼欲穿的深色模式啦!作为 iOS13 中最最最重量级的更新,黑暗模式在带给人全新的视觉体验之外,也带来了一套与浅色模式相对应的色彩规范系统,本文会花一半左右的篇幅来解释作为 UI 设计师,我们对这个系统级的 Dark Mode 需要有哪些了解。

1. 基础色彩

iOS 的设计师对之前混乱的色彩规范做了更为详细的修改、分类和整理,并为每一种系统色都专门进行了针对 Dark Mode 的调整,确保这些色彩在浅色和深色模式中都能拥有比较好的可读性、协调性和美观性。iOS 的官方规范中已经放出了这一部分色彩的对应表。

系统彩色

苹果为官方组件中的彩色做了深色模式的适配,使得色彩与背景的对比度在深浅模式中能够保持一致。当然,苹果也强调了这些色彩并不是强制使用的,按需取用即可。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6b641775-4ab2-4976-9c94-56451b1bb41b/.png