Pianificazione dell’interfaccia utente con Adobe XD

Nella maggior parte dei casi, la pianificazione di un nuovo sito web inizia con modelli e progetti statici. Adobe XD è uno strumento di progettazione all’avanguardia per la creazione di esperienze utente. Adobe consiglia di pianificare l’implementazione di Sites tramite i modelli di interfaccia utente utilizzati con Adobe XD o altri strumenti.

Prerequisiti

Si tratta di un tutorial in più parti e si presume che i passaggi descritti nel capitolo precedente siano stati completati. Questo capitolo è semplicemente una parte di orologio e impara, non è necessaria alcuna azione per essere in grado di procedere con i capitoli successivi.

Per seguire insieme ai video è necessario Adobe XD installato, un prova gratuita disponibile.

Obiettivo

  1. Rivedi il kit dell’interfaccia utente fornito dalla Modello di sito standard e dal team di progettazione WKND.
  2. Scopri come utilizzare i kit dell’interfaccia utente per mappare e pianificare un’implementazione di AEM Sites.
  3. Scopri come distribuire le progettazioni dell’interfaccia utente create in Adobe XD a uno sviluppatore front-end per l’implementazione.

Cosa verrà creato

In questo capitolo verranno analizzati due file Adobe XD, uno per Modello di sito standard e un altro per il sito WKND proposto. Le azioni

Kit interfaccia utente standard per modelli di sito

Fasi di alto livello:

  1. Scarica la File XD modello di sito standard.
  2. Inspect il kit di interfaccia utente in Adobe XD.
  3. Simula la distribuzione delle progettazioni a uno sviluppatore front-end.

Kit interfaccia utente WKND

Fasi di alto livello:

  1. Scarica la File XD articolo WKND.
  2. Inspect le progettazioni per il modello di articolo WKND.

Congratulazioni!

Congratulazioni, hai imparato come i kit dell’interfaccia utente di Adobe XD possono essere utilizzati per mappare e pianificare un’implementazione di AEM Sites.

Aggiuntivo Sono disponibili i kit per interfaccia utente per ispezionare e scaricare.

Passaggi successivi

Nel capitolo successivo verrà creato un nuovo modello di pagina in base alla progettazione dell’articolo WKND.

Scopri come creare e modificare Modelli di pagina. Comprendere la relazione tra un modello di pagina e una pagina. Scopri come configurare i criteri di un modello di pagina per fornire governance granulare e coerenza del marchio per i contenuti. Verrà creato un modello di articolo per riviste ben strutturato basato su un modello di Adobe XD.

In questa pagina