Os protótipos do Adobe XD não são renderizados corretamente quando exibidos em um navegador da Web

Saiba como corrigir a interpretação de pranchetas nos links de protótipos.

Problema

Os protótipos do XD diminuem de tamanho quando você os visualiza em um navegador.

Causa raiz

Se seus protótipos aprecem diminuídos em um navegador com toda a largura e altura da prancheta cabendo na janela do navegador, a configuração Rolagem está aplicada à sua prancheta.

As pranchetas no XD têm uma configuração no Inspetor de propriedade denominada Rolagem que pode ser definida como Nenhuma ou Vertical.

  • Se a Rolagem estiver definida como Nenhuma toda a prancheta cabe na janela do navegador sem nenhuma barra de rolagem.
  • Se a Rolagem está definida como Vertical, o valor Altura da Viewport definido para a prancheta no Inspetor de propriedades decide qual conteúdo aparece no navegador.
    • Se a altura da viewport não for a mesma que a altura da prancheta, a altura da viewport cabe na janela no navegador, e a largura é ajustada para manter o aspecto de relação.
    • Se a altura da viewport for a mesma que a altura da prancheta, sua largura cabe na janela no navegador (se necessário), e a altura é ajustada.

Quando você cria uma prancheta personalizada no XD, a propriedade Rolagem é automaticamente definida como Nenhuma.Isso faz com que um prancheta grande apareça em tamanho pequeno.

Link de revisão com a rolagem definida para nenhuma
Link de revisão com a rolagem definida para nenhuma

Link de revisão com a rolagem definida para vertical
Link de revisão com a rolagem definida para vertical

Solução

Use a configuração Rolagem para controlar a aparência de seu protótipo publicado como você espera que outras pessoas o vejam.

Para projetos que representam páginas grandes, tal como sites e folhetos, defina a Rolagem como Vertical e forneça um valor de viewport apropriado.

Definir o atributo de rolagem para vertical
Definir o atributo de rolagem para vertical

Logotipo da Adobe

Fazer logon em sua conta