在视觉设计中新增了，
暗模式
在iOS 13.0及更高版本中，人们可以选择采用称为暗模式的黑暗系统范围外观。在暗模式下，系统为所有屏幕，视图，菜单和控件使用较暗的调色板，并使用更多的活力使前景内容在较暗的背景下突出。暗模式支持所有辅助功能。
人们可以选择暗模式作为其默认界面风格，并且他们可以使用设置使其设备在环境光线较低时自动切换到暗模式。
专注于您的内容。暗模式将焦点放在界面的内容区域，允许该内容在周围UI退回到背景中时突出显示。
在明亮和黑暗的外观下测试您的设计。了解您的界面在两种外观中的外观，并根据需要调整您的设计以适应每种外观。在一个外观中运行良好的设计可能在另一个外观中不起作用。
调整对比度和透明度辅助功能设置时，请确保在暗模式下内容保持清晰易读。在暗模式下，您应该单独和一起打开“增加对比度”和“降低透明度”来测试您的内容。您可能会在深色背景上找到暗文本不易辨认的地方。您可能还会发现在暗模式下启用“增加对比度”会导致暗文本和深色背景之间的视觉对比度降低。尽管具有强烈视力的人仍然可以阅读较低对比度的文本，但对于有视力障碍的人来说，这样的文本可能难以理解。
无色盲和红绿色盲对比图
颜色
暗模式中的调色板包括较暗的背景颜色和较浅的前景色，经过精心挑选以确保对比度，同时保持模式之间的一致感。
使用适应当前外观的颜色。语义颜色（如分隔符）会自动适应当前外观。当您需要自定义颜色时，将颜色集资源添加到应用程序的资产目录中，并指定颜色的浅色和深色变体，以便它可以适应当前的外观模式。避免使用硬编码的颜色值或不适应的颜色。
确保所有外观都具有足够的色彩对比度。使用系统定义的颜色可确保前景和背景内容之间的对比度。对于自定义颜色，目标是对比度为7：1，尤其是对于较小的文本。
柔化白色背景的颜色。如果您必须在暗模式下使用白色背景作为内容，请选择稍暗的白色，以防止背景对周围的暗色内容发光。图像，图标和符号颜色
该系统使用SF符号，（这个私聊我给软件）在暗模式下自动显示效果，以及针对明暗外观优化的全彩色图像。
尽可能使用SF符号。当您使用动态颜色对其进行着色或添加活力时，符号在两种外观模式下看起来都很棒。
必要时设计单个字形，用于明暗外观。在光照模式下使用空心轮廓的字形在暗模式下可能看起来更像是一个实心的填充形状。
确保全彩色图像和图标看起来很好。如果在明暗模式下看起来都很好，请使用相同的资产。如果资产仅在一种模式下看起来很好，请修改资产或创建单独的明暗资产。使用资产目录将您的资产合并为一个命名的图像。
文字颜色
Vibrancy可以帮助在较暗的背景上保持良好的文本对比度。
使用系统提供的标签颜色作为标签。初级，次级，三级和四级标签颜色自动适应明暗外观。
使用系统视图绘制文本字段和文本视图。系统视图和控件使您的应用程序文本在所有背景上都很好看，并自动调整是否存在活力。当您可以使用系统提供的视图来显示该文本时，请不要自己绘制文本。
网友评论