引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》
在iOS中,颜色能够暗示可交互性、增加活力以及提供视觉的连续性。在挑选应用色调的颜色时,请参考系统的色彩方案,以保证这些颜色无论是单独还是组合、在浅色背景还是深色背景上都看起来很棒。
R 255
G 59
B 48
红色
R 255
G 149
B 0
橘色
R 255
G 204
B 0
黄色
R 76
G 217
B 100
绿色
R 90
G 200
B 250
水鸭蓝
R 0
G 122
B 255
蓝色
R 88
G 86
B 214
紫色
R 255
G 45
B 85
粉色
在应用内使用互补的颜色(Use complementary colors throughout your app. )你的应用内的颜色应该和谐共处,不会互相冲突和干扰。如果你的应用风格的基础色调是柔和的,那么使用一系列与之协调的柔和色调。
一般来说,选择与你的应用logo相符的颜色数量有限的色板(In general, choose a limited color palette that coordinates with your app logo. )巧妙地使用颜色是一个传达品牌的好办法。
考虑在应用中统一使用一种关键色来暗示交互性(Consider choosing a key color to indicate interactivity throughout your app.)在Note中,可交互的元素是黄色的。在Calendar中,可交互的元素是红色的。如果你定义了一种关键色用于传递可交互性,那么你要保证其它颜色不会与之冲突。

避免给可交互和不可交互的元素使用相同的颜色(Avoid using the same color for interactive and noninteractive elements.)如果可交互和不可交互的元素是同一种颜色,用户就很难知道到底哪里是可点击的。考虑半透明对颜色的影响。颜色在半透明元素之下和之上(比如工具栏)都会看起来很不一样。
在多种光线条件下测试你的应用颜色方案(Consider how artwork and translucency affect nearby colors. )光线会在市内和室外、房间氛围、不同的时间、气候等条件下明显地变化。你的应用在现实世界中使用时看到的颜色不会一直和你在电脑上看到的颜色相同。你应该在不同的光线条件下预览你的应用来观察颜色的真实表现,比如在晴朗的户外。必要时,应当调整颜色以求在大多数的使用场景下提供最好的视觉体验。

光线较亮

光线较暗
将颜色配置应用到你的图像中(Apply color profiles to your images. )iOS默认颜色空间为标准RGB(sRGB)。为了确保应用的颜色与此颜色空间匹配正确,请确保图像包含嵌入的颜色配置文件。
考虑True Tone显示屏对颜色的影响(Consider how the True Tone display affects color. )True Tone显示屏利用了环境光传感器来自动调整显示屏的白点,以适应当前环境下的光线情况。专注于阅读、照片、视频和游戏的应用可以通过确定一种白点纠正模式来强化或弱化True Tone 的效果。了解更多实现细节,请参阅 InformationProperty List Key Reference。
使用宽的颜色来增强兼容设备的视觉体验(Use wide color to enhance the visual experience on compatible devices.)全彩色显示器支持P3的颜色空间,可以比sRGB产生更丰富、更饱和的色彩。当用户体验要求生动的颜色时,使用显示P3颜色配置文件,每像素16位(每个通道)和导出PNG格式。
Tips:在宽的彩色显示器比如Mac电脑,你可以使用系统颜色选择器来选择和预览P3的颜色,并与sRGB色彩比较。


无色盲

红绿色盲
关注色盲用户以及不同文化对颜色的认知差异(Be aware of colorblindness and how different cultures perceive color.)不同的用户看见的颜色是不一样的。比如,很多色盲用户很难分辨红色和绿色(以及任何灰色),或是蓝色和橘色。避免把这些颜色组合作为区分两种状态或值的唯一方式。比如,用红色方块和绿色圆形来表示下线和上线状态,而不是用红色和绿色的圆形。有些图形编辑软件含有能够帮助你证明你是否是色盲的工具。同样地,考虑你对颜色的应用在其它国家和文化中会被如何看待。比如,在某些文化里,红色用来表示危险;但在另一些文化里,红色又有着积极的含义。请确保在你的应用中的颜色传达了合适的讯息。
使用足够的颜色对比度(Use sufficient color contrast ratios. )在应用中,过低的对比度会让内容难以阅读。比如,图标和文本可能会和背景相融合。在线的颜色对比度计算器能够帮助你精确的分析应用中的颜色对比度,以确保它符合最佳标准。请确保你的应用对比度至少达到4.5:1,但是7:1更好,因为它符合更加严格的辅助功能标准。