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

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

先决条件 prerequisites

这是一个多部分教程,并假定已完成上一章中概述的步骤。 本章只是监视和学习部分,无需执行任何操作即可继续后续章节。

若要观看视频和视频,您需要安装Adobe XD,可以使用免费试用

目标

  1. 查看标准站点模板和WKND设计团队提供的UI套件。
  2. 了解如何使用UI工具包来映射和规划AEM Sites实施。
  3. 了解如何将在Adobe XD中创建的UI设计移交给前端开发人员进行实施。

您将构建的内容 what-you-will-build

在本章中,将检查两个Adobe XD文件,一个用于标准站点模板,另一个用于建议的WKND站点。 不为目标组件考虑

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

高级步骤:

  1. 下载标准站点模板XD文件
  2. Adobe XD中的Inspect UI套件。
  3. 模拟将设计交付给前端开发人员。

WKND UI套件 wknd-ui-kit

高级步骤:

  1. 下载WKND文章XD文件
  2. Inspect WKND文章模板的设计。

恭喜! congratulations

恭喜,您已了解如何使用Adobe XD UI工具包来映射和规划AEM Sites实施。

有其他UI工具包可供检查和下载。

后续步骤 next-steps

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

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

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9