XD

Última atualização em 2023-10-19
  • Tópicos
  • UI Design
    Exibir mais informações sobre este tópico
  • Criado para:
  • Beginner
    Intermediate
    User

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, 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
Trabalhar com pilhas Use a propriedade stack para reorganizar elementos facilmente
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
Email - Trabalhar com Pilhas Use a propriedade stack para reorganizar elementos facilmente
Espaçador

Espaçador

Criar Componentes com Estados Hover (7:35)

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)

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)

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)

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)

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)

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)

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)

Logo da XD

Recursos XD

Aprendizagem e suporte é o seu hub para tutoriais adicionais, Novidadese 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.

Nesta página