VoiceOver Designer2.2

VoiceOver Designer：为视障用户设计 iOS 应用无障碍界面的利器

VoiceOver Designer 是一款专为 macOS 打造的设计工具，帮助设计师快速创建、原型化并测试 iOS 应用的无障碍布局，尤其适用于支持 VoiceOver（苹果屏幕阅读器）的界面。

核心功能亮点

• 截图标注无障碍元素：只需在 UI 截图上绘制矩形框，即可标记可访问区域。
• 自动识别标签文本：系统可自动提取文字作为元素标签，也可手动补充 accessibility 属性。
• 支持可调节控件：如滑块（Slider）、轮播图（Carousel）等，可通过垂直滑动调整数值。
• 真机实时预览：通过 iCloud 同步设计文件，使用 iPhone 上的 VoiceOver Preview App 即可试听效果。
• 演示模式（Presentation Mode）：用键盘模拟 VoiceOver 导航，方便团队评审与自我测试。

高效协作流程

完成设计后，可将 .vodesign 文件直接发送给开发人员。虽然不像 Figma 那样提供在线链接，但通过任务管理系统（如 Jira、Trello）附带文件即可高效交接。

学习资源丰富

应用内包含多语言的完整适配案例视频，新手可从官方推荐的入门视频开始学习： 《如何使用 VoiceOver 操作 iPhone 或 iPad》。

开源 & 社区共建

VoiceOver Designer 是一个开源项目，欢迎设计师和开发者共同参与：

• GitHub 项目地址：VODGroup/VoiceOverDesigner
• 无障碍布局示例库：提交你的优秀案例
• 配套书籍（俄语，含代码示例）：《About accessibility on iOS》（英文翻译进行中）

未来路线图

• 推出 iPad 原生版本
• 集成 Figma 插件，实现云端无障碍设计
• 从设计稿自动生成 VoiceOver 自动化测试用例
• 支持多页面画板（Artboards）与交互式原型
• 扩展支持 Voice Control、Switch Control 等其他辅助技术

由 Mikhail Rubanov 主导开发，联合多位贡献者共同打造。如果你认同无障碍设计的价值，请分享这款工具，一起推动更包容的数字世界！