1
resposta

Tamanho das fontes no website são muito menores que no XD

Estou tentando reproduzir o header de um website em um projeto, e para isso utilizei o inspecionar elemento no website para pegar o tamanho das fontes que foram utilizadas no header. Todavia, quando coloco tal tamanho nas fontes que estou utilizando no XD, elas ficam minúsculas, muito desproporcionais à referênci e ao tamanho da tela. Por exemplo, um dos botões do header tem como tamanho da fonte 13px - mas no XD, 13px fica muito pequeno. Isso é um problema no XD, ou tem alguma conversão para esses tamanhos ficarem proporcionais?

1 resposta

Oi Lara, tudo bem? O ideal é que você use a visualização em 100% no programa do Adobe XD. Com isso você sempre terá a idéia certa de qual está o tamanho da tela no seu desktop. Você pode alterar o zoom usando o Ctrl + + ou Ctrl + -. Um tamanho comum para textos de parágrafo é usar 16px. No seu exemplo, acredito que 13px é algo bem pequeno mesmo.

Aqui tem um Alura+ onde falo bastante sobre tipografias para tela, vale a pena dar uma olhada para entender esses tamanhos. Aqui também tem uma página do Material Design com uma ferramenta de escala tipográfica. Note que aqui temos um exemplo do Material Design com o tamanho 16px para o tamanho do texto corrido

Nesse exemplo de tela do Adobe XD, a visualização é onde está o número 26.1%, no topo superior direito

Espero que tenha ajudado de bons estudos. Se continuar com dúvidas pode falar aqui novamente

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software