用户指南 取消(C)

用 Adobe XD 进行设计、制作原型和共享

  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. 第三方应用程序在导出中不可见

了解如何使用 XD 设计交互式原型、线框和图形。

利用 Adobe XD ,UX 设计人员可通过单个应用程序来设计面向 Web 和移动应用程序的交互式用户体验。

可以在 XD 中的画板上设计快速简单的设计。然后,将画板连接在一起以创建可与利益相关者共享和迭代的交互式原型。您还可以使用插件,自动执行重复操作或一部分繁琐、复杂或重复的设计工作流程。 

Adobe XD 已实现与 Photoshop、Illustrator 和 After Effects 的良好集成。

您仍可继续在您喜欢的应用程序中进行设计,将这些资源导入 XD 中,然后使用 XD 创建和共享原型。XD 支持 SVG 和位图文件,且不会降低保真度。之后,您可以在 Adobe XD 中进一步增强这些资源,或使用它们开发交互式原型。 

一般工作流程

用 Adobe XD 进行设计、制作原型和共享
用 Adobe XD 进行设计、制作原型和共享

简单地说,此工作流程可用以下高级步骤来描述:

  • 设计创建设计布局元素、添加画板以及从其他应用程序(如 Adobe Illustrator、Adobe Photoshop 和 Adobe After Effects)中导入资源。您还可以使用插件,自动执行重复操作或一部分繁琐、复杂或重复的设计工作流程。
  • 创建原型选择设计中的对象或画板,并在画板之间创建交互。
  • 共享一旦项目可供审阅,您便能与利益相关者共享原型或设计规范,或导出项目或资源

继续阅读,了解有关在 XD 中进行设计、制作原型和进行共享的更多详细信息。

设计

Adobe XD 快速入门

Adobe XD 快速入门

作者:Dani Beaumont

为画板选择预设大小。如果您想使用自定义大小,请在自定义选项下的文本字段中输入宽度和高度(以像素为单位)。如果您希望指定自定义大小,请单击“自定义大小”图标。

通过下列方法之一收集资源:

  • 使用 Adobe XD 的设计工具从头开始设计您的资源。有关更多信息,请参阅绘图工具文本工具
  • 从 Photoshop、Sketch、After Effects 或 Illustrator 中复制您的设计,然后将其粘贴到 Adobe XD 中的画板中。还可以通过以下工具导入、拖动或复制并粘贴 JPG、SVG、PNG 或 GIF 文件:
    • 文件资源管理器(在 Windows 上)
    • Finder(在 Mac 上)
    • Web 浏览器
    • OS 剪贴板

 

改进设计中的对象。例如,组合或遮盖对象、更改笔触和填充属性、使用叠加将内容堆叠在基本画板顶部以及移动或旋转对象,或者对多种屏幕尺寸和布局使用响应式调整大小来设计资源。使用链接的资源可创建并维护单一版本的 UI 套件、贴图纸或样式指南,以一致的设计可扩展性和插件进行跨文档分享,并自动执行重复操作或一部分单调、复杂或重复性的设计工作流程。

有关更多信息,请参阅:

使用“重复网格”功能轻松地位重复元素构建布局,基于现有内容创建网格,而无需手动复制它们。有关更多信息,请参阅创建重复元素

使用插件自动执行重复操作或一部分繁琐、复杂或重复的设计工作流程。有关更多信息,请参阅创建和管理插件

为原型中需要的每个屏幕添加更多画板。有关更多信息,请参阅使用画板

原型

您可以使用语音功能、自动制作动画、拖动手势和定时转换来创建交互式原型。有关更多信息,请参阅 XD 中的语音设计和原型构建使用自动制作动画和拖拽手势创建原型使用定时转换

您可以预览原型中的交互性并在预览时将交互录制为 MP4 文件。

如需链接画板或设置交互性,请选择画板或对象,然后单击右侧的箭头。此时会显示一条线。只需拖动此连线并将它连接到另一个对象或画板。在出现的弹出窗口中,指定过渡选项和过渡持续时间。

您还可以使用叠加模拟过渡概念,而无需跨多个画板复制内容。如需详细信息,请参阅创建交互式原型

单击应用程序右上角的“预览”图标。XD 会显示一个预览屏幕,使用此屏幕,您可以查看不同的页面并在不同的页面间进行导航。“预览”屏幕具备一个“录制”图标,使用此图标,您可以录制页面之间的流程并将其保存为 MP4 格式。 

有关更多信息,请参阅预览和录制交互

共享

共享原型以进行设计审查、演示或用户测试。您还可以发布用于开发的原型和设计规范,或者根据自己的偏好自定义查看体验。有关更多信息,请参阅共享设计和原型

 Adobe

更快、更轻松地获得帮助

新用户?

Adobe MAX 2024

Adobe MAX
创意大会

10 月 14 日至 16 日迈阿密海滩及线上

Adobe MAX

创意大会

10 月 14 日至 16 日迈阿密海滩及线上

Adobe MAX 2024

Adobe MAX
创意大会

10 月 14 日至 16 日迈阿密海滩及线上

Adobe MAX

创意大会

10 月 14 日至 16 日迈阿密海滩及线上