共享设计和原型

  1. Adobe XD 用户指南
  2. 简介
    1. Adobe XD 的新增功能
    2. 常见问题
    3. 利用 Adobe XD 进行设计、原型创建和共享
    4. 系统要求
      1. 硬件和软件要求
      2. Adobe XD、Big Sur 和 Apple Silicon | macOS 11
    5. 工作区基础知识
    6. 在 Adobe XD 中更改应用程序语言
    7. 访问 UI 设计套件
    8. Adobe XD 中的辅助功能
    9. 键盘快捷键
    10. 提示和技巧
    11. XD 入门计划的更改
  3. 设计
    1. 画板、参考线和图层
      1. 开始使用画板
      2. 使用 XD 中的参考线和网格
      3. 创建可滚动画板
      4. 使用图层
      5. 在 XD 中创建滚动组
    2. 形状、对象和路径
      1. 选择对象、调整对象的大小和旋转对象
      2. 移动、对齐、分布和排列对象
      3. 对对象进行编组、锁定、复制、拷贝和翻转
      4. 为对象设置描边、填充和投影
      5. 创建重复元素
      6. 使用 3D 变换创建透视设计
      7. 使用布尔运算编辑对象
    3. 文本和字体
      1. 使用绘图和文本工具
      2. Adobe XD 中的字体
    4. 组件和状态
      1. 使用组件
      2. 在 Adobe XD 中使用嵌套组件
      3. 向组件添加多个状态
    5. 蒙版和效果
      1. 创建一个形状蒙版
      2. 在 XD 中使用模糊效果
      3. 创建和修改渐变
      4. 应用混合效果
    6. 版面
      1. 响应式调整大小和约束
      2. 为组件和组设置固定的内边距
      3. 使用堆叠创建动态设计
    7. 视频和 Lottie
      1. 在 XD 中使用视频
      2. 在 XD 中使用 Lottie 动画
  4. 原型
    1. 创建交互式原型
    2. 制作原型动画
    3. 自动制作动画支持的对象属性
    4. 使用键盘和游戏手柄创建原型
    5. 使用语音命令和播放创建原型
    6. 创建定时过渡
    7. 添加叠加
    8. 设计语音原型
    9. 在 Adobe XD 中创建锚点链接
    10. 预览设计和原型
    11. 在 XD 中用视频创建原型
  5. 共享和导出
    1. 共享选定的画板
    2. 共享设计和原型
    3. 在 XD 中使用原型
    4. 协同编辑与您共享的文档
    5. 创建可共享链接
    6. 审阅原型
    7. 使用设计规范
    8. 共享设计规范
    9. 检查设计规范
    10. 设计规范导航
    11. 审查和评论设计规范
    12. 导出设计资源
    13. 导出和下载设计规范中的资源
  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. 协作与协同编辑设计
  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. 云文档
      1. XD 云文档相关问题
    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 中的共享模式将几种不同的共享功能整合到一个集中的位置,让您可以轻松共享您的设计并与利益相关者和设计人员进行协作!

可使用“设计审阅”、“开发”、“演示”、“用户测试”和“自定义”等内置预设共享文档和管理共享链接。

共享

请继续阅读以了解如何为您的设计做好共享的准备以及使用预设轻松创建修改共享管理可共享的链接

准备共享您的设计

可整理设计并添加正确的控件,以便与利益相关者共享它们。经常要创建某个设计的不同版本并与多组不同的利益相关者共享。在这种情况下,通过多个流,可从一处在同一文档中创建和共享某个设计的不同版本。 

在设计包含不同工作流(如登录屏幕、注册屏幕、播放列表等等)的界面时,最常使用多个流。

例如:在 XD 中设计着陆页面、社交帖子、电子邮件和广告时,可从一处在同一文档中创建和共享设计的不同版本。

请继续阅读以了解如何在设计文档中定义多个流以更好地为其管理和创建可共享的链接。

共享多个流

在设计文档中定义了流并将其连线到一起后,可着手使用可共享的链接在各个目标表面上共享它们。

按照以下这些步骤与您的利益相关者共享多个流:

  1. 切换到“共享”模式。
  2. 所有在文档中定义的流都将出现在“共享”模式中。
  3. “共享”模式中选择任何已定义的流并设置所需的访问设置,然后再将它们发布为可共享的链接。
  4. 使已在画布上创建的不同流可视化。选择某个流时,XD 自动突出显示该流中的所有画板。
  5. 单击“创建链接”以为您的流生成可共享的链接。对于给定的所选流,“共享”模式自动显示上次发布的链接的详细信息,如上次修改的日期和时间。

对于所发布的流,将在设计画布上显示一个 图标。此项可帮助您直观地确认上次发布的链接,并快速地将相关的链接粘贴到您的剪贴板上。

准备您的设计

A. iOS (iPhone) 流的“主页”画板 B. 用于复制已发布的流的图标 C. iPhone 中未连线的画板 D. iPad 的流名称 

使用预设

XD 提供基于场景的预设,用于为您的设计轻松创建可共享的链接。例如,在创建设计链接以供审阅时,只需根据自己的要求选择可用的预设、设置链接访问权限,并将其与您的利益相关者共享。您再也无需费心设置评论选项或导航控件。

请继续阅读,了解如何使用这些内置的预设设置链接访问权限更新管理设计或原型审阅链接。

设计审阅 开发 演示 用户测试 自定义
获取有关您的设计或原型的反馈 与开发人员共享您的设计规范 优化以向利益相关者展示您的设计 邀请您的用户测试您的设计 自定义您的设计的观看体验
 预设的默认设置
  • 评论
  • 热点提示
  • 导航
    控件
  • 评论
  • 热点提示
  • 导航
    控件
  • 设计规范
  • 热点提示
  • 导航
    控件
  • 全屏

  • 全屏
  • 评论
  • 热点提示
  • 导航
    控件
  • 全屏
  • 设计规范

或者,在设置画板并连线后,您可选择:

  • 共享单个画板:请在“原型”模式下选择该画板,然后将它设置为“主页”画板。确保删除任何与其他画板的交互。
  • 共享所有画板:在“原型”模式中选择这些画板。确保所有画板都已连接到“主页”画板后再共享。

如何共享设计规范或原型?

“原型”模式中定义了画板和交互流后,您的设计规范或原型即准备好共享。定义的交互流程的标题将显示在“标题”窗格中。您可以根据设计需求来修改标题。

“查看设置”下拉框中,选择任意预设设置链接访问权限以共享您的设计规范或原型。单击“创建链接”。URL 将显示在“链接设置”窗格中。

您可以借助公共私有密码链接为可共享的设计规范和原型设置链接访问权限。

在共享原型或设计规范时,您可以选择发布公共链接或安全私有链接,并可随时交换其访问设置。 

设置链接访问权限
设置链接访问权限

当您将链接访问设置从“公共”更改为“私有”,或从“私有”更改为“公共”时:

  • 链接 URL 保持不变。
  • 链接上添加的被邀请者将保留。

发布密码链接后,便无法更改链接访问设置。如果要更改访问设置,则必须创建新链接。

不,您无需为 XD 文档创建新链接。在更改设计或预设时,只需更新已为审阅而共享的现有链接即可。

示例 1 — 如果在原型中创建了多个流并共享它们以供审阅,则将在 URL 选取器中显示所有已创建的链接。现在,可通过单击“更新链接”来选取并选择任何要更新的链接。

更新链接

示例 2 — 如果您已经创建了原型链接并将其共享以获取反馈,并且现在想与开发人员共享原型,请导航至“视图设置”,切换至“开发”,然后单击“更新链接”

更改预设

更新链接后,将用最新的预设信息更新同一 URL,同时保留以前的评论、变更和对话。

您可以通过从 XD 导航到管理链接网站来管理您已发布的 XD 文档链接。

管理链接

2. 通过 Creative Cloud 网站,您可以复制或删除已发布的链接。

1. 从 URL 选取器中,选择“管理链接”

共享工作流程的端到端体验

设计人员可使用任何可用的样本预设在您的设计或原型中共享流,并设置各种权限以进一步重新共享它们。审阅者可添加、删除另一组要访问或查看安全私有链接的审阅者或接受其提出的请求。
观看这段示例动画以了解如何共享设计以供审阅以及帮助审阅者进一步重新共享设计或原型。

设计人员工作流程

审阅者可从电子邮件访问审阅邀请,并对共享的设计或原型发表评论。

观看此动画以了解如何访问审阅邀请和对共享的设计发表评论。

审阅者

了解详情

要了解有关 XD 中的原型的更多信息,请观看此视频。
观看时长:5 分钟

后续操作?

您已经了解了与利益相关者共享设计和原型。请继续学习如何对原型设计规范发表评论。

有疑问或想法?

1

共享设计或原型时遇到问题?请参阅此文章,获取解决方案。

如果您有问题要问或要分享想法,欢迎加入 Adobe XD 社区。我们很乐意倾听您的心声并欣赏您的创意作品。

Adobe 徽标

登录到您的帐户