Guia do Usuário Cancelar

Navegar em especificações de design

  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. Requisitos de sistema
      1. Requisitos de hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    5. Noções básicas sobre a área de trabalho
    6. Alterar o idioma do aplicativo no Adobe XD
    7. Acessar kits de design de interface
    8. Acessibilidade no Adobe XD
    9. Atalhos de teclado
    10. Dicas e truques
    11. Opções de assinatura do Adobe XD
    12. Alterações no plano inicial do XD
  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
  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 navegar nas diferentes exibições de um link de especificação de design.

O link de compartilhamento para desenvolvimento ficou ainda mais completo com a inclusão de informações interativas de protótipo junto às especificações de design. Clique no ícone de alternância Exibir especificações  no link compartilhado para alternar entre a exibição das especificações de design e do protótipo. A nova experiência oferece as seguintes vantagens: 

  • Agora, os designers podem informar com mais clareza o objetivo do projeto e fornecer aos desenvolvedores todos os recursos necessários em um único link compartilhado.
  • Os desenvolvedores podem entender melhor as interações e os comportamentos esperados e poupar tempo, pois não é necessário alterar constantemente entre links separados de protótipos e de especificações de design. 
  • Os desenvolvedores podem alternar facilmente entre as exibições de grade e de fluxo para exibir as especificações de design.

Exibições de grade e de fluxo

Para ter um panorama completo do fluxo de design com todas as informações de layout das pranchetas, você pode alternar entre as exibições de grade e de fluxo

Fácil de navegar, a Exibição de grade é um formato de grade simples das informações de layout das pranchetas, enquanto a Exibição de fluxo mantém o layout das pranchetas e sua arquitetura.

Para navegar usando a Exibição de grade, padrão, clique no nome do link ou no ícone de grade  no canto superior direito. Para alternar entre a Exibição de grade e a Exibição de fluxo, clique no ícone Exibição de fluxo no canto superior direito da tela. 

Exibição de grade
Exibição de grade

Exibição de fluxo
Exibição de fluxo

Na Exibição de fluxo, você pode:

  • Comunicar a hierarquia do design e do layout e
  • Passar o mouse sobre uma prancheta para ver as pranchetas vinculadas a ela.

Na Exibição de grade, você pode:

  • Exibir a representação em miniatura de todas as telas,
  • Ver o número de comentários em uma determinada prancheta,
  • Pesquisar uma prancheta específica pelo nome e
  • Exibir as telas vinculadas de uma determinada prancheta.

Fique à vontade para compartilhar seu feedback sobre essa nova experiência usando a voz do usuário do Adobe XD.

Exibição de especificações

A exibição de especificações mostra os detalhes, as cores, os estilos de caractere e os destinos usados da prancheta. Você pode usar a seta para expandir e recolher seções individuais.

No painel Propriedades, você pode exibir:

  • Detalhes da prancheta, cores exclusivas e estilos de caractere usados nessa prancheta e a prancheta de destino à qual ela está vinculada.
  • Os trechos de código CSS, que os desenvolvedores de design podem copiar e colar diretamente nos códigos.
  • Instâncias nas quais as cores e estilos de caracteres foram usados quando você passa o ponteiro do mouse sobre elas.
  • Códigos de cores hexadecimais e rótulos personalizados das cores usadas na prancheta.
  • Detalhes de várias interações, como transições, propriedades do modo de mesclagem, sobreposições, voz, interações e animação automática. 
  • Comentários relacionados à prancheta. 

Na parte inferior da tela, há várias teclas de setas e um ícone Inicial. A tecla de seta para a esquerda volta para a prancheta anterior, a tecla de seta para a direita avança para a próxima prancheta e o ícone Inicial direciona você para a prancheta inicial.

Para conhecer atalhos de teclado específicos para as especificações de design, consulte Atalhos de teclado.

Observação:

Você pode ver os rótulos personalizados somente se o designer tiver definido os nomes das cores no painel Ativos.

Exibição de especificações
Exibição de especificações

Logotipo da Adobe

Fazer logon em sua conta