用户指南 取消(C)

使用键盘和游戏手柄创建原型

  1. Adobe XD 用户指南
  2. 简介
    1. Adobe XD 的新增功能
    2. 常见问题
    3. 利用 Adobe XD 进行设计、原型创建和共享
    4. 颜色管理
    5. 系统要求
      1. 硬件和软件要求
      2. Adobe XD、Big Sur 和 Apple Silicon | macOS 11
    6. 工作区基础知识
    7. 在 Adobe XD 中更改应用程序语言
    8. 访问 UI 设计套件
    9. Adobe XD 中的辅助功能
    10. 键盘快捷键
    11. 提示和技巧
  3. 设计
    1. 画板、参考线和图层
      1. 开始使用画板
      2. 使用参考线和网格
      3. 创建可滚动画板
      4. 使用图层
      5. 创建滚动组
    2. 形状、对象和路径
      1. 选择对象、调整对象的大小和旋转对象
      2. 移动、对齐、分布和排列对象
      3. 为对象分组、锁定、重复、复制和翻转对象
      4. 为对象设置描边、填充和投影
      5. 创建重复元素
      6. 使用 3D 变换创建透视设计
      7. 使用布尔运算编辑对象
    3. 文本和字体
      1. 使用绘图和文本工具
      2. Adobe XD 中的字体
    4. 组件和状态
      1. 使用组件
      2. 使用嵌套组件
      3. 向组件添加多个状态
    5. 蒙版和效果
      1. 创建一个形状蒙版
      2. 使用模糊效果
      3. 创建和修改渐变
      4. 应用混合效果
    6. 版面
      1. 响应式调整大小和约束
      2. 为组件和组设置固定的内边距
      3. 使用堆叠创建动态设计
    7. 视频和 Lottie 动画
      1. 使用视频
      2. 使用视频创建原型
      3. 使用 Lottie 动画
  4. 原型
    1. 创建交互式原型
    2. 制作原型动画
    3. 自动制作动画支持的对象属性
    4. 使用键盘和游戏手柄创建原型
    5. 使用语音命令和播放创建原型
    6. 创建定时过渡
    7. 添加叠加
    8. 设计语音原型
    9. 创建锚点链接
    10. 创建超链接
    11. 预览设计和原型
  5. 共享、导出和审阅
    1. 共享选定的画板
    2. 共享设计和原型
    3. 为链接设置访问权限
    4. 使用原型
    5. 审阅原型
    6. 使用设计规范
    7. 共享设计规范
    8. 检查设计规范
    9. 设计规范导航
    10. 审查和评论设计规范
    11. 导出设计资源
    12. 导出和下载设计规范中的资源
    13. 企业版的组共享
    14. 备份或转移 XD 资产
  6. 设计系统
    1. 带 Creative Cloud Libraries 的设计系统
    2. 在 Adobe XD 中使用文档资源
    3. 在 Adobe XD 中使用 Creative Cloud Libraries
    4. 从链接资源迁移到 Creative Cloud Libraries
    5. 使用设计令牌
    6. 使用 Creative Cloud Libraries 中的资源
  7. 云文档
    1. Adobe XD 中的云文档
    2. 协作与协同编辑设计
    3. 协同编辑与您共享的文档
  8. 集成和插件
    1. 使用外部资源
    2. 使用 Photoshop 中的设计资源
    3. 从 Photoshop 中复制和粘贴资源
    4. 导入或打开 Photoshop 设计
    5. 在 Adobe XD 中使用 Illustrator 资源
    6. 打开或导入 Illustrator 设计
    7. 将矢量从 Illustrator 复制到 XD
    8. 用于 Adobe XD 的插件
    9. 创建和管理插件
    10. XD 的 Jira 集成
    11. XD 的 Slack 插件
    12. XD 的 Zoom 插件
    13. 将设计从 XD 发布到 Behance
  9. iOS 和 Android 版 XD
    1. 在移动设备上预览
    2. 适用于移动设备的 Adobe XD 常见问题解答
  10. 故障排除
    1. 已知问题和已修复问题
      1. 已知问题
      2. 已修复的问题
    2. 安装和更新
      1. XD 似乎与 Windows 不兼容
      2. 错误代码 191
      3. 错误代码 183
      4. 安装 XD 插件时出现问题
      5. Windows 10 上提示卸载并重新安装 XD
      6. 迁移首选项有问题
    3. 启动和崩溃
      1. XD 在 Windows 10 上启动时崩溃
      2. XD 在您注销 Creative Cloud 时退出
      3. Windows 上订阅状态相关问题
      4. 在 Windows 上启动 XD 时出现“应用程序被阻止”警告
      5. 在 Windows 中生成故障转储
      6. 崩溃日志收集和共享
    4. 云文档和 Creative Cloud Libraries
      1. XD 云文档相关问题
      2. 链接组件的问题
      3. 库和链接的问题
    5. 创建原型、发布和预览
      1. 无法在 macOS Catalina 上录制原型交互
      2. 工作流程发布相关问题
      3. 浏览器中未显示发布的链接
      4. 浏览器中的原型呈现不正确
      5. 共享链接上意外出现评论面板
      6. 无法发布库
    6. 导入、导出和使用其他应用程序
      1. 在 XD 中导入和导出
      2. XD 中的 Photoshop 文件
      3. XD 中的 Illustrator 文件
      4. 从 XD 导出到 After Effects
      5. XD 中的 Sketch 文件
      6. 第三方应用程序在导出中不可见

了解如何将键盘和游戏手柄用作触发器来构建原型。

键盘和游戏手柄触发器

Adobe XD 支持使用键盘快捷键和游戏手柄触发器来模拟本机桌面应用程序并构建丰富的游戏体验或设计原型。在连接原型时,您可以从触发器下拉列表中选择按键和游戏手柄,并分配按键。然后您可以在预览窗口、Web 浏览器或移动应用程序中播放或录制这些动画,与利益相关者分享它们以进行协作审阅。这有助于您在为整体用户体验添加丰富图层的同时讲述更好的原型故事。

选择“按键和游戏手柄”可执行以下操作:

  • 将单个对象或一个画板连线到另一画板。
  • 连接两个组件状态。
  • 将组件状态连线到另一画板。
  • 播放语音、音频、视频或 Lottie。

使用键盘触发器

为某些桌面应用程序、辅助功能、快捷方式或游戏制作原型时,需要使用键盘与原型进行交互。在原型中使用键盘快捷方式作为触发器在屏幕或组件状态间过渡,或者播放语音、音频、视频或 Lottie。

连接原型时,请选择“按键和游戏手柄”。然后,按键盘上的任意键将它作为触发器分配给单个对象、某个组件状态或整个画板。这意味着您可以在同一画板中使用多个触发器。

键盘触发器
键盘触发器

A. 触发器设置为键盘快捷键 B. 键盘快捷键 C. 操作设置为自动制作动画 D. 目标画板或组件状态 

还可将按键与修改键组合,以定义使用 CMD S、CTRL R 等快捷方式的触发器。不能使用空格键和其他系统级按键,如 fn、睡眠、音量、电源。在同一画板上使用相同快捷键分配多个触发器时,将分配最后一个触发器并在预览期间触发。

使用游戏手柄触发器

测试游戏原型的最佳方法是使用实际的游戏控制器硬件。在原型中使用游戏手柄作为触发器在屏幕或组件状态间过渡,或者播放语音、音频、视频或 Lottie。然后,使用连接的游戏手柄控制器在桌面播放器或网络浏览器中与原型进行交互。

通过蓝牙连接 Xbox 控制器(Series X/S 或 Series One)或者通过蓝牙或 USB 连接 PlayStation 控制器(DualSense 或 DualShock 4),然后选择“按键和游戏手柄”。然后,您可以按连接的游戏手柄上的任意键将其指定为单个对象、某个组件状态或整个画板的触发器。

游戏手柄触发器
游戏手柄触发器

A. 选择游戏手柄的触发器 B. 游戏手柄快捷键 C. 操作设置为自动制作动画 D. 目标画板或组件状态 

确保使用相同的控制器设计和预览原型。例如,如果原型是使用 Xbox 控制器设计的,您可以在桌面或 Web 上使用 Xbox 控制器测试原型。

移动应用程序和移动 Web 体验

XD 在桌面预览应用程序和 Web 原型中支持键盘游戏手柄。如果您正在移动应用程序或移动浏览器上预览原型,可以通过“点击”在画板之间切换(因为它们没有连接键盘或游戏手柄设备)。

支持的游戏控制器和浏览器

USB 和蓝牙支持:

控制器

Mac (USB)

Mac(蓝牙)

Win (USB)

Win(蓝牙)

Xbox(Series X、Series S 和 Series One)

PlayStation(DualSense 和 DualShock 4)

浏览器支持:

控制器

Chrome (Mac)

Chrome (Win)

Edge Chromium (Mac)

Edge Chromium (Win)

Edge(旧版)

IE

Firefox(Mac 和 Win)

Safari

Xbox (USB)

Xbox(蓝牙)


PlayStation (USB)



不建议使用

PlayStation(蓝牙)


不建议使用

使用键盘或游戏手柄键构建原型

  1. 切换到原型选项卡。

  2. 要定义交互,请单击源对象、组件状态或画板上的蓝色连接器。在属性检查器中,设置以下选项:

    • 触发器:将触发器类型设置为“按键和游戏手柄”,然后选择键盘或游戏手柄上除空格键和其他系统级别按键(如 fn、睡眠、音量和电源)之外的任意键以分配触发器。
    • 类型:选择任何可用的操作类型:“过渡”“自动制作动画”“叠加”“滚动至”“上一个画板”“音频播放”“语音播放”“视频播放”“Lottie 播放”
    • 目标:从下拉列表中设置目标画板或组件状态(不适用于某些操作类型)。

    选择操作类型后,请设置该操作类型的具体选项。

  3. 要为一个对象、组件状态或画板定义多个交互,请执行下列操作:

    1. 将其选中,然后单击画板上的“+”按钮。您也可以在属性检查器中单击“+”按钮。
    2. 在“属性检查器”中设置属性。

     请注意,“点击”、“拖动”、 悬停”“时间”触发器只能应用一次,但“语音”“按键和游戏手柄”可应用多次。

    1

  4. 要在桌面上预览更改,请选择“桌面预览” 图标。

  5. 要在 XD 桌面应用程序中与利益相关者共享原型,请依次选择“共享”>“查看设置”>“设计审阅”“开发”

更多此类内容

更快、更轻松地获得帮助

新用户?