使用 Adobe XD 进行 UI 规划 ui-planning-adobe-xd
在大多数情况下，新网站的规划从模型和静态设计开始。 Adobe XD 是一款用于构建用户体验的同类最佳设计工具。 Adobe 建议通过使用 Adobe XD 或其他工具的 UI 模型来规划您的网站实施。
先决条件 prerequisites
这是一个多段式教程，并且假设您已完成前一章中概述的步骤。 本章只需要观看和学习，无需采取任何行动，之后可以继续后续章节。
要顺利学习此视频的内容，您需要安装 Adobe XD，有免费试用版可供使用。
目标
- 查看标准网站模板以及 WKND 设计团队提供的 UI 套件。
- 了解如何使用 UI 套件来映射和规划 AEM Sites 实施。
- 了解如何将在 Adobe XD 中创建的 UI 设计交给前端开发人员进行实施。
您将构建什么 what-you-will-build
本章将查看两个 Adobe XD 文件，一个用于标准网站模板，另一个用于计划的 WKND 网站。 此
标准网站模板 UI 套件 standard-site-template-uikit
高级概述步骤：
- 下载标准网站模板 XD 文件。
- 查看 Adobe XD 中的 UI 套件。
- 模拟将设计交给前端开发人员。
WKND UI 套件 wknd-ui-kit
高级概述步骤：
- 下载 WKND 文章 XD 文件。
- 查看 WKND 文章模板的设计。
恭喜！ congratulations
祝贺您已了解如何使用 Adobe XD UI 套件来映射和规划 AEM Sites 实施。
还有其他的UI 套件可供查看和下载。
后续步骤 next-steps
在下一章中，将根据 WKND 文章设计创建一个新的页面模板。
了解如何创建和更改页面模板。 了解页面模板与页面之间的关系。 了解如何配置页面模板的策略，以提供内容的细粒度治理和品牌一致性。 基于 Adobe XD 中的模型创建一个结构良好的杂志文章模板。
recommendation-more-help
experience-manager-learn-help-getting-started-wknd-tutorial-develop