了解如何在 Adobe XD 中设计登陆页面以及如何利用 Adobe Photoshop 中的资产。首先在 XD 中快速创建线框图,然后学习如何在 XD 中轻松导入和编辑 Photoshop 中的内容。设计完成后,可轻松共享设计快速获取反馈。

创建登陆页面的线框图

所学内容:

  • XD 专门用于 UX 设计,包括线框图、低保真和高保真设计。将 XD 的速度和灵活性设计初始线框图。你还可以利用免费的 XD UI 套件设计项目。

将你的模型从线框图转换为高保真设计

所学内容:

  • 将 Photoshop 中的设计集成到 XD 中,从而更加高效地进行编辑。
  • 使用“CC Libraries”(CC 库)将 Photoshop 中的资产整合到 XD 中。在 Photoshop 中所做的更改会转移到 XD 中。
  • 使用“Assets”(资产)面板更新文档中的颜色和符号。
  • 使用重复网格无限次地复制照片等设计元素。
  • 通过固定导航栏等元素提高设计的保真度,以便在滚动网页时使其保持在原位。在 XD 中预览设计,查看页面体验。

分享设计原型并快速获取反馈

所学内容:

  • 了解如何使用 XD 中的“响应式调整大小”功能将设计的网页缩放为不同的大小。
  • 通过发布和与利益相关者分享设计原型,快速获取反馈。获取反馈、解决反馈和更新链接在同一个地方即可完成。
03/26/2020

演示者:Howard Pinsky

此页面是否有帮助?