Guia do Usuário Cancelar

Visualizar em dispositivos móveis

  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

Visualize seus designs para dispositivos móveis em tempo real ou abra seus arquivos do XD salvos na Creative Cloud usando o aplicativo XD em um dispositivo móvel. Visualize também qualquer protótipo publicado em um navegador de dispositivo móvel em qualquer lugar.

Usando o aplicativo para dispositivo móvel do Adobe XD, você pode:

Observação:

Se o seu dispositivo estiver executando o Adobe XD no Windows 10, a visualização em tempo real via USB não será compatível com o Android.

Requisitos para visualização em um dispositivo móvel

Para visualizar em tempo real ou abrir arquivos do XD na Creative Cloud, é necessário o:

  • Aplicativo Adobe XD para dispositivos móveis

Para obter uma lista das versões compatíveis do iOS e do Android, consulte Perguntas frequentes sobre o Adobe XD para dispositivos móveis.

Para visualizar os protótipos publicados, é necessário o:

  • Navegador de dispositivos móveis.

Para obter uma lista de navegadores de dispositivos móveis compatíveis, consulte Navegadores compatíveis.

Visualizar protótipos em tempo real em dispositivos móveis

Visualize seus designs em tempo real em um dispositivo móvel conectado ao computador usando um cabo USB.

Visualizar protótipos em tempo real em um dispositivo
Visualizar protótipos em tempo real em um dispositivo

  1. Conecte seu dispositivo móvel à porta USB do computador executando o Adobe XD para desktop. Verifique se instalou a versão mais recente do XD para desktop disponível na Creative Cloud.

    Observação:
    • Você deve usar cabos USB para transferir os dados. Alguns cabos USB podem ser usados somente para carregar dispositivos e não transferir dados.
    • Quer conectar um iPhone a um computador Windows? Instale o iTunes para Windows para visualizar o design ou o protótipo no iPhone.
  2. Abra o Adobe XD no dispositivo móvel.

  3. A prancheta atualmente selecionada (ou em foco) no Adobe XD para desktop é exibida no seu dispositivo. Todas as alterações feitas nos designs são refletidas em tempo real no dispositivo móvel.

    Se adicionar fios criando interações no modo de Protótipo, você poderá ver as interações funcionando, exatamente como na janela Visualização no desktop.

  4. Use o gesto de toque triplo na tela do aplicativo para dispositivos móveis para ver mais opções:

    • Procurar pranchetas: para navegar por todas as pranchetas em seu design.
    • Compartilhar esta tela como imagem: para compartilhar uma prancheta em particular como um arquivo PNG por email, pelo Slack ou por outros canais.
    • Dicas de pontos ativos: para habilitar as dicas de pontos ativos ao visualizar o protótipo.
    • Navegação deslizando o dedo: para impedir que você deslize o dedo ao interagir com o protótipo.
    • Opções de exibição: para exibir seu design em tamanhos diferentes.

Visualizar documentos do XD salvos como documentos na nuvem

Você pode visualizar seus documentos do XD salvando-os como documentos na nuvem no desktop. 

  1. Salve o documento do XD como documento na nuvem no desktop.

  2. Abra o Adobe XD no dispositivo móvel.

  3. Em Documentos do XD, todos os documentos do XD são exibidos na pasta Documentos na nuvem. Você pode pesquisar arquivos por nome de arquivo e, em seguida, classificá-los em ordem crescente ou decrescente (alfabética ou modificado pela última vez). Depois de encontrar o arquivo desejado, toque nele para ver o arquivo.

  4. Durante a visualização, use o gesto de toque triplo para acessar as opções do protótipo:

    • Procurar pranchetas: para pesquisar e pular para as pranchetas desejadas em seu design.
    • Compartilhar esta tela como imagem: para compartilhar uma prancheta em particular como um arquivo PNG por meio de email, redes sociais ou qualquer outra opção de compartilhamento fornecida pelo seu dispositivo.
    • Dicas de pontos ativos: para habilitar as dicas de pontos ativos ao visualizar o protótipo.
    • Navegação deslizando o dedo: para habilitar o gesto de deslizar o dedo ao interagir com o protótipo.
    • Opções de exibição: para exibir seu design em tamanhos diferentes.
    Observação:

    Se o zoom estiver ativado, use dois dedos para tocar duas vezes em vez do toque com três dedos padrão.

  5. Após a revisão do design no seu aplicativo para dispositivos móveis, você pode compartilhar o protótipo com os revisores. 

    Antes de compartilhar o protótipo, verifique se as dicas de pontos ativos estão ativadas. Toque três vezes na tela do dispositivo móvel e habilite Dicas de pontos ativos

  6. Compartilhe o link do protótipo com outras pessoas por email, redes sociais ou qualquer outra opção de compartilhamento fornecida pelo seu dispositivo. Toque três vezes na tela do dispositivo móvel e pressione Compartilhar para revisão.

    Observação:

    Você pode compartilhar um protótipo somente se tiver sido compartilhado pelo menos uma vez antes de usar o aplicativo do XD para desktop.

Fontes em dispositivos móveis

Veja algumas maneiras de gerenciar fontes em seu dispositivo móvel:

  • Quando possível, as fontes são enviadas ao seu dispositivo móvel quando você as visualiza. Contudo, alguns fornecedores não permitem transferência, exibição e distribuição das fontes. Você é responsável por garantir que respeita o contrato de licença de fonte entre você e o fornecedor da fonte.
  • Ao visualizar um protótipo em dispositivos móveis, se a fonte necessária não estiver presente no seu dispositivo, você receberá uma mensagem de alerta. As fontes ausentes são substituídas por fontes disponíveis.
  • Adobe Fonts
    O Adobe Fonts será ativado de modo automático e exibido corretamente quando você visualizar um documento na nuvem do XD em aplicativos do XD para dispositivos móveis iOS ou Android.
  • Fontes que não são da Adobe
    O iOS 13.0 aceita a instalação de fontes personalizadas. Os usuários podem instalar fontes personalizadas por meio de aplicativos de terceiros usando os métodos fornecidos pela Apple ou usando o aplicativo para dispositivos móveis da Creative Cloud para iOS (iOS 13.1 e posterior). 

Excluir arquivos do XD baixados no seu dispositivo

Para controlar o espaço de armazenamento no seu dispositivo móvel, você pode excluir arquivos baixados tocando em Configurações > Preferências.

Aqui você pode ver a quantidade de espaço local usado e, em seguida, tocar em Remover documentos offline para excluir documentos do XD baixados para o seu dispositivo.

Você também pode remover arquivos individuais selecionando o arquivo e desativando a opção Disponível offline

Visualizar protótipos publicados em navegadores de dispositivos móveis

Quando você abre um link compartilhado em um navegador de dispositivo móvel, é possível visualizar o protótipo com uma prancheta ampliada. Se as pranchetas do protótipo estiverem desvinculadas, deslize para a esquerda ou para a direita para navegar de uma prancheta para a outra.

Visualização ampliada
Aplicar zoom

Ao abrir o protótipo pela primeira vez, a janela do navegador pode ficar inativa por três segundos até um ícone de gesto de pinça aparecer. Esse ícone de gesto de pinça não reaparece no mesmo navegador, mesmo se você abrir outro protótipo publicado. Use o gesto de pinça na prancheta para acessar a visualização panorâmica. 

Use as seguintes opções na visualização panorâmica:

  •  ícone para navegar para a prancheta inicial. 
  •  setas para navegar pelas pranchetas. 
  •  ícone para fazer comentários em designs e protótipos.

 Use o gesto de pinça para ajustar o zoom para o tamanho original do protótipo. Você pode aumentar o zoom em até 200% ou reduzi-lo em até 25% sem perder a qualidade do conteúdo.

Fazer comentários em designs e protótipos em navegadores de dispositivos móveis

Você pode fazer comentários em designs e protótipos públicos sem fazer logon na primeira instância.

pinch-to-see
Prancheta Inicial

  1. Pince a tela para exibir as opções na prancheta Inicial
  2. Use as teclas de seta para navegar para a tela em que deseja comentar. 
  3. Toque no ícone de comentário  para fazer comentários nos protótipos ou designs compartilhados. 
comment-first
Comente primeiro, faça logon depois

4. Toque no ícone de enviar  e faça logon com sua Adobe ID e senha para enviar seus comentários ou responder aos comentários existentes.

 Também é possível fazer logon como convidado para fazer comentários. Se você tiver um link privado, precisará de uma Adobe ID para fazer logon.

Visualizar designs em diferentes resoluções

Dimensionar para ajustar

Aumente ou diminua seu design para que ele se ajuste à largura ou à altura de seu dispositivo, o que não prejudicar o design. As pranchetas serão aumentadas em até 2 vezes a resolução projetada. 

Exibir em 100%

Exiba seu design com a resolução projetada, sem qualquer escala. Se o seu design sair da tela, use dois dedos para aplicar panorama.

Formato livre

Aplique zoom e panorama em suas pranchetas, fazendo uma pinça com dois dedos para aplicar zoom e dois dedos para aplicar panorama. As pranchetas serão aumentadas em até 2 vezes a resolução projetada. As interações continuarão a funcionar nesta exibição. 

 Adobe

Receba ajuda com mais rapidez e facilidade

Novo usuário?

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX 2024

Adobe MAX:
a conferência da criatividade

14 a 16 de outubro, Miami Beach e online

Adobe MAX

A conferência da criatividade

14 a 16 de outubro, Miami Beach e online