Planejamento da interface do usuário com o Adobe XD

Na maioria dos casos, o planejamento para um novo site começa com modelos e designs estáticos. Adobe XD O é a melhor ferramenta de design do setor para criar experiências para o usuário. A Adobe recomenda o planejamento da implementação do Sites por meio do uso de modelos de interface do usuário com o Adobe XD ou outra ferramenta.

Pré-requisitos

Este é um tutorial em várias partes e presume-se que as etapas descritas no capítulo anterior foram concluídas. Este capítulo é simplesmente uma parte de observação e aprendizado, nenhuma ação é necessária para poder continuar com os capítulos subsequentes.

Para acompanhar os vídeos, você precisará Adobe XD instalado, um avaliação gratuita disponível.

Objetivo

  1. Revise o kit de interface do usuário fornecido pelo Modelo de site padrão e pela equipe de design da WKND.
  2. Entenda como os kits de interface do usuário podem ser usados para mapear e planejar uma implementação do AEM Sites.
  3. Saiba como entregar designs de interface do usuário criados no Adobe XD para um desenvolvedor front-end para implementação.

O que você vai criar

Neste capítulo, dois arquivos Adobe XD são inspecionados, um para o Modelo de site padrão e outro para o site WKND proposto. O

Kit de interface do usuário de modelo de site padrão

Etapas de alto nível:

  1. Baixe o Arquivo XD de modelo de site padrão.
  2. Inspect o kit de interface do usuário no Adobe XD.
  3. Simular a entrega dos designs a um desenvolvedor front-end.

Kit de interface do usuário do WKND

Etapas de alto nível:

  1. Baixe o Arquivo XD do artigo da WKND.
  2. Inspect os designs do modelo de Artigo WKND.

Parabéns!

Parabéns, você aprendeu como os Kits de interface do usuário do Adobe XD podem ser usados para mapear e planejar uma implementação do AEM Sites.

Adicional Os kits de interface do usuário estão disponíveis para inspecionar e baixar.

Próximas etapas

No próximo capítulo, um novo modelo de página é criado com base no design do Artigo WKND.

Saiba como criar e modificar Modelos de página. Entenda a relação entre um Modelo de página e uma Página. Saiba como configurar as políticas de um Modelo de página para fornecer governança granular e consistência de marca para o conteúdo. Um modelo de Artigo de revista bem estruturado é criado com base em um modelo do Adobe XD.

Nesta página