UI-planning met Adobe XD ui-planning-adobe-xd
In de meeste gevallen begint de planning voor een nieuwe website met modellen en statische ontwerpen. Adobe XDis een best-in-klasse ontwerphulpmiddel om gebruikerservaring op te bouwen. Adobe raadt u aan uw Sites-implementatie te plannen met behulp van UI-modellen voor het gebruik van Adobe XD of een ander hulpprogramma.
Vereisten prerequisites
Dit is een meerdelige zelfstudie en er wordt van uitgegaan dat de in het vorige hoofdstuk beschreven stappen zijn voltooid. Dit hoofdstuk is gewoon een 'watch & learn'-gedeelte. Er is geen actie vereist om verder te kunnen gaan met volgende hoofdstukken.
Om samen met de video's te volgen zult u geïnstalleerde Adobe XDnodig hebben, is de a vrije proef beschikbaar.
Doelstelling
- Herzie de Uitrusting UI die door het StandaardMalplaatje van de Plaatsen door het WKND ontwerpteam wordt verstrekt.
- Begrijp hoe de kits UI kan worden gebruikt om een implementatie van AEM Sites in kaart te brengen en te plannen.
- Leer hoe u in Adobe XD gemaakte UI-ontwerpen kunt afleveren aan een front-end ontwikkelaar voor implementatie.
Wat u gaat maken what-you-will-build
In dit hoofdstuk worden twee dossiers van Adobe XD geïnspecteerd, voor het StandaardMalplaatje van de Plaatsen een andere voor de voorgestelde plaats WKND. De
UI-kit voor standaardsitesjabloon standard-site-template-uikit
Stappen op hoog niveau:
- Download het StandaardMalplaatje van de Plaats XD Dossier.
- Inspect the UI Kit in Adobe XD.
- Simuleer het afleveren van de ontwerpen aan een front-end ontwikkelaar.
WKND-UI-kit wknd-ui-kit
Stappen op hoog niveau:
- Download het WKND Artikel XD Dossier.
- Inspect the designs for the WKND Article template.
Gefeliciteerd! congratulations
Gefeliciteerd, u hebt geleerd hoe de Uitrustingen van UI van Adobe XD kunnen worden gebruikt om een implementatie van AEM Sites in kaart te brengen en te plannen.
De extra Uitrustingen UI zijn beschikbaarom te inspecteren en te downloaden.
Volgende stappen next-steps
In het volgende hoofdstuk wordt een nieuw paginasjabloon gemaakt op basis van het ontwerp van het WKND-artikel.
Leer om Malplaatjes van de Pagina tot stand te brengen en te wijzigen. Begrijp de verhouding tussen een Malplaatje van de Pagina en een Pagina. Leer hoe u beleid van een paginasjabloon configureert voor korrelig beheer en consistentie van merken voor inhoud. Een goed gestructureerde sjabloon voor artikel van het tijdschrift wordt gemaakt op basis van een model van Adobe XD.