Adobe XD-Benutzeroberflächen-Kit

Um dieses Tutorial näher an ein reales Szenario heranzuführen, haben die kompetenten UX-Designer von Adobe die Modelle für die Site mit Adobe XD erstellt. Im Laufe des Tutorials werden verschiedene Teile der Designs zu einer vollständig bearbeitbaren AEM-Site zusammengefügt. Ein besonderer Dank geht an Lorenzo Buosi und Kilian Amenola, die das schöne Design für die WKND-Site erstellt haben.

Laden Sie die XD-Benutzeroberflächen-Kits herunter:

Referenz-Site

Eine fertige Version der WKND-Site ist ebenfalls als Referenz verfügbar: https://wknd.site/

Das Tutorial behandelt die wichtigsten Entwicklungsfähigkeiten, die für AEM-Entwicklerinnen und -Entwickler erforderlich sind, umfasst jedoch nicht das vollständige Erstellen der gesamten Site von Anfang bis Ende. Die fertige Referenz-Website ist eine weitere großartige Ressource, um mehr vorkonfigurierten AEM-Funktionen zu erkunden.

Um den neuesten Code zu testen, bevor Sie mit dem Tutorial beginnen, laden Sie die neueste Version von GitHub herunter.

Basierend auf Adobe Stock

Viele der Bilder auf der WKND Reference-Website stammen aus Adobe Stock und sind Material von Drittanbieterfirmen, wie in den zusätzlichen Bedingungen zu Demo-Asset unter https://www.adobe.com/legal/terms.html definiert. Wenn Sie ein Adobe Stock-Bild für andere Zwecke verwenden möchten, die über die Anzeige dieser Demowebsite hinausgehen, z. B. für die Präsentation auf einer Website oder für Marketingmaterialien, können Sie eine Lizenz für Adobe Stock erwerben.

Mit Adobe Stock haben Sie Zugriff auf mehr als 140 Millionen hochqualitative, gebührenfreie Bilder, darunter Fotos, Grafiken, Videos und Vorlagen, um Ihre Kreativprojekte voranzutreiben.