Planificación de IU con Adobe XD

En la mayoría de los casos, la planificación de un nuevo sitio web comienza con maquetas y diseños estáticos. Adobe XD es una herramienta de diseño de primera categoría para crear experiencias de usuario. Adobe recomienda planificar la implementación de Sites mediante los grupos de usuarios con la interfaz de usuario de Adobe XD u otra herramienta.

Requisitos previos

Se trata de un tutorial en varias partes y se supone que se han completado los pasos descritos en el capítulo anterior. Este capítulo es simplemente una parte de observación y aprendizaje, no se requiere ninguna acción para poder continuar con los capítulos posteriores.

Para seguir los vídeos que necesite Adobe XD instalado, un prueba gratuita disponible.

Objetivo

  1. Revise el kit de IU que proporciona el Plantilla de sitio estándar y por el equipo de diseño de WKND.
  2. Obtenga información sobre cómo se pueden utilizar los kits de interfaz de usuario para asignar y planificar una implementación de AEM Sites.
  3. Aprenda a transferir diseños de IU creados en Adobe XD a un desarrollador front-end para su implementación.

Qué va a generar

En este capítulo se inspeccionarán dos archivos Adobe XD, uno para la variable Plantilla de sitio estándar y otro para el sitio WKND propuesto. El

Kit de IU de plantilla de sitio estándar

Pasos de alto nivel:

  1. Descargue el Archivo de XD de plantilla de sitio estándar.
  2. Inspect utiliza el kit de IU en Adobe XD.
  3. Simule el envío de los diseños a un desarrollador de front-end.

Kit de IU WKND

Pasos de alto nivel:

  1. Descargue el Archivo XD artículo WKND.
  2. Inspect: los diseños para la plantilla de artículo WKND.

Felicitaciones!

Felicitaciones, ha aprendido cómo se pueden utilizar los kits de IU de Adobe XD para asignar y planificar una implementación de AEM Sites.

Adicional Los Kits de IU están disponibles para inspeccionar y descargar.

Siguientes pasos

En el capítulo siguiente se creará una nueva plantilla de página basada en el diseño del artículo WKND.

Obtenga información sobre cómo crear y modificar Plantillas de página. Comprenda la relación entre una plantilla de página y una página. Obtenga información sobre cómo configurar las políticas de una plantilla de página para proporcionar control granular y coherencia de marca para el contenido. Se creará una plantilla de artículo de revista bien estructurada basada en una maqueta de Adobe XD.

En esta página