使用 Adobe XD 进行 UI 规划 ui-planning-adobe-xd

在大多数情况下，新网站的规划从模型和静态设计开始。Adobe XD 是一款用于构建用户体验的同类最佳设计工具。Adobe 建议通过使用 Adobe XD 或其他工具的 UI 模型来规划您的网站实施。

先决条件 prerequisites

这是一个多段式教程，并且假设您已完成前一章中概述的步骤。本章只需要观看和学习，无需采取任何行动，之后可以继续后续章节。

要顺利学习此视频的内容，您需要安装 Adobe XD，有免费试用版可供使用。

目标

您将构建什么 what-you-will-build

本章将查看两个 Adobe XD 文件，一个用于标准网站模板，另一个用于计划的 WKND 网站。

标准网站模板 UI 套件 standard-site-template-uikit

高级概述步骤：

WKND UI 套件 wknd-ui-kit

高级概述步骤：

恭喜！ congratulations

祝贺您已了解如何使用 Adobe XD UI 套件来映射和规划 AEM Sites 实施。

还有其他的UI 套件可供查看和下载。

后续步骤 next-steps

在下一章中，将根据 WKND 文章设计创建一个新的页面模板。

了解如何创建和更改页面模板。了解页面模板与页面之间的关系。了解如何配置页面模板的策略，以提供内容的细粒度治理和品牌一致性。基于 Adobe XD 中的模型创建一个结构良好的杂志文章模板。