SumárioAgradecimentos9Apresentação 13A estrutura do material15Utilizando o material 161Apresentação do Adobe XD e sua interface19O que é um protótipo?21Instalar a ferramenta e conhecer a Creative Cloud21Por que usar o Adobe XD?23Instalação do Adobe XD24Conhecendo o software27Exercício complementar37Considerações finais372Introdução ao modo design e uso de ferramentas39User experience (UX), user interface (UI) e responsividade41Escolhendo o dispositivo43Iniciando o design e entendendo arquivos SVG43Cores, fontes e padrões49Exercício complementar53Considerações finais533Aprimoramento das ferramentas de design e suas propriedades55Acessibilidade, usabilidade e navegabilidade57A escolha das imagens58Repetindo elementos60Por que padronizar os textos?63Exercício complementar67Considerações finais674Introdução ao modo protótipo e suas conexões71Por que utilizar softwares de prototipação? 73Comandos de voz78Exercício complementar81Considerações finais815Construção de componentes e padrões85O que são componentes?87Elaborando e replicando a prancheta padrão87O que são os estados de um componente90Interações, acionadores e ações92Por que duplicar e desvincular componentes?94Exercício complementar101Considerações finais1016Pranchetas com elementos de sobreposição103Criando pranchetas de sobreposição105Links de ancoragem108Sobreposições e animação automática110Reprodução de fala e reprodução de áudio112Exercício complementar115Considerações finais1157Kits de interface, plug-ins, ativos e bibliotecas119Kits de interface121Utilizando kits de interface123Os plug-ins124Exportando codificação web136Exportação de elementos para design e desenvolvimento137Suporte às bibliotecas da Creative Cloud139Exercício complementar141Considerações finais1428Funcionamento de protótipos locais e em dispositivos móveis145Ativando a cooperação em equipe147Compartilhando conteúdo via web149O Adobe XD mobile157Correção de erros em fontes e outros componentes161Exercício complementar163Considerações finais163Referências167Anexo169Sobre o autor175