paint-brush
Como escolher a fonte perfeita para seu site e anúnciospor@lanamiro
582 leituras
582 leituras

Como escolher a fonte perfeita para seu site e anúncios

por Lana Miro10m2023/02/15
Read on Terminal Reader

Muito longo; Para ler

A tipografia é uma parte essencial de qualquer projeto de design gráfico. As fontes podem melhorar a aparência de um site e influenciar as emoções e o humor de seus usuários. É crucial para um designer gráfico saber a diferença entre um tipo de letra e uma fonte. Muitas características da fonte contribuem para a facilidade com que os leitores decodificam os símbolos do texto.
featured image - Como escolher a fonte perfeita para seu site e anúncios
Lana Miro HackerNoon profile picture

A tipografia é uma parte essencial de qualquer projeto de design gráfico. As fontes podem melhorar a aparência de um site e influenciar as emoções e o humor de seus usuários. Por isso é fundamental escolher a fonte certa para um site para garantir o sucesso do design gráfico.


No entanto, encontrar a fonte perfeita para um projeto pode ser um desafio. Pode levar muito tempo para selecionar a fonte correta. Para fazer a escolha certa, há algumas coisas a lembrar.

O que é uma fonte?

Tipo de letra e fonte são dois termos frequentemente usados para denotar o mesmo significado. Na realidade, quando a maioria das pessoas diz font , elas realmente se referem a um tipo de letra . É crucial para um designer gráfico saber a diferença entre os dois.


Um tipo de letra é um conjunto específico de glifos que compartilham recursos de design comuns e pode ser descrito como uma família de fontes com o mesmo design subjacente.


Um exemplo familiar é o tipo de letra Arial , que inclui várias fontes que diferem em tamanho, peso e outras características, mas todas são baseadas em designs neo-grotescos sem serifa. Portanto, Arial é um tipo de letra, Arial Black de 14 pontos é uma fonte e Arial Regular de 14 pontos é uma fonte diferente.

fontes arial


Ao procurar por combinações de fontes para o site , lembre-se que é comum o uso de fontes que pertencem à mesma família.


Por que as fontes são importantes?

Antes de entrar em uma discussão sobre várias características de fonte que as tornam adequadas para diferentes contextos, vamos delinear os propósitos que todos os designs de tipografia servem.

Fornecer legibilidade

A legibilidade do site mede a facilidade com que os visitantes podem ler e compreender o material escrito.


Existem três tipos de fatores que contribuem para a legibilidade:


  • os atributos pessoais do leitor (deficiências visuais e outros fatores de saúde);
  • o que há no texto (envolvimento do tópico, gramática adequada, complexidade da sintaxe);
  • tipografia (a escolha do tipo de letra e suas estruturas, ou seja, fontes).


A legibilidade está inevitavelmente conectada, mas não deve ser confundida com legibilidade .


A legibilidade é um recurso de design de tipo de letra que garante que cada caractere seja distinguível do outro. Muitas características da fonte contribuem para a facilidade com que os leitores decodificam os símbolos do texto e, como consequência, a legibilidade geral do texto, e as discutiremos com mais detalhes posteriormente neste artigo.


Versões altamente decoradas de tipos de letra dão muita personalidade a uma marca, mas sacrificam substancialmente a legibilidade do texto.


É por isso que eles são usados principalmente para criar grandes formatos autônomos, como logotipos, banners, estampas de camisetas e cabeçalhos. Lembre-se, a tipografia foi criada para transmitir mensagens, portanto, na maioria dos casos, a legibilidade vem antes do design.


Indica hierarquias de texto

Uma hierarquia tipográfica permite desenhar divisões hierárquicas para conduzir os consumidores a determinados tipos de informação, usando diferentes fontes e criando diferentes layouts de texto.


A maneira mais fácil de usar a hierarquia tipográfica é empregar vários tamanhos de fonte para várias partes do texto: o tipo menor geralmente é usado para o conteúdo do corpo, enquanto o tipo maior é usado para títulos e cabeçalhos. Outros métodos para distinguir diferentes seções de informações incluem marcadores, espaços em branco, cores de fonte, etc.


Como há tantas opções para criar pedaços de dados visualmente diferentes, uma hierarquia tipográfica não precisa ser uma solução única para todos. Em vez disso, use-o para criar designs originais que se adequarão melhor ao seu projeto, aumentando a legibilidade do site.


hierarquia tipográfica (Fonte: https://uxcel.com/blog/beginners-guide-to-typographic-hierarchy)


Uma das tarefas mais importantes do designer é organizar o conteúdo de forma eficaz em uma página da Web para que seja fácil de consumir. Como muitos dos dados com os quais os designers lidam são baseados em texto, é essencial aprender como diferentes fatores contribuem para a construção de uma hierarquia.

Melhore a navegação do site

Se você já criou uma hierarquia tipográfica eficaz em uma página, ou seja, configurou vários níveis hierárquicos, escolheu o tipo de fonte, tamanho, cor, etc., para diferenciar todos os tipos de conteúdo, certifique-se de aplicar o mesmo método em todo o site .


Quando os usuários acessam sua plataforma pela primeira vez, eles devem descobrir onde estão as ferramentas de navegação , como o conteúdo mais importante é denotado, qual a cor dos links e assim por diante. Se você mantiver esses aspectos consistentes em todas as páginas do site, criará uma melhor experiência de usuário para seus leitores.

Crie uma marca comercial

Uma fonte é um elemento crucial da marca do site, afetando muito a maneira como os usuários visualizam seu site. A percepção do consumidor de uma marca pode ser influenciada positivamente pelo uso de componentes tipográficos finos em seu logotipo, e as descrições de produtos podem se tornar mais atraentes usando combinações de fontes esteticamente atraentes.

A tipografia eficaz mantém a atenção dos leitores sem distraí-los da essência do conteúdo. Isso não apenas torna seu site mais distinto, mas também faz com que os visitantes comecem a associar sua marca ao tipo de letra usado em seu site. Nesta época de usuários acessando dezenas de recursos da Internet todos os dias, você não pode enfatizar demais o valor de uma imagem de marca forte e o papel das fontes em criá-la.

Transmitir humores e emoções

Ao escolher as fontes, é importante lembrar que a aparência dos caracteres pode afetar a percepção do conteúdo pelo leitor. Uma das funções da tipografia é conectar os consumidores com o texto em níveis emocionais. Assim como colocamos todas as letras em maiúsculas durante um bate-papo para denotar um grito, fontes diferentes criam humor e emoções.


Cada fonte tem sua própria voz e, embora seja fácil diferenciar qual humor uma determinada fonte tenta transmitir (especialmente ao comparar vários tipos de letra), a maioria das pessoas não consegue explicar por que sente emoções diferentes quando vê diferentes designs de letras.


Uma explicação simplificada que não tem muito significado lhe dirá que tratamos as fontes e os tipos de letra da mesma forma que tratamos os estereótipos . Portanto, percebemos certas emoções subconscientemente.


Essa resposta não ajuda muito os web designers, que devem estar confiantes ao selecionar fontes para sites para evocar o humor e as emoções pretendidas dos leitores.


Na próxima seção, examinarei as características da fonte e seu uso para obter uma compreensão melhor e mais prática de quais fontes devem ser usadas em quais condições.

Principais características do formulário e como são usadas

Ao trabalhar com o subconsciente, as fontes desempenham um papel essencial na formação do humor e das emoções dos espectadores antes mesmo de começarem a ler. O número de fontes disponíveis é praticamente infinito, o que facilita a criação de designs exclusivos. No entanto, escolher as fontes apropriadas pode se tornar complicado, principalmente se você não souber por onde começar.


Esta seção explica quais características de fonte tornam as fontes mais adequadas para um contexto ou outro.

Peso

O peso refere-se à espessura dos traços do tipo de letra em qualquer fonte. Tornar as letras mais grossas ou finas é uma maneira fácil de criar uma hierarquia de texto. Os pesos de fonte leve , regular e negrito são as três categorias principais, sendo os tipos de fonte regulares os mais populares para leitura. Os tipos leve e ousado transmitem mais emoções, como delicadeza e fragilidade de um lado e força e grosseria do outro.


Os estilos de fonte ultrafina são populares na indústria de cosméticos e beleza porque transmitem a sensação de cuidado, leveza e sensibilidade. Os tipos em negrito (especialmente as chamadas fontes Black, que contêm ainda mais peso) não são fáceis de ler e são vistos principalmente em frases curtas para publicidade, jogos ou show business.

peso da fonte (Fonte: https://medium.com/@ltm/typography-part-1-3c3c98211b5)

Largura

Assim como o peso, a largura é uma característica facilmente identificável que afeta fortemente a velocidade de leitura. Fontes condensadas ocupam menos espaço horizontal do que suas contrapartes não condensadas e aparecem quando há necessidade de caber muito texto em uma pequena área.

Essas fontes costumam ser usadas como cabeçalhos de uma linha em colunas estreitas no estilo de jornal, onde você não pode usar uma fonte de largura regular.

Fontes estreitas dão uma sensação de aperto e podem até mesmo deixar os leitores desconfortáveis. Eles não são fáceis de ler, pois as linhas horizontais nos glifos são reduzidas e é difícil diferenciar um caractere do outro.


Estilos de fonte estendidos fazem até mesmo palavras curtas parecerem longas, e os leitores tendem a lê-las mais devagar. As palavras tornam-se mais memoráveis e atraem atenção significativa. Como essas fontes usam mais linhas horizontais, elas são perfeitas para criar logotipos e frases para banners que devem ser lidos em um ângulo.

exemplo de design de fonte estendida (Fonte: https://commons.wikimedia.org/wiki/File:Logo_Oreo_alt.svg)

Serifas e placas

Linhas curtas que cruzam as extremidades dos traços em letras são chamadas de serifas, e as fontes que usam serifas são fontes serifadas . Sem serifas – sem serifas.

O tipo Serif foi o primeiro tipo de letra criado.

A teoria popular diz que no Império Romano, as letras eram primeiro pintadas em pedras com pincéis, depois os trabalhadores cinzelavam a pedra seguindo marcas de pincel que alargavam no início e no final de cada linha, formando serifas.


Mesmo pequenas serifas aumentam o contraste entre as letras tornando as fontes mais legíveis. É por isso que as fontes com serifa são populares em grandes trabalhos científicos e literários, especialmente para textos impressos, onde a nitidez da tinta pode diminuir com o tempo.


Com tanto tempo de existência, as fontes serifadas são uma opção versátil e segura, proporcionando muita personalidade e personalidade. Eles dão uma sensação de atemporalidade e tradição a muitas marcas de renome em seus logotipos e são particularmente populares no jornalismo, direito, joalheria, moda e cinema.

fontes serif, sans serif e slab serif (Fonte: https://atelierlks.com/how-to-choose-the-perfect-font-for-your-brand/)


Em comparação com as fontes Serif, as sans serifs fornecem uma aparência moderna e são favorecidas por designs minimalistas. Eles são frequentemente empregados por empresas de tecnologia, jogos e automóveis.


As serifas tornam-se lajes quando são retas, retangulares e têm a mesma espessura dos traços principais do personagem. As fontes com serifa grossa parecem robustas e confiáveis e parecem naturais em fábricas, lojas de ferramentas elétricas, churrascarias e outras indústrias “masculinas”.

Fontes itálicas e oblíquas

Itálico e oblíquo são dois termos relacionados, mas separados, que descrevem fontes angulares.


Os designers de tipo criam tipos de fonte em itálico para se assemelhar a caligrafia manuscrita; historicamente, seu propósito é destacar o texto. Por causa de uma inclinação, essas fontes têm menos linhas verticais e curvas mais elegantes, proporcionando um tom elegante e agradável. Fontes em itálico ou manuscritas transmitem sentimentos pessoais e aparecem em saudações e cartas de convite.


Tipos de fonte oblíqua (às vezes chamados de falso itálico ) aparecem inclinando letras verticais de um tipo de letra existente. A maioria dos tipos de letra modernos inclui fontes oblíquas ao lado de outros tipos de face. Eles destacam partes do texto e às vezes adicionam uma sensação de velocidade a ele. Os designers relatam que as serifas oblíquas não se destacam no texto tanto quanto as serifas oblíquas.

fontes oblíquas itálicas regulares


Contraste

O contraste da fonte é uma diferença na largura entre traços finos e grossos de um caractere. Fontes com contrastes médios e baixos são preferíveis para leituras longas e não evocam necessariamente nenhum estado de espírito ou emoções.


Fontes monopesadas (com traços uniformes) têm boas qualidades de legibilidade. Eles têm menos ligação com a caligrafia com traços irregulares, acrescentando uma sensação de modernismo e industrialismo aos textos.


As fontes de contraste extra herdam as características das fontes do classicismo. A diferença entre traços finos e grossos cria a sensação de dramatismo e permite a criação de cabeçalhos elegantes, sacrificando alguma legibilidade.

altura X

A altura x, ou tamanho do corpo, é a altura das letras minúsculas em comparação com as letras maiúsculas. Fontes com tamanhos de corpo pequenos (onde a altura das letras minúsculas é duas vezes menor do que as maiúsculas) fornecem um grande contraste entre as letras de uma fonte, tornando mais fácil para os olhos pularem para o início de cada frase. Essas fontes exigem mais espaço entre as linhas do texto. Por parecerem mais expressivos, são perfeitos para a leitura de poemas e composições musicais.


Pelo contrário, as fontes com grandes alturas x tornam os textos uniformes, proporcionando uma sensação de estabilidade. Também permitem o encaixe de mais linhas de texto em um determinado espaço.

x-height na tipografia (Fonte: https://medium.com/8px-magazine/practical-guide-to-font-pairing-da58b9bcd42b)

cantos

Interseções de linhas retas em letras formam cantos com arestas vivas. Arredondar essas arestas faz uma enorme diferença na percepção de uma fonte formando associações com superfícies lisas e agradáveis ao toque. Formas arredondadas também são mais difundidas na natureza, então parece normal que fontes com cantos arredondados sejam populares nas indústrias de alimentos e produtos para bebês.

fonte com cantos arredondados (Fonte: https://www.dunkin.co.uk/)

Por outro lado, arestas vivas podem expressar tensão e até desconforto. Fontes com nitidez exagerada são populares para fazer todos os tipos de logotipos e são a escolha número um para bandas de metal.

fonte afiada para metalheads

Dicas para escolher a fonte certa para o seu design

Escolher fontes para o seu site pode ser complicado para designers não treinados. Agora que você se familiarizou com os principais elementos da fonte, pode analisar melhor as fontes e selecionar aquelas que funcionarão para você. Aqui estão algumas dicas extras para sua consideração:


  • Pense na personalidade. Você quer que seu site pareça sério, divertido, hi-tech ou elegante? Defina quais atributos de fonte refletem as características do seu site e comece a reunir as fontes apropriadas.
  • Não pule nenhuma das principais funções da fonte. Por exemplo, não use fontes decorativas difíceis de ler para grandes blocos de texto e evite designs neutros que não transmitam carisma. Além disso, fontes incomuns podem distrair os leitores, então escolher fontes é sempre uma questão de equilíbrio.
  • Mantenha o número de fontes no mínimo. Usar mais de três fontes em um site faz com que pareça desestruturado e difícil de focar.
  • Não use fontes semelhantes em um projeto. Ao usar fontes diferentes, você poderá criar diversidade visual e um design mais interessante.
  • Escolha uma família tipográfica estendida. Quando você encontrar uma fonte de que goste, verifique outras fontes da família. Veja como os caracteres aparecem em diferentes tamanhos, pesos e outras fontes.

Escolher fontes e criar designs gráficos pode ser difícil e demorado. Mas espero que este artigo tenha ajudado você a mergulhar no básico para escolher a fonte certa. 😉