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 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

Criar e Preencher uma Repetição de Grade

Transforme um único elemento em grades repetidas com um simples clique e arraste

Trabalhar com pilhas

Trabalhar com Pilhas

Usar a propriedade stack para reorganizar elementos facilmente

Criar um protótipo - Links de âncora e Grupos de rolagem

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

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

Email - Criar e Preencher uma Repetição de Grade

Transforme um único elemento em grades repetidas com um simples clique e arraste

Email - Trabalhar com Pilhas

Email - Trabalhar com Pilhas

Usar a propriedade stack para reorganizar elementos facilmente

Espaçador
Espaçador

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)

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)

Logotipo XD

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.

recommendation-more-help
749bd7f2-920b-4c5e-bcb7-4ea92ec3a370