Planejamento da IU com o Adobe XD ui-planning-adobe-xd
Na maioria dos casos, o planejamento de um novo site começa com simulações e designs estáticos. O Adobe XD é a melhor ferramenta de design do setor para criar experiências do usuário. A Adobe recomenda o planejamento da implementação do Sites por meio do uso de simulações da IU com o Adobe XD ou outra ferramenta.
Pré-requisitos prerequisites
Este é um tutorial em várias partes, e presume-se que as etapas descritas no capítulo anterior tenham sido concluídas. Este capítulo é simplesmente uma seção de observação e aprendizagem; nenhuma ação é necessária para poder prosseguir com os capítulos seguintes.
Para acompanhar os vídeos, você precisará estar com o Adobe XD instalado; uma avaliação gratuita está disponível.
Objetivo
- Examinar o kit da IU fornecido pelo Modelo de site padrão e pela equipe de design da WKND.
- Entender como os kits da IU podem ser usados para mapear e planejar uma implementação do AEM Sites.
- Aprender a entregar designs de IU criados no Adobe XD para um desenvolvedor de front-end para fins de implementação.
O que você criará what-you-will-build
Neste capítulo, dois arquivos do Adobe XD serão inspecionados, um para o Modelo de site padrão e outro para o site da WKND proposto. O
Kit da IU do modelo de site padrão standard-site-template-uikit
Etapas de alto nível:
- Baixe o arquivo XD do modelo de site padrão.
- Inspecione o kit da IU no Adobe XD.
- Simule a entrega dos designs a um desenvolvedor de front-end.
Kit da IU da WKND wknd-ui-kit
Etapas de alto nível:
- Baixe o arquivo XD do artigo da WKND.
- Inspecione os designs do modelo de artigo da WKND.
Parabéns! congratulations
Parabéns, você aprendeu como os kits da IU do Adobe XD podem ser usados para mapear e planejar uma implementação do AEM Sites.
Kits da IU adicionais estão disponíveis para inspeção e download.
Próximas etapas next-steps
No próximo capítulo, um novo modelo de página será criado com base no design do artigo da 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 permitir uma governança granular e consistência da marca no conteúdo. Um modelo de artigo de revista bem estruturado será criado com base em uma simulação do Adobe XD.