Texto minúsculo e cinzento sobre um fundo carregado. Os olhos esforçam-se antes de acabares a primeira frase. É por isso que a combinação de tipos de letra importa para a tua marca. Quando o layout e a cor lutam contra a mensagem, as pessoas vão-se embora sem te dizer porquê.
A combinação de tipos de letra junta duas ou mais famílias tipográficas que contrastam, mas parecem coesas. Este capítulo explica o que isso quer dizer em linguagem simples, porque afeta o teu website e o teu marketing, e como aplicar tudo sem te perderes em jargão. Vais ver também como serifa vs sem serifa se encaixa no mesmo quadro. Vamos por passos.
O que significa na prática a combinação de tipos de letra
A combinação de tipos de letra junta duas ou mais famílias tipográficas que contrastam, mas parecem coesas.
Bons pares separam os títulos do texto corrido sem chocar.
As regras de tipografia sugerem limitar os tipos de letra ativos a duas ou três famílias.
Como aplicar a combinação de tipos de letra no teu site
Junta um tipo de letra de título com personalidade a um tipo de letra de texto corrido simples e muito legível.
Começa por uma página, como a tua página inicial ou a tua principal página de destino. Corrige primeiro o maior problema e depois leva o mesmo padrão aos outros modelos.
Junta este capítulo aos tipos de letra seguros para a web, para a base, e à legibilidade dos tipos de letra, para o passo seguinte neste módulo.
Lista prática que podes usar hoje
Junta um tipo de letra de título com personalidade a um tipo de letra de texto corrido simples e muito legível.
Quando reveres qualquer página, pergunta-te se a combinação de tipos de letra está visível logo no primeiro scroll no telemóvel. Se não estiver, reordena as secções antes de polires os detalhes.
Guarda capturas de ecrã antes e depois das alterações, para perceberes o que fez a diferença na combinação de tipos de letra no teu site.
Partilha esta lista com quem atualiza o teu site, para que serifa vs sem serifa se mantenha consistente nas páginas novas.
Escolhe uma métrica para acompanhar este mês, como o tempo na página ou os formulários iniciados, para que as alterações de design se liguem a resultados de negócio e não só ao gosto.
Como este tema se liga ao resto da tua marca
As escolhas visuais raramente vivem numa só página. As regras de tipografia sugerem limitar os tipos de letra ativos a duas ou três famílias.
As tuas publicações nas redes sociais, os emails e os materiais impressos devem repetir a mesma hierarquia, as mesmas cores e as mesmas regras de tipografia que usas na web.
Quando os visuais da marca se desviam, os clientes sentem uma pequena discrepância, mesmo que não saibam explicá-la.
Usa a legibilidade dos tipos de letra para comparar notas com um capítulo relacionado deste módulo.
Bons pares separam os títulos do texto corrido sem chocar.
Perguntas que muita gente ignora
Termos secundários como serifa vs sem serifa e regras de tipografia ajudam-te a procurar exemplos mais profundos e a comparar o teu trabalho com os padrões habituais.
As regras de tipografia sugerem limitar os tipos de letra ativos a duas ou três famílias.
Escreve uma alteração de antes e depois que vais testar numa página ativa esta semana. Pequenas edições medidas valem mais do que planos vagos.
Ensinar à tua equipa um vocabulário comum sobre a combinação de tipos de letra reduz as rondas de revisão com designers e agências.
Ferramentas que facilitam as atualizações visuais
Não precisas de código à medida para melhorar muitos problemas de layout e de estilo. Um editor visual permite-te ajustar espaçamentos, cores e tipografia enquanto vês a pré-visualização em telemóvel e em computador.
O WEMASY inclui um criador de websites com edição visual, para publicares alterações sem esperar por um programador a cada pequeno ajuste. Abre o criador de websites quando estiveres pronto para aplicar o que aprendeste.
Quando publicares atualizações, revê os tipos de letra seguros para a web e os melhores tipos de letra para um website, para que o módulo continue ligado na tua cabeça.
Agora tens uma lente de trabalho para a combinação de tipos de letra. Usa-a quando reveres o teu site, aprovares materiais de marketing ou deres um briefing a um designer. Continua com os melhores tipos de letra para um website e a legibilidade dos tipos de letra para manteres o ritmo neste módulo.
Aprender a combinação de tipos de letra é uma competência gradual. Volta a este capítulo depois de concluíres uma melhoria, para que as ideias passem da leitura ao hábito. Pequenas revisões repetidas valem mais do que decorar todas as regras de uma vez. Vai anotando o que funcionou com o teu público, para a próxima atualização ser mais rápida.
Perguntas frequentes
Quanto tempo leva a melhorar a combinação de tipos de letra?
A maioria das pequenas empresas vê páginas mais claras ao fim de poucas sessões focadas, depois de aplicar o essencial deste capítulo. Começa pela página inicial e depois leva as mesmas regras às páginas de serviços e de contacto.
Precisas de um designer para trabalhar a combinação de tipos de letra?
Um designer ajuda em rebrandings complexos, mas muitas correções ligadas à combinação de tipos de letra podes fazê-las tu, quando souberes o que procurar. Usa os tipos de letra seguros para a web em paralelo com este capítulo para teres orientação relacionada.
O WEMASY pode ajudar-te a aplicar a combinação de tipos de letra no teu website?
O WEMASY inclui um editor visual no criador de websites, para ajustares o layout, as cores e a tipografia sem código. Abre o criador de websites para atualizar modelos e pré-visualizar as alterações no telemóvel.
Qual é o erro mais comum com a combinação de tipos de letra?
As pessoas tentam corrigir tudo de uma vez em vez de uma página de cada vez. Escolhe uma única prioridade, como a legibilidade ou o contraste, e depois consulta os melhores tipos de letra para um website para a melhoria seguinte.
Como se liga a combinação de tipos de letra ao SEO?
Uma hierarquia visual clara e um texto legível mantêm os visitantes mais tempo na página, o que apoia os sinais de interação que os motores de pesquisa observam. Junta as correções de design a uma boa estrutura de conteúdo para teres os melhores resultados.
Onde deves aprender a seguir à combinação de tipos de letra?
Continua com os tipos de letra seguros para a web e os melhores tipos de letra para um website neste livro, para construíres um sistema visual completo para a tua marca online.