Um concorrente parece cuidado em todos os ecrãs. Outro parece apertado e desatualizado, embora ambos vendam serviços parecidos. A diferença resume-se geralmente a serifa vs sem serifa e aos hábitos por trás disso. Notas a diferença logo, mesmo que ainda não consigas nomear todas as regras.
Os tipos de letra com serifa têm pequenos traços nas pontas das letras; os tipos de letra sem serifa não têm. 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 o que é tipografia se encaixa no mesmo quadro. Vamos por passos.
Perceber serifa vs sem serifa
Os tipos de letra com serifa têm pequenos traços nas pontas das letras; os tipos de letra sem serifa não têm.
Os tipos de letra seguros para a web garantem que o texto aparece de forma consistente em todos os dispositivos.
As escolhas entre serifa e sem serifa afetam o tom, a legibilidade e a personalidade da marca.
Como escolher o que combina com a tua marca
Usa tipos de letra sem serifa para textos longos em ecrã, a não ser que a tua marca peça claramente serifa.
Compara o teu site atual com a combinação de tipos de letra e os tipos de letra seguros para a web, para encontrares falhas depressa.
Escreve duas regras que vais seguir em cada página nova, para que as decisões se mantenham consistentes.
Lista prática que podes usar hoje
Usa tipos de letra sem serifa para textos longos em ecrã, a não ser que a tua marca peça claramente serifa.
Quando reveres qualquer página, pergunta-te se serifa vs sem serifa 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 em serifa vs sem serifa no teu site.
Partilha esta lista com quem atualiza o teu site, para que o que é tipografia 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. Os tipos de letra seguros para a web garantem que o texto aparece de forma consistente em todos os dispositivos.
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 melhores tipos de letra para um website para comparar notas com um capítulo relacionado deste módulo.
As escolhas entre serifa e sem serifa afetam o tom, a legibilidade e a personalidade da marca.
Perguntas que muita gente ignora
Termos secundários como o que é tipografia e tipos de letra seguros para a web ajudam-te a procurar exemplos mais profundos e a comparar o teu trabalho com os padrões habituais.
Os tipos de letra seguros para a web garantem que o texto aparece de forma consistente em todos os dispositivos.
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 serifa vs sem serifa 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ê a combinação de tipos de letra e os tipos de letra seguros para a web, para que o módulo continue ligado na tua cabeça.
Agora tens uma lente de trabalho para serifa vs sem serifa. Usa-a quando reveres o teu site, aprovares materiais de marketing ou deres um briefing a um designer. Continua com os tipos de letra seguros para a web e os melhores tipos de letra para um website para manteres o ritmo neste módulo.
Perguntas frequentes
Quanto tempo leva a melhorar serifa vs sem serifa?
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 serifa vs sem serifa?
Um designer ajuda em rebrandings complexos, mas muitas correções ligadas a serifa vs sem serifa podes fazê-las tu, quando souberes o que procurar. Usa a combinação de tipos de letra em paralelo com este capítulo para teres orientação relacionada.
O WEMASY pode ajudar-te a aplicar serifa vs sem serifa 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 serifa vs sem serifa?
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 tipos de letra seguros para a web para a melhoria seguinte.
Como se liga serifa vs sem serifa 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 a serifa vs sem serifa?
Continua com a combinação de tipos de letra e os tipos de letra seguros para a web neste livro, para construíres um sistema visual completo para a tua marca online.