-
视觉设计和辅助功能
了解支持大文本的重要性。了解 Differentiate Without Color 这一 iOS 上新推出的 API，它可以帮助具有色盲等视力障碍的用户轻松地使用您的 app。了解它的用法，以及它如何为您的 app 带来包容性。学习如何利用新的 Reduce Motion API 为对动态敏感的人停止您 app 中的自动播放。
资源
相关视频
WWDC20
-
下载
我是辅助功能团队的工程经理 我很开心能和你们分享三种方法 让你的 App 在视觉辅助上做得更好
我将介绍动态字体 减弱动态效果的重大改进 和一个从 Mac 迁移到 iOS 的 API 我们称之为无需用颜色区分
第三 不要因为字体变大而截断内容 显示的文本量应和默认 UI 一致
要在你的 UI 标签 UI 文本字段 和 UI 文本视图使用动态字体
你只需要在这些文本样式中 选中首选字体 并将 adjustFontForContentSizeCategory 标签值设为真 这样就可以保证 即使 App 在前端运行 只要用户更改字体大小 视图就会更新
从 iOS 11 开始 对自定义字体使用动态字体功能 变得更容易了
如果有 就使用 UI 字体指标适当缩放 如果没有 就返回到首选系统字体
现在我可以使用新的 Xcode 环境覆盖窗格轻松预览动态字体 我可以滑动动态字体滑块 立刻就能在模拟器中查看结果
动态效果在 iOS 中十分常用 我们在许多地方都使用动态效果 为客户创造沉浸式的体验
但是对某些用户来说 这些效果可能并不理想 三分之一的人对动态效果十分敏感 对于大多数人来说 坐过山车或在车上看书才会引起不适 但是对一小部分人来说 观看屏幕上的动态效果就会触发不适
我们已在辅助功能中 提供减弱动态效果的设置 来关闭系统中的天气和视差效果
另一个动态效果是视频自动播放 我们看到 滚动浏览 App Store 预览时 精选游戏会开始播放
所以用户应能决定是否自动播放视频 我们很高兴能在今年宣布 iOS 13 中新的动态效果设置
禁用此设置后 我们的 App 比如说 App Store 将不再自动播放内容 需要用户操作才能开始和停止播放预览
则还应确保 App 中的所有视频 都为用户提供了播放或暂停功能 当然也要注意通知信息这一项
那你只需要镜像它 将我们的全局设置镜像为默认设置 但你也可以使用 App 中的设置 来允许用户自定义你的操作
为了让客户能对 iOS 上的动态效果 进行粒度更细的控制 我们在启用减弱动态效果时 引入了一个额外的设置 即首选交叉淡出过渡效果
现在 当启用这些设置时 UIKit 会为你实现溶解过渡效果 只要使用 UIKit 标准导航或模态演示 你就可以免费获得这项操作
色盲可能导致某些颜色和其它颜色不同 但和另外一些颜色十分相近 比如对于有红绿色盲的人来说 某些红色绿色和黄色看起来都差不多
要了解这一点对用户的影响 以及我们如何解决这样的问题 我想让你们看一下我和同事们做的这个小 App 我们都喜欢花生酱 我刚添加了一个新功能 以便追踪我个人的花生酱状态 我给我正在吃的花生酱添加了绿色圆圈 之前吃过但现在没吃的花生酱添加了黄色圆圈 还没吃过的花生酱添加了红色圆圈
如果我有朋友想用这个 App 但刚好他们是色盲 他们看到的 App 可能就是这个样子 正如你所见 所有的圆圈都混在一起
现在在 iOS 13 中用户可以进入 设置 辅助功能 显示与文字大小
现在回到我的花生酱 App 当我看到用户已启用无需用颜色区分 就用绿色勾号 黄色问号 和红色叉号来替换之前圆圈 所以即使 App 看起来像这样
你现在可能在想 Sommer 等一下 这个 App 现在看起来更好 干嘛还要用普通圆圈版呢 你们的想法完全正确
实际上 如果可以 我们不应只靠颜色来传达信息 在我的花生酱 App 中这样做很容易 我可以不用圆圈
这可能无法为所有用户提供足够的信息 因此游戏创建者提供了色盲模式
-
-
正在查找特定内容？在上方输入一个主题，就能直接跳转到相应的精彩内容。