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.
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:
Me segue no LinkedIn, onde eu mostro os bastidores dos meus projetos.
Se inscreve no meu canal do YouTube, lá eu compartilho minhas histórias.
Me acompanha no Instagram, mas não prometo nada além de alguns stories sobre meu dia a dia.
Ou, você pode compartilhar essa newsletter para outros amigos.