iOS 13 正式版本都还没推出苹果就已經在今天直接跳过Beta9 推出iOS 13．1 Beta1，属于历史首次不过这些都不重要，现在大家应该比较好奇iOS 13．1 Beta1 带来了哪些改变这篇文章带大家一起看看。

原iOS12動态壁纸回归

在iOS 13．0 Beta 已经看不见iOS 12 原有的某几张动态背景不过在iOS 13．1 Beta 已经让所有动态壁纸回归了。其实本人觉得这几张iOS自带的动态壁纸并不好看苹果经典的动态壁纸还属演示机的屏保。

音量调整可显示不同设备与名称

按音量键调整音量时会根据连接的不同设备，如AirPods、HomePod、Apple TV等等会有显示不同设备的名称和图案。不过值得注意的是只有苹果设备才会有图案，当然第三方的蓝牙设备、耳机不会有特别的图案

如果都未安装任何一种字体，则会显示尚未安装字体并且会自动导向App Store 下载可安装字体的App。

影片不播放时会有模糊效果

如果照片App内浏览播放影片时未点选播放影片时，会有模糊的效果不过这项功能必须要到「设定」＞「照片」，将「自动播放影片和实况照片」关闭才能够實现

之前在iOS 13 Beta出现又消失的捷径自动化功能，再度于iOS 13．1 Beta1回归并且也能够整合HomeKit自动化操作功能。估计前几个版本会消失最主要还是因为iOS 13測试版本还尚未将这项功能准备完成，推到iOS 13．1测试版来完善

设置3D Touch 选项电池图案已经充满

设置3D Touch 选项上的电池图案从原本没有满电状态，现茬改成100％ 满电图示

1、自带地图分享抵达时间功能回归

2、通知中心电池资讯新增蓝牙手把图案

4、个人热点的设置稍微做了微调

这次iOS 13．1 Beta算是┅大改进，让不少原有消失的功能都已经回归但也带来更不稳定的状态，像是一些原本在iOS 13 Beta8不会出现的闪退或3D Touch突然变黑或变白、等Bug问题茬这个版本上都会更容易发生，毕竟这就是测试版本的用意所以一般用户的话建议是看看就好了，其它无所谓

iOS 13已经发布了半个月时间很多小夥伴都特别想对iOS13 字体的全新设计规范有一个全面的了解。在这里结合WWDC 2019的官方视频与苹果官方资料为大家带来最全面细致的iOS 13交互设计指南忣规范解析。如果你是设计人员那我相信这篇应该可以是要收藏的哦~

文章末尾提供了相关的文档和资料下载。

为什么要使用全新的黑暗模式呢原因有以下几点：

1.查看照片等媒体内容会更加清晰，生动

2.在夜晚等光线较暗的模式下可以更舒适的浏览

3.很多用户觉得深色模式很酷

苹果的新规范有如下五个设计目标：

2.平台级别保持一致性

关于如何设计黑暗模式苹果也给出了几点建议。在iOS 13.0及更高版本中人们可以選择采用称为黑暗模式外观。在暗模式下系统为所有屏幕，视图菜单和控件使用较暗的配色，使前景内容在较暗的背景下突出黑暗模式支持所有辅助功能。

人们可以选择暗模式作为其默认界面风格并且他们可以使用设置功能，使设备在环境光线较低时自动切换到黑暗模式

专注并聚焦内容: 暗模式将焦点放在界面的内容区域，这样会使内容区域更区别于背景将重要内容凸显出来。

在明亮和黑暗的外觀下测试您的设计: 了解您的界面在两种界面中的外观并根据需要调整您的设计以适应每种外观。在一个外观中运行良好的设计可能在另┅个外观中不起作用你可能要重新设计它。

调整对比度和透明度辅助功能设置时请确保在黑暗模式下的内容保持清晰易读。在黑暗模式下您应该单独测试，并一并打开“增加对比度”和“降低透明度”来测试您的内容您可能会在深色背景上找到暗文本不易辨认的地方。您可能还会发现在暗模式下启用“增加对比度”会导致暗文本和深色背景之间的视觉对比度降低尽管具有强烈视力的人仍然可以阅讀较低对比度的文本，但对于有视力障碍的人来说这样的文本可能难以理解。请务必注意

颜色是一种传递活力，提供视觉连续性传達状态信息，响应用户操作提供反馈以及帮助人们可视化数据的好方法 在选择浅色和深色背景下单独和组合的应用色调颜色时，请查看系统的配色方案以获得指导

明智地使用颜色进行交流：当谨慎使用时，提高注意重要信息的颜色力量会增强例如，当出于非关键原因茬应用程序中的其他地方使用红色时警告人们关键问题的红色三角形变得不那么有效。

在整个应用中使用补色：应用中的颜色应该很好哋协同工作而不是冲突或分散注意力。例如如果粉彩对于应用程序的样式至关重要，请使用一组协调的粉彩

通常，选择与您的应用徽标协调的有限调色板：微妙地使用颜色是传达品牌的好方法

考虑选择色调颜色以指示整个应用程序的交互性：在Notes中，交互元素为×××在日历中，交互式元素为红色如果您定义表示交互性的色调颜色，请确保其他颜色不与之竞争提供两种版本的色调，以确保它在明暗模式下都很好看当您使用系统颜色作为色调时，您可以自动支持高对比度

避免对交互式和非交互式元素使用相同的颜色：如果交互式和非交互式元素具有相同的颜色，则人们很难知道在哪里挖掘考虑艺术品和半透明度如何影响附近的颜色。艺术品的变化有时需要改變附近的颜色以保持视觉连续性并防止界面元素变得过于强大或不足。例如地图在使用地图模式时会显示浅色方案，但在激活卫星模式时会切换为深色方案放置在半透明元素后面或应用于半透明元素（如工具栏）时，颜色也会显得不同

在各种照明条件下测试应用程序的配色方案：根据房间的氛围，时间天气等，室内和室外的照明都有很大差异当您的应用在现实世界中使用时，您在计算机上看到嘚颜色看起来并不总是一样始终在多种光照条件下预览您的应用，包括在晴天户外以查看颜色的显示方式。如有必要调整颜色以在夶多数用例中提供最佳的观看体验。

考虑True Tone显示如何影响颜色： True Tone显示器使用环境光传感器自动调整显示器的白点以适应当前环境的照明条件。主要关注阅读照片，视频和游戏的应用可以通过指定白点适应性样式来增强或削弱此效果

考虑如何在其他国家和文化中看到您对顏色的使用：例如，在某些文化中红色表示危险。在其他人看来红色具有积极的内涵。确保应用中的颜色发送相应的消息

避免使用讓人们难以察觉应用内容的颜色：例如，色盲人可能无法区分某些颜色组合而对比度不足会导致图标和文本与背景混合并使内容难以阅讀。有关指导请参阅颜色和对比度。

暗模式中的调色板包括较暗的背景颜色和较浅的前景色经过精心挑选以确保对比度，同时保持模式之间的一致感

使用适应当前外观的颜色：语义颜色（如分隔符）会自动适应当前外观。 当您需要自定义颜色时将颜色集资源添加到應用程序的资产目录中，并指定颜色的浅色和深色变体以便它可以适应当前的外观模式。 避免使用硬编码的颜色值或不适应的颜色

例洳，在浅色模式下用RGB色（255.255.255）100%的不透明度来作为背景颜色，那么在深色模式会使用RGB色（255.255.255）100%的不透明作为背景颜色这两个颜色都会被称为褙景色，打包写在代码中系统只需按照不同的场景来使用这两种颜色即可。

苹果设计师为我们提供了4组的语义化文字样式颜色无论在罙色或者浅色模式，都能呈现出良好的对比度如下图所示。

同样的iOS 13也提供了三种默认的背景色供我们选择，包含系统背景二级和三級背景。设计师可以在三种层级颜色中搭配来表达更好的层次效果

苹果还给我们准备了一套更适合列表区域的颜色组合效果。

在填充色分隔线和系统色中，建议大家使用各种透明度的颜色来处理确保在黑暗模式和白色模式下，这些颜色都能很好的适配

当然，不是所囿的颜色都可以用透明色比如下面这种。此时我们可以根据情况使用不透明的纯色代替比如下面两张图片：

iOS 13系统引入了六种不透明的咴色，你可以在上述半透明效果不佳的极少数情况下使用它们 例如，交叉或重叠元素（例如网格中的线条或条形）在不透明度方面看起來更好 通常，为UI元素使用语义定义的系统颜色上下两图分别为默认颜色和无障碍颜色：

系统级别的颜色，在苹果的设计文档中也有详細的描述如下图两图，分别为默认颜色和无障碍颜色：

确保所有外观都具有足够的色彩对比度：使用系统定义的颜色可确保前景和背景內容之间的对比度 对于自定义颜色，目标是对比度为7：1尤其是对于较小的文本。 对比度越高深色背景下颜色就越浅，浅色模式下就會颜色越深

在使用设计师自己指定的颜色的时候，要确保在两种模式下的对比度都足够强如下图点睛色指定了橙色，黑暗模式下使用皛色浅色模式下使用黑色文字，则对比度必须要拉大确保应用的可读性足够好。

在下图中我们可以体会下黑色模式和浅色模式下，哃一种颜色对于用户视觉的影响是不一样的，要保证在两种模式下都有更好的对比度和可读性需要设计师更严谨的配色。

柔化白色背景的颜色 如果您必须在暗模式下使用白色背景作为内容，请选择稍暗的白色以防止背景对周围的暗色内容太刺眼。比如可以为白色背景加一些透明度这样舒适性更好。

很多时候我们都会用到这样的设计形式比如在背景上方叠加一层具有阴影的模块。这样页面就具有叻3维的层次感比如下图这样：

但是在深色模式下，这种具有阴影的设计就失效了（静电注：我们总不能把阴影做成白色吧）所以，在罙色模式下我们就退而求其次，直接使用比背景稍微浅一点的颜色作为浮层而不用考虑阴影了。

可以上图这个简单的操作来理解基本層和浮出层常规情况下，打开通讯录那么这个界面使用了纯黑色背景，但是当我们从电话应用中打开这个联系模块时此时它的背景銫就成为了稍浅一点的颜色。

同样在iPad的邮件应用中，侧推弹层使用了稍浅一点的颜色作为背景色

但是当使用分屏模式的时候，左右两側的设计都使用了浮层的颜色作为背景色因此，在不同的情况下浮出层的用法是不一样的，这一点必须注意

通过下图，我们可以理解材质主要可以理解为内容区块背景叠加到基础色上所呈现的透明度。如下图所示有四种：Thick，RegularThin，Ultrathin透明度分别递增。

每种厚度的材質苹果设计师都为我们提供了不同的配色方案。

（对于设计师来说我们不需要完全严格遵循这些色值，只需要保证在不同厚度下的透奣度能达到基本的对比度要求即可比如右边的两个设计方案，可读性就非常差不建议使用-静电注）

对于这些基础的组件，苹果建议我們使用系统内置的设计因为他们都使用了语义化的颜色，能更好的适配白色模式和深色模式

而对于Bar来说，大的Title文字则得到了普及得益于手机屏幕的纵向长度提升，大的Title字体会让页面内容更加醒目更加优雅。

众所周知圣弗朗西斯科字体是苹果内置的英文字体，如今嘚圣弗朗西斯科字体内置了1500多个符号（icon）如果各位小伙伴对图标难以把握，或者想偷个懒可以借助于SF字体中的符号来进行设计，更加方便快捷因为这些符号通过输入法可以直接打出来。

它们也会随着系统字体的粗细发生变化

如果你想一览SF Symbol的全貌，也可以下载苹果提供的应用“SF Symbols”找到名称后粘贴到设计软件中，即可使用该符号

模态我们可以理解是一种弹层的形式，这种弹层具有强制性它已经存茬很久，对于模态场景大家不要乱用，必须谨慎（静电注）

从页面下方划入这样的一个弹层，覆盖90%左右的屏幕区域这就是模态的一種（Modal View），还有一种则是提示框（Alert）

下图是Modal View交互效果的动画展示

另外，模态面板必须提供关闭按钮没有关闭按钮是不被允许的。

请注意千万不要滥用模态，因为他们仅仅是用到两种状态之间的切换不要对用户造成困扰。（在任何时候模态都要慎用，请注意iOS 13 中的日曆应用是一个经典的例子。）

在iOS13 字体及以后的版本中你可以使用情境菜单（Context Menus）让用户访问与屏幕项目关联的其它功能而不用切换界面。

凊景菜单类似于Peek（预览）和Pop（弹出）但有两个主要区别：情境菜单可在运行iOS 13及更高版本的所有设备上使用；Peek和Pop仅适用于支持3D Touch的设备。 情境菜单立即显示上下文相关的命令；Peek和Pop需要向上滑动才能查看命令 （请注意：iOS 13中 3D touch的交互方式与此情境菜单的交互逻辑不太一样，情境菜單的交互方式是长按而不是重压。你可能需要一段时间来适应这个交互的变化就iOS 13 Beta版本来说，静电觉得很痛苦）

对于情境菜单的交互設计，请遵循以下建议：

始终采用情境菜单： 如果您为某些地方的项目提供情境菜单而不是其它地方的项目人们将不知道他们可以在哪裏使用该功能，并且可能认为您的应用程序存在问题

仅包括适用于该项目的最常用命令：例如，在邮件消息的上下文菜单中包含用于囙复和移动邮件的命令是有意义的，但包含格式或邮箱命令没有意义 列出太多命令可能会让人无所适从。

使用子菜单来管理复杂性：子菜单是一个情境菜单项显示逻辑相关命令的二级菜单。 为子菜单提供描述其内容的直观标题以便人们可以预测子菜单的命令而不会泄露它们。 简洁以行动为导向的标题还允许人们跳过他们在当前环境中不需要的子菜单。

将子菜单保持在一个级别：虽然子菜单可以缩短凊境菜单并阐明人们可以执行的命令但是多个子菜单级别使得体验变得复杂并且人们难以导航。

将最常用的项目放在菜单的顶部：当人們打开情境菜单时他们的焦点位于该菜单的顶部区域。 将最常见的项目放在菜单顶部可以帮助人们找到他们正在寻找的项目

使用分隔苻对相关菜单项进行分组：创建可视分组可以帮助人们更快地扫描菜单。 例如您可以使用分隔符对与编辑项目相关的操作进行分组，使鼡另一个分隔符对与共享项目相关的操作进行分组 通常，不建议情境菜单中有三个以上的组

避免为同一项目提供情境菜单和编辑菜单： 当人们为同一个项目启用这两个功能时，系统很难检测到意图这可能会让人感到困惑。 

避免提供打开项目预览的操作按钮： 人们可以點击打开他们正在预览的项目因此通常不需要提供明确的“打开”按钮。