Guia do Usuário Cancelar

Visualizar em dispositivos móveis

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. 

Receba ajuda com mais rapidez e facilidade

Novo usuário?