- Horizontes Artificiais
- Posts
- Eu queria ter aprendido essas boas práticas sobre tipografia antes...
Eu queria ter aprendido essas boas práticas sobre tipografia antes...
Nessa edição eu conto sobre como melhor a composição das fontes em um website, tornando a leitura mais atraente e agradável.
Bruno Corazza
April 15, 2024
Olá! 👋
Eu diria que 90% do sucesso de um website tem a ver os textos presentes nele. E para que o usuário leia com facilidade o conteúdo, nosso trabalho enquanto designer se torna crucial.
Vamos ao que interessa:
Nessa edição vou te mostrar boas práticas ao escolher as tipografias e parâmetros técnicos das mesmas. Vem comigo!
1) Use taglines sempre que possível…
…elas ancoram o assunto e tornam a compreensão do conteúdo mais fácil, já que o usuário normalmente não lê todos os textos.
2) Nos headings…
…use -1% a -3% de espaçamento entre as letras: como esses textos são curtos e maiores, reduzir o espaço faz com que a leitura fique mais fluida.
3) Acerte os tons das cores…
…nunca use 100% preto (#000000) e faça com que o parágrafo seja levemente mais claro que o heading. Outra dica é fazer com que os tons escuros sejam levemente puxados para o tom principal da marca.
4) Use 110% a 120%…
…de espaço entre as linhas para os headings, e 140% a 170% para os parágrafos: ninguém merece ler textos encavalados.
5) Faça com que os textos fiquem dentro de um range…
…horizontal de 300px a 600px: dessa forma o usuário não precisa correr o olho por toda a tela e consegue ler de forma mais rápida.
Dica Extra:
Encontrar fontes únicas e atraentes pode ser essencial para designers que desejam melhorar a estética de um site. Aqui estão 20 ótimos sites onde você pode encontrar novas tipografias para a web:
Google Fonts - Um dos mais populares, oferece uma vasta coleção de fontes gratuitas fáceis de incorporar.
Adobe Fonts - Oferece fontes de alta qualidade para assinantes do Creative Cloud, mas também há opções gratuitas.
Font Squirrel - Conhecido por suas fontes gratuitas e ferramenta de conversão de fontes, ideal para uso comercial.
MyFonts - Oferece uma enorme seleção de fontes para comprar, incluindo muitas opções novas e modernas.
DaFont - Um recurso para fontes gratuitas e pagas, com muitas opções categorizadas que facilitam a navegação.
Behance - Plataforma de showcase onde designers compartilham seus trabalhos, incluindo fontes criativas e inovadoras.
Awwwards - Site que reconhece os melhores designs de web e tipografias; ótimo para inspiração.
Typekit (Adobe Web Fonts) - Requer assinatura, mas oferece uma biblioteca extensa para uso online.
Fontfabric - Uma fundição de tipos que oferece uma série de fontes únicas e gratuitas.
Creative Market - Um mercado para fontes onde designers independentes vendem suas criações.
Typewolf - Além de recomendações de fontes, fornece guias de estilo e visualizações de combinações de fontes.
FontSpace - Com milhares de fontes grátis oferecidas por designers de todo o mundo.
Urban Fonts - Características fontes novas e vintage, com muitas opções gratuitas.
Fonts.com - Oferece mais de 150.000 opções de fontes, algumas gratuitas, outras pagas.
TypeNetwork - Uma plataforma de colaboração entre fundições de tipos que oferece design de alta qualidade e opções inovadoras.
FontShop - Vende fontes diretamente de designers renomados e fundições de todo o mundo.
1001 Fonts - Fornece fontes gratuitas e pagas com filtros úteis para facilitar a busca ideal.
Typography.com - Fontes premium da Hoefler&Co, perfeitas para projetos sofisticados.
Colophon Foundry - Oferece design de fontes exclusivas e personalizadas, algumas disponíveis para compra.
The League of Moveable Type - Conhecido por suas fontes de código aberto e de alta qualidade.
Indicações da semana 💡
Eu vivo indo atrás de coisas novas. Frequentemente encontro algumas coisas legais, e outras nem tanto. Por tanto, aí vai um compilado do que eu estive consumindo nos últimos dias:
📚 Um livro...
Imagina o que acontece se um grupo de meninos se perde na floresta e precisa se organizar para sobreviver. Eu devorei esse livro e recomendo muito. O Senhor das Moscas ganhou Prêmio Nobel de Literatura em uma leitura fácil e ao mesmo tempo tenebrosa. Compre aqui.
🎧 Uma playlist
O verão tá acabando e pra relembrar os bons momentos vividos nesse calor, queria compartilhar uma playlist bem vibes viagem com amigos. Ouça:
🎥 Um vídeo...
Vou indicar meu último vídeo do canal, onde conto sobre como criei um personagem artificial (e mantive a consistência em diferentes outputs usando o Midjourney). Assista aqui.
Se você leu até aqui, você é meu amigo.
Então, faz o seguinte:
Ou, você pode compartilhar essa newsletter para outros amigos.