Atualizas a página inicial numa terça-feira, já tarde. O título está bem, as fotografias estão bem, mas os visitantes continuam a sair em segundos. Começas a pensar se o que é tipografia é a peça que tens andado a ignorar. Muitas vezes é. Pequenas decisões visuais moldam a primeira impressão mais depressa do que a maioria dos donos de negócios espera.
A tipografia é a arte e a técnica de organizar o texto para que a linguagem seja legível e visualmente agradável. 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 a tipografia em web design se encaixa no mesmo quadro. Vamos por passos.
O que é tipografia
A tipografia é a arte e a técnica de organizar o texto para que a linguagem seja legível e visualmente agradável.
Na prática, o que é tipografia aparece nos cabeçalhos do teu website, nas páginas de serviços, nos gráficos das redes sociais e nos materiais impressos. Quando lhe dás o nome certo, consegues dar briefings aos designers mais depressa e rever rascunhos com confiança.
Ideias relacionadas, como a tipografia em web design, ligam-se diretamente. Tem-nas presentes enquanto lês o resto deste módulo.
As escolhas de tipo de letra moldam a forma como a tua marca parece profissional e de confiança online.
Porque é que a tipografia importa para o teu negócio?
Os clientes avaliam a credibilidade pelo layout antes de lerem cada palavra. Uma estrutura visual clara reduz o atrito e torna as ofertas mais fáceis de perceber.
A tipografia em web design tem de equilibrar o estilo com a velocidade de carregamento e a forma como o ecrã desenha o texto.
Escolhe um tipo de letra para os títulos e outro para o texto corrido antes de redesenhares páginas.
Se queres ver como isto se liga a temas vizinhos, lê a seguir letras com serifa vs sem serifa e a combinação de tipos de letra.
Lista prática que podes usar hoje
Escolhe um tipo de letra para os títulos e outro para o texto corrido antes de redesenhares páginas.
Quando reveres qualquer página, pergunta-te se o que é tipografia 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 no que é tipografia no teu site.
Partilha esta lista com quem atualiza o teu site, para que a tipografia em web design 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. A tipografia em web design tem de equilibrar o estilo com a velocidade de carregamento e a forma como o ecrã desenha o texto.
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 os tipos de letra seguros para a web para comparar notas com um capítulo relacionado deste módulo.
As escolhas de tipo de letra moldam a forma como a tua marca parece profissional e de confiança online.
Perguntas que muita gente ignora
Termos secundários como tipografia em web design e regras de tipografia ajudam-te a procurar exemplos mais profundos e a comparar o teu trabalho com os padrões habituais.
A tipografia em web design tem de equilibrar o estilo com a velocidade de carregamento e a forma como o ecrã desenha o texto.
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 o que é tipografia 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ê letras com serifa vs sem serifa e a combinação de tipos de letra, para que o módulo continue ligado na tua cabeça.
Agora tens uma lente de trabalho para o que é tipografia. Usa-a quando reveres o teu site, aprovares materiais de marketing ou deres um briefing a um designer. Continua com a combinação de tipos de letra e os tipos de letra seguros para a web para manteres o ritmo neste módulo.
Perguntas frequentes
Quanto tempo leva a melhorar o que é tipografia?
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 o que é tipografia?
Um designer ajuda em rebrandings complexos, mas muitas correções ligadas ao que é tipografia podes fazê-las tu, quando souberes o que procurar. Usa letras com serifa vs sem serifa em paralelo com este capítulo para teres orientação relacionada.
O WEMASY pode ajudar-te a aplicar o que é tipografia 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 o que é tipografia?
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 a combinação de tipos de letra para a melhoria seguinte.
Como se liga o que é tipografia 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 ao que é tipografia?
Continua com letras com serifa vs sem serifa e a combinação de tipos de letra neste livro, para construíres um sistema visual completo para a tua marca online.