Estou montando o header da versão mobile e a tela adicional pedida pelo curso. Entretanto, 16px está me parecendo muito grande para os botões e tudo mais. Como funcionam as proporções de fontes para mobile?
Estou montando o header da versão mobile e a tela adicional pedida pelo curso. Entretanto, 16px está me parecendo muito grande para os botões e tudo mais. Como funcionam as proporções de fontes para mobile?
hoje, com a Alura e o Google Gemini
Oii Ana, como vai você? Espero que esteja bem!
Para o design de interfaces mobile, é importante considerar as proporções de fontes para garantir uma boa legibilidade e experiência do usuário. Uma prática comum é utilizar unidades de medida relativas, como porcentagens ou "em", em vez de medidas absolutas, como pixels.Uma abordagem comum é definir um tamanho base para o texto e, a partir disso, calcular os tamanhos de fonte para os demais elementos. Por exemplo, você pode definir o tamanho base como 16px e, a partir disso, calcular os tamanhos de fonte para os botões e demais elementos com base nessa medida.Além disso, é importante considerar a densidade de pixels dos dispositivos móveis, já que alguns dispositivos possuem densidades de pixels diferentes. Isso pode influenciar na percepção do tamanho das fontes.Você pode experimentar diferentes tamanhos de fonte e realizar testes para garantir que a legibilidade e a estética estejam adequadas para a versão mobile do seu design. Lembre-se de considerar a hierarquia visual e a consistência ao definir as proporções de fontes para os diferentes elementos da interface.
Espero ter ajudado!
Caso surjam dúvidas, fico à disposição.
Abraços e bons estudos!