Guia do Usuário Cancelar

Acessar kits de design de interface

  1. Guia do usuário do Adobe XD
  2. Introdução
    1. Novidades no Adobe XD
    2. Perguntas frequentes
    3. Criar designs e protótipos e compartilhar com o Adobe XD
    4. Gerenciamento de cores
    5. Requisitos de sistema
      1. Requisitos de hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    6. Noções básicas sobre a área de trabalho
    7. Alterar o idioma do aplicativo no Adobe XD
    8. Acessar kits de design de interface
    9. Acessibilidade no Adobe XD
    10. Atalhos de teclado
    11. Dicas e truques
  3. Design
    1. Pranchetas, guias e camadas
      1. Introdução às pranchetas
      2. Usar guias e grades
      3. Criar pranchetas com rolagem
      4. Trabalhar com camadas
      5. Criar grupos de rolagem
    2. Formas, objetos e caminho
      1. Selecionar, redimensionar e girar objetos
      2. Mover, alinhar, distribuir e organizar objetos
      3. Agrupar, bloquear, duplicar, copiar e virar objetos
      4. Definir traçado, preenchimento e sombra projetada para objetos
      5. Criar elementos de repetição
      6. Criar designs de perspectiva com transformações em 3D
      7. Editar objetos usando operações boolianas
    3. Texto e fontes
      1. Trabalhar com ferramentas de desenho e texto
      2. Fontes no Adobe XD
    4. Componentes e estados
      1. Trabalhar com componentes
      2. Trabalhar com componentes aninhados
      3. Adicionar vários estados aos componentes
    5. Mascaramento e efeitos
      1. Criar uma máscara com formas
      2. Trabalhar com efeitos de desfoque
      3. Criar e modificar degradês
      4. Aplicar efeitos de mesclagem
    6. Layout
      1. Redimensionamento responsivo e restrições
      2. Definir preenchimento fixo para componentes e grupos
      3. Criar designs dinâmicos com pilhas
    7. Vídeos e animações Lottie
      1. Trabalhar com vídeos
      2. Criar protótipos usando vídeos
      3. Trabalhar com animações Lottie
  4. Protótipo
    1. Criar protótipos interativos
    2. Animar protótipos
    3. Propriedades de objeto compatíveis com a Animação automática
    4. Criar protótipos com teclados e controles
    5. Criar protótipos usando reprodução e comandos de voz
    6. Criar transições temporizadas
    7. Adicionar sobreposições
    8. Criar protótipos de voz
    9. Criar links de âncora
    10. Criar hiperlinks
    11. Visualizar designs e protótipos
  5. Compartilhar, exportar e analisar
    1. Compartilhar pranchetas selecionadas
    2. Compartilhar designs e protótipos
    3. Definir permissões de acesso para links
    4. Trabalhar com protótipos
    5. Revisar protótipos
    6. Trabalhar com especificações de design
    7. Compartilhar especificações de design
    8. Inspecionar especificações de design
    9. Navegar em especificações de design
    10. Revisar e comentar especificações de design
    11. Exportar ativos de design
    12. Exportar e baixar ativos de especificações de design
    13. Compartilhamento em grupo para corporações
    14. Fazer backup ou transferir ativos do XD
  6. Sistemas de design
    1. Sistemas de design com as Bibliotecas da Creative Cloud
    2. Trabalhar com ativos de documento no Adobe XD
    3. Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
    4. Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
    5. Trabalhar com tokens de design 
    6. Usar ativos das Bibliotecas da Creative Cloud
  7. Documentos na nuvem
    1. Documentos na nuvem no Adobe XD
    2. Colaborar e coeditar designs
    3. Coeditar documentos compartilhados com você
  8. Integrações e plug-ins
    1. Trabalhar com ativos externos
    2. Trabalhar com ativos de design do Photoshop
    3. Copiar e colar ativos do Photoshop
    4. Importar ou abrir designs do Photoshop
    5. Trabalhar com ativos do Illustrator no Adobe XD
    6. Abrir ou importar designs do Illustrator
    7. Copiar vetores do Illustrator para o XD
    8. Plug-ins para o Adobe XD
    9. Criar e gerenciar plug-ins
    10. Integração do JIRA com o XD
    11. Plug-in do Slack para XD
    12. Plug-in do Zoom para XD
    13. Publicar o design do XD no Behance
  9. XD para iOS e Android
    1. Visualizar em dispositivos móveis
    2. Perguntas frequentes sobre o Adobe XD para dispositivos móveis
  10. Solução de problemas
    1. Problemas conhecidos e corrigidos
      1. Problemas conhecidos
      2. Problemas corrigidos
    2. Instalação e atualizações
      1. O XD aparece como não compatível no Windows
      2. Código de erro 191
      3. Código de erro 183
      4. Problemas ao instalar plug-ins XD
      5.  Solicitação para instalar e reinstalar o XD no Windows 10
      6. Problemas com a migração de preferências
    3. Inicialização e falha
      1.  O XD trava ao ser iniciado no Windows 10
      2.  O XD fecha ao fazer logoff da Creative Cloud
      3. Problema com o status da assinatura no Windows
      4. Aviso de aplicativo bloqueado ao iniciar o XD no Windows
      5. Geração de dump de falha no Windows
      6. Coleta e compartilhamento de registros de falhas
    4. Documentos na nuvem e bibliotecas da Creative Cloud
      1. Problemas com os documentos na nuvem do XD
      2. Problemas com componentes vinculados
      3. Problemas com bibliotecas e links
    5. Prototipagem, publicação e revisão
      1. Não é possível gravar interações de protótipo no macOS Catalina
      2. Problemas com fluxos de trabalho de publicação
      3. Links publicados não são exibidos nos navegadores
      4. Protótipos não são renderizados corretamente nos navegadores
      5. Painel de comentários aparecendo repentinamente em links compartilhados
      6. Não é possível publicar bibliotecas
    6. Importação, exportação e trabalho em outros aplicativos
      1. Exportação e importação no XD
      2. Arquivos do Photoshop no XD
      3. Arquivos do Illustrator no XD
      4. Exportar do XD para o After Effects
      5. Arquivos do Sketch no XD
      6. Aplicativos de terceiros não visíveis na exportação

Saiba como acessar kits de interface, plug-ins e integrações com aplicativos no XD.

O Adobe XD fornece links para kits de interface para Apple iOS, Google Material, Microsoft Windows e wireframes. Esses kits de interface contêm elementos gráficos nativos do sistema operacional. Por exemplo, se você está criando um aplicativo para iOS, pode começar imediatamente com as telas disponíveis no kit de Apple iOS. O XD também fornece acesso a kits inspiradores, como o Designer Marketplace ou os Dashboard UI kits.

O XD oferece vários kits de interface que os designers podem usar como ponto de partida para seus produtos de design. 

Para acessar os kits de interface, acesse Arquivo > Obter kits de interface.

Acessar kits de interface
Acessar kits de interface

Fornecemos alguns kits de interface criados especialmente para você baixar. Você pode baixá-los e personalizá-los de acordo com suas necessidades. Esses kits de acesso à interface poupam tempo e esforço dos designers no processo de criação e ajudam a garantir consistência e adesão às diretrizes de design estabelecidas. 

AEM: allport (Intranet)

Revolucione a comunicação com os funcionários. Inicie seu projeto de intranet do Adobe Experience Manager e acelere seu fluxo de trabalho XD e AEM.

Links de âncora

Use este kit e economize tempo, pois ele inclui vários exemplos de designs da Web de página única, tudo conectado por meio de links de âncora, estados hover e elementos fixos.

AEM: Sooth (e-Commerce)

Crie experiências de comércio eletrônico intuitivas. Acelere seu projeto de comércio eletrônico do Adobe Experience Manager, bem como seu fluxo de trabalho XD e AEM.

AEM: WKND

Crie um site usando apenas componentes principais do Adobe Experience Manager.

Vault

Escolha entre 20 telas personalizáveis, especificações de design e um protótipo completo.

BFSI

Acelere os designs de sites do Adobe Experience Manager para serviços financeiros.

Gráficos animados

Crie gráficos animados para interações com várias pranchetas e estados de componentes.

Sistemas de design: Semantic

Crie seu próprio sistema de design personalizado com um kit inspirado na interface Semantic.

Boomerang (dispositivos móveis)

Crie um aplicativo para dispositivos móveis para enviar mensagens e compartilhar fotos e vídeos com amigos próximos.

Estados de componente

Explore como você pode usar estados de componente no XD para criar botões, alternar chaves, carregar sequências e muito mais.

Painel

Simplifique a análise e a visualização de dados usando gráficos, ícones, componentes e layouts personalizáveis.

Animação automática

Anime elementos nas pranchetas com ferramentas para criar microinterações, efeitos de arrastar e muito mais.

Wireframes

Use esses kits UX de wireframe abrangentes para criar experiências para dispositivos móveis e na Web exclusivamente para o XD.

Comércio eletrônico

Crie uma experiência de comércio eletrônico com mais de 40 componentes personalizáveis em pranchetas totalmente em camadas.

Sistema de design de serviços financeiros

Acelere a criação de seu sistema de designs para experiências de serviços financeiros.

Apresentações

Crie e personalize texto e imagens nos 16 designs dinâmicos e animados de slides deste modelo do Adobe XD.

Urgym (Marketing)

Use este recurso para preparar ativos de campanha para seu próximo lançamento com páginas de aterrissagem, modelos de email e gráficos de redes sociais.

Smartwatch

Crie um aplicativo smartwatch com mais de 60 telas, mais de 20 componentes, mais de 30 ícones e 6 fluxos de protótipo personalizáveis para iOS.

watchOS

Crie designs e protótipos de aplicativos para o Apple Watch com um kit que inclui vários materiais de interface, como botões e ícones para watchOS 5.

Design de marketing digital

Crie gráficos de marketing para plataformas de redes sociais e banners de publicidade digital com base nas especificações mais recentes.

Altura (eCommerce)

Crie um site de comércio eletrônico de móveis com ativos, componentes e layouts predefinidos para impulsionar sua criatividade.

Wireframes: desenhado à mão

Imite esboços de wireframe desenhados à mão no XD para dispositivos móveis e Web.


recursos relacionados

Agora que você sabe como acessar os kits de interface, continue e aprenda sobre Noções básicas sobre a área de trabalhoplug-ins no XD e como Começar seu design com kits de interface.

Fale conosco

Você tem alguma dúvida ou sugestão? Participe da comunidade do Adobe XD. Adoraríamos ver suas criações e ouvir o que você tem a dizer!

 Adobe

Receba ajuda com mais rapidez e facilidade

Novo usuário?