使用Adobe XD进行UI规划 ui-planning-adobe-xd
大多数情况下,规划新网站的工作都从模拟和静态设计开始。 Adobe XD 是一款用于构建用户体验的同类最佳设计工具。 Adobe建议通过使用Adobe XD或其他工具的UI模型来规划Sites实施。
前提条件 prerequisites
这是一个多部分教程,并假定已完成上一章中概述的步骤。 本章只是监视和学习部分,无需执行任何操作即可继续后续章节。
要观看视频,您需要 Adobe XD 已安装, 提供免费试用.
目标
- 查看UI套件是由 标准站点模板 以及WKND设计团队提供的支持。
- 了解如何使用UI工具包来映射和规划AEM Sites实施。
- 了解如何将在Adobe XD中创建的UI设计移交给前端开发人员进行实施。
您将构建的内容 what-you-will-build
在本章中,将检查两个Adobe XD文件,一个用于 标准站点模板 另一个用于拟建的WKND站点。 不为目标组件考虑
标准站点模板UI套件 standard-site-template-uikit
高级步骤:
- 下载 标准站点模板XD文件.
- Adobe XD中的Inspect UI套件。
- 模拟将设计交付给前端开发人员。
WKND UI套件 wknd-ui-kit
高级步骤:
- 下载 WKND文章XD文件.
- Inspect WKND文章模板的设计。
恭喜! congratulations
恭喜,您已了解如何使用Adobe XD UI工具包来映射和规划AEM Sites实施。
其他 提供了UI套件 以检查和下载。
后续步骤 next-steps
在下一章中,将根据WKND文章设计创建新页面模板。
了解如何创建和修改 页面模板. 了解页面模板与页面之间的关系。 了解如何配置页面模板的策略,以便为内容提供精细的治理和品牌一致性。 基于Adobe XD的模型创建了一个结构良好的杂志文章模板。
recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9