XD
O Adobe XD é uma ferramenta de design e prototipagem da experiência do usuário para criar sites, aplicativos, interfaces de voz, jogos e outros tipos de experiências digitais.
Procurar Tutorials de produtos
Criar Componentes com Estados Hover
Criar botões reutilizáveis e redimensionáveis dinamicamente para seus designs interativos
Criar e Preencher uma Repetição de Grade
Transforme um único elemento em grades repetidas com um simples clique e arraste
Criar um Protótipo - Links de Âncora e Grupos de Rolagem
Adicionar navegação e rolagem a um protótipo
Criar um Protótipo — Estados de Componente Interativo
Adicionar interatividade e um menu de sobreposição a um protótipo
Email - Criar e Preencher uma Repetição de Grade
Transforme um único elemento em grades repetidas com um simples clique e arraste
Criar Componentes com Estados Hover (7:35) tutorial1
Descrição
Crie botões reutilizáveis, redimensionáveis dinamicamente, para seus designs interativos.
Neste tutorial, você aprenderá como:
- Fazer alterações em um componente principal de origem e essas alterações serão enviadas automaticamente para todas as instâncias desse componente
- Use componentes para consistência, economia de tempo e menos cliques
Apresentado por:
Michael Murphy, consultor sênior de soluções (mídia digital)
Criar e Preencher uma Repetição de Grade (2:57) tutorial2
Descrição
Transforme um único elemento em grades repetidas com um simples clique e arraste.
Neste tutorial, você aprenderá como:
- Aumente seu fluxo de trabalho e arraste instantaneamente para fora qualquer tamanho de grade que você precisa
- Traga conteúdo e dados reais e o XD colocará magicamente todas as imagens e texto em sua grade
- Faça alterações uma vez e aplique onde quiser, em qualquer direção
Apresentado por:
Ashley Dvorin, consultor sênior de soluções (mídia digital)
Trabalhar com Pilhas (5:33) tutorial3
Descrição
Use a propriedade stack para reorganizar elementos facilmente.
Neste tutorial, você aprenderá como:
- Manter o alinhamento e o espaçamento entre objetos na tela mesmo que o design mude
- Inserir novos objetos ou reordenar objetos em uma pilha, e tudo se ajusta automaticamente
Apresentado por:
Michael Murphy, consultor sênior de soluções (mídia digital)
Criar um protótipo - Links de âncora e Grupos de rolagem (9:55) tutorial4
Descrição
Adicione navegação e rolagem a um protótipo.
Neste tutorial, você aprenderá como:
- Adicione links aos seus protótipos com uma ação que permite que os usuários saltem para pontos diferentes na mesma prancheta
- Crie feeds de atividades, carrosséis de imagens, listas de produtos e muito mais definindo áreas que rolam independentemente do restante dos designs
- Criar grupos que rolam verticalmente, horizontalmente ou ambos
Apresentado por:
Michael Murphy, consultor sênior de soluções (mídia digital)
Criar um Protótipo - Estados de Componente Interativo (8:55) tutorial5
Descrição
Adicione interatividade e um menu de sobreposição a um protótipo.
Neste tutorial, você aprenderá como:
- Crie uma experiência de usuário animada e interativa não linear sem a necessidade de pranchetas adicionais
- Criar vários fluxos de protótipo ou interação em um único documento XD e publicar links compartilháveis exclusivos para cada fluxo
Apresentado por:
Emilie Enke, Consultora de soluções associadas (Mídia digital)
E-mail - Criar e Preencher uma repetição de grade (4:45) tutorial6
Descrição
Transforme um único elemento em grades repetidas com um simples clique e arraste.
Neste tutorial, você aprenderá como:
- Aumente seu fluxo de trabalho e arraste instantaneamente para fora qualquer tamanho de grade que você precisa
- Traga conteúdo e dados reais e o XD colocará magicamente todas as imagens e texto em sua grade
- Faça alterações uma vez e aplique onde quiser, em qualquer direção
Apresentado por:
Victoria Torres, Consultora de soluções (Mídia digital)
Email - Trabalhar com Pilhas (3:38) tutorial7
Descrição
Use a propriedade stack para reorganizar elementos facilmente.
Neste tutorial, você aprenderá como:
- Manter o alinhamento e o espaçamento entre objetos na tela mesmo que o design mude
- Inserir novos objetos ou reordenar objetos em uma pilha, e tudo se ajusta automaticamente
Apresentado por:
Victoria Torres, Consultora de soluções (Mídia digital)
Recursos XD
Aprendizagem e Suporte é o seu hub para tutoriais adicionais, Novidades e links para fóruns da comunidade.
Versão de outubro de 2020
Comece a usar esses recursos (e muito mais!) baixando a atualização mais recente do seu aplicativo de desktop Creative Cloud.