UI Planning with Adobe XD ui-planning-adobe-xd
I de flesta fall börjar planering av en ny webbplats med dummies och statisk design. Adobe XD är det bästa designverktyget för att skapa användarupplevelser. Adobe rekommenderar att du planerar implementeringen av dina webbplatser med hjälp av gränssnittsmodeller med Adobe XD eller något annat verktyg.
Förutsättningar prerequisites
Det här är en självstudiekurs i flera delar och det antas att stegen som beskrivs i det föregående kapitlet har slutförts. Det här kapitlet är bara en övervaknings- och inlärningsdel, ingen åtgärd krävs för att kunna fortsätta med efterföljande kapitel.
Om du vill följa med i videofilmerna som du behöver ha Adobe XD installerat finns det en kostnadsfri testversion.
Syfte
- Granska gränssnittspaketet som tillhandahålls av standardwebbplatsmallen och av WKND-designteamet.
- Förstå hur gränssnittsobjekt kan användas för att mappa och planera en AEM Sites-implementering.
- Lär dig hur du skickar UI-design som skapats i Adobe XD till en frontutvecklare för implementering.
Vad du ska bygga what-you-will-build
I det här kapitlet inspekteras två Adobe XD-filer, en för standardwebbplatsmallen och en annan för den föreslagna WKND-webbplatsen. The
Användargränssnittspaket för standardplatsmall standard-site-template-uikit
Steg på hög nivå:
- Hämta standardwebbplatsmallen XD filen.
- Inspect the UI Kit in Adobe XD.
- Simulera vidarebefordran av materialet till en utvecklare.
WKND UI Kit wknd-ui-kit
Steg på hög nivå:
- Hämta WKND-XD.
- Inspect designen för WKND-artikelmallen.
Grattis! congratulations
Grattis! Du har lärt dig hur Adobe XD UI Kits kan användas för att mappa och planera en AEM Sites-implementering.
Det finns ytterligare UI-kitför att kontrollera och hämta.
Nästa steg next-steps
I nästa kapitel skapas en ny sidmall baserad på WKND-artikeldesignen.
Lär dig hur du skapar och ändrar sidmallar. Förstå förhållandet mellan en sidmall och en sida. Lär dig hur du konfigurerar profiler för en sidmall för att få en mer detaljerad styrning och enhetlig varumärkeshantering för innehåll. En välstrukturerad artikel i Magazine skapas utifrån en dummy från Adobe XD.