用户指南 取消(C)

使用 Photoshop 中的设计资源

  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. 使用参考线和网格
      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. 使用 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. 导出和下载设计规范中的资源
  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. 云文档
      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. 第三方应用程序在导出中不可见

是否希望将 Photoshop 设计提升到更高水平?了解如何将 Photoshop 画板和资源引入 XD 中以创建高保真原型。

使用 Adobe XD 能够连接 Photoshop 设计和画板,将它们转换为交互式应用程序或原型。无论是释放 .psd 文件的潜力,还是执行简单的复制粘贴操作,XD 与 Photoshop 之间的互补集成都可以帮助您轻松实现。

1

注意事项

虽然 Photoshop 和 XD 具有互补的功能集,但仍有一些功能没有一对一映射。在继续之前,让我们先了解那些在 Photoshop 和 XD 中没有直接映射的功能。

 

  • 某些 Photoshop 元素无法栅格化并转换到 XD 设计。有关支持的 Photoshop 元素的信息,请参阅 XD 中支持的 Photoshop 元素
  • 无法将 XD 文件作为 .psd 文件导出到 Photoshop 中。不过,您可以使用 Photoshop 的丰富照片编辑功能,在 XD 中使用“文件”>“打开”来打开 XD 设计中的 Photoshop 图像。
  • 如果已在 XD 中打开 .psd 文件,则无法将其重新保存为 .psd 文件。 

为了在结合使用 XD 和 Photoshop 时获得无缝体验,我们正在改进互操作性工作流程。此外,如果您有任何建议或反馈,请在 UserVoice 上进行分享。

在 XD 中访问 Photoshop 设计

在 Photoshop 中制作好设计后,您可以通过以下一些方式将设计移至 XD。

导入或打开 Photoshop 设计
了解详情

从 Photoshop 复制并粘贴资源
了解详情

使用 Creative Cloud Libraries 中的资源
了解详情

导入原型的画板

将 Photoshop 设计导入 XD 后,我们来了解一下如何使用它们创建原型。

使用 Photoshop 时,您可以通过在 XD 中直接打开 Photoshop 画板来创建 XD 画板。Photoshop 中的画板可无缝导入为 XD 画板格式。

您还可以在两个应用程序之间来回切换,随时调整视觉元素。

想要增强 XD 设计?使用 XD 中的专属功能,例如“重复网格”“状态”“自动制作动画”“语音原型”等,提升设计效果。

使用 XD 进行共享和协作

您的原型已准备好进行共享了吗?

使用 Adobe XD 设计和创建交互式原型的一个主要的优势是,可以共享设计和原型并从利益相关者处获取反馈。

共享的设计经过优化,不会降低保真度,利益相关者的反馈可实时提供,并且开发人员可以下载共享资源和设计规范来编写代码。

使用 XD 中的共享模式与利益相关者共享设计和交互式原型,并与他们无缝协作协同编辑。文档版本会定期自动保存,这样您能够恢复先前版本的更改。

在从 XD 共享原型后,您是否担心原型分辨率会受到影响?答案是不会。

自己动手尝试

在 XD 中打开 Photoshop 文件,在“原型”模式下,在“原型检查器”中选择以下选项:

  • 触发器:选择“点击”
  • 操作:选择“过渡”
  • 目标:如果您在开始时未选择目标画板,则请选择目标画板。
  • 动画:选择“向左推出”
  • 缓动:选择一个选项来创建缓动效果。例如,选择“渐出”可实现从原型渐出的动画效果。
  • 持续时间:设置为 0.2 秒。

请下载样本文件并亲自尝试,或者观看此视频以了解更多信息。

观看时长:1 分钟。

示例文件

 

常见问题解答

如何将 Photoshop 资源转换为组件并在不同项目中一致地使用它们,同时保留其命名惯例?

您可以使用 Photoshop 资源创建可重复使用的组件,这些组件可帮助您在不同的上下文和布局中创建和维护重复的元素。可以创建主组件来定义可重复使用的元素(例如按钮),并可以更改其任何属性以自定义该元素的实例。对单个实例所做的更改特定于该元素,但对主组件所做的更改会传播到所有实例。

如何使用图像文件创建色板?

您无法从 Photoshop 创建色板,也无法将色板导入 XD。作为变通办法,您可以将这些颜色从 Photoshop 中的“色板”面板拖放到“库”面板,在 XD 中打开 CC Libraries,将它们用于某个对象,然后将颜色添加到“资源”面板

后续操作?

我们已向您介绍如何开始使用 Photoshop 中的设计资源。您可以进一步学习如何创建交互式原型,并与设计人员或利益相关者分享这些原型,以便获取反馈。

有疑问或想法?

community

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

Adobe 徽标

登录到您的帐户