使用Adobe XD进行UI规划 ui-planning-adobe-xd
大多数情况下,规划新网站的工作都从模拟和静态设计开始。 Adobe XD是用于构建用户体验的同类最佳设计工具。 Adobe建议通过使用Adobe XD或其他工具的UI模型来规划Sites实施。
先决条件 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中的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