In den meisten Fällen beginnt die Planung einer neuen Website mit Mockups und statischen Designs. Adobe XD ist ein erstklassiges Design-Tool zum Erstellen von Benutzererlebnissen. Adobe empfiehlt, die Implementierung Ihrer Sites mithilfe von UI-Mockups durch den Einsatz von Adobe XD oder anderen Tools.
Dies ist ein mehrteiliges Tutorial. Sie sollten dazu die im vorherigen Kapitel beschriebenen Schritte abgeschlossen haben. Dieses Kapitel bietet Ihnen die Möglichkeit, einfach zuzuschauen und zu lernen. Es ist keine Aktion erforderlich, um mit nachfolgenden Kapiteln fortfahren zu können.
Um den Videos folgen zu können, muss Adobe XD installiert sein. Eine kostenlose Testversion ist verfügbar.
In diesem Kapitel werden zwei Adobe XD-Dateien betrachtet, eine für die Standard-Site-Vorlage und eine weitere für die vorgeschlagene WKND-Site.
Allgemeine Schritte:
Allgemeine Schritte:
Herzlichen Glückwunsch! Sie haben gelernt, wie Benutzeroberflächen-Kits von Adobe XD zur Zuordnung und Planung einer AEM Sites-Implementierung verwendet werden können.
Diese zusätzlichen UI-Kits stehen zur Verfügung und können heruntergeladen und angesehen werden.
Im nächsten Kapitel wird eine neue Seitenvorlage erstellt, die auf dem WKND-Artikel-Design basiert.
Erfahren Sie, wie Sie Seitenvorlagen erstellen und ändern. Lernen Sie den Zusammenhang zwishen Seitenvorlage und Seite kennen. Erfahren Sie, wie Sie die Richtlinien einer Seitenvorlage konfigurieren, um für Inhalte granulare Governance und Markenkonsistenz zu gewährleisten. Basierend auf einem Mockup wird in Adobe XD eine gut strukturierte Zeitschriftenartikelvorlage erstellt.