使用Adobe XD進行UI規劃 ui-planning-adobe-xd

在大多數情況下，規劃新網站會從模型和靜態設計開始。 Adobe XD是同級最佳的設計工具，可建立使用者體驗。 Adobe建議使用Adobe XD或其他工具，透過使用UI模型來規劃Sites實施。

先決條件 prerequisites

此教學課程包含多個部分，並假設已完成上一章概述的步驟。 本章只是觀察和學習部分，不需要任何動作即可進行後續章節。

若要觀看影片，您必須安裝Adobe XD，即可使用免費試用版。

目標

您將建置的內容 what-you-will-build

在本章中會檢查兩個Adobe XD檔案，一個用於標準網站範本，另一個用於建議的WKND網站。

標準網站範本UI套件 standard-site-template-uikit

高階步驟：

WKND UI套件 wknd-ui-kit

高階步驟：

恭喜！ congratulations

恭喜，您已瞭解如何使用Adobe XD UI Kit來對應和規劃AEM Sites實施。

其他UI套件可供檢查及下載。

後續步驟 next-steps

在下一章中，會根據WKND文章設計建立新的頁面範本。

瞭解如何建立和修改頁面範本。 瞭解頁面範本和頁面之間的關係。 瞭解如何設定頁面範本的原則，為內容提供精細的控管和品牌一致性。 根據Adobe XD的模型建立結構良好的雜誌文章範本。