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?    são dois termos frequentemente usados para denotar o mesmo significado. Na realidade, quando a maioria das pessoas diz   , elas realmente se referem a um   . É crucial para um designer gráfico saber a diferença entre os dois. Tipo de letra e fonte font 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 tipo de letra     Um exemplo familiar é o tipo de letra   , 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. Arial  Ao procurar por  , lembre-se que é comum o uso de fontes que pertencem à mesma família.   combinações de fontes para o site   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    mede a facilidade com que os visitantes podem ler e compreender o material escrito. A legibilidade do site  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).    está inevitavelmente conectada, mas não deve ser confundida com  . A legibilidade   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. A legibilidade  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.   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   , 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. devem descobrir onde estão as ferramentas de navegação   Crie uma marca comercial  Uma fonte é um elemento crucial da marca do site, afetando muito a maneira como os usuários visualizam seu site.   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 percepção do consumidor  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,   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. é importante lembrar que a aparência dos caracteres pode afetar a percepção do conteúdo pelo leitor.  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   . Portanto, percebemos certas emoções subconscientemente. tratamos as fontes e os tipos de letra da mesma forma que tratamos os estereótipos  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.   é 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. O número de fontes disponíveis  Esta seção explica quais características de fonte tornam as fontes mais adequadas para um contexto ou outro.   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   ,   e   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. O peso leve regular negrito  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.    Largura  Assim como o peso,   é 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. a largura  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.    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. Fontes estreitas    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.  Estilos de fonte estendidos   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   . Sem serifas – sem serifas. fontes serifadas  O tipo Serif foi o primeiro tipo de letra criado.  A  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.   teoria popular  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.   Em comparação com as fontes Serif,   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 sans serifs  As serifas tornam-se lajes quando são retas, retangulares e têm a mesma espessura dos traços principais do personagem.   parecem robustas e confiáveis e parecem naturais em fábricas, lojas de ferramentas elétricas, churrascarias e outras indústrias “masculinas”. As fontes com serifa grossa   Fontes itálicas e oblíquas  Itálico e oblíquo são dois termos relacionados, mas separados, que descrevem fontes angulares.    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. Os designers de tipo criam tipos de fonte em itálico    (às vezes chamados   ) 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.  Tipos de fonte oblíqua de falso itálico   Contraste    é 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. O contraste da fonte    (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. Fontes monopesadas    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. As fontes de contraste extra   altura X    é 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. A altura x, ou tamanho do corpo,  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.    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.   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.  Formas arredondadas  Por outro lado,   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.  arestas vivas   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:    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. Pense na personalidade.    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. Não pule nenhuma das principais funções da fonte.    Usar mais de três fontes em um site faz com que pareça desestruturado e difícil de focar. Mantenha o número de fontes no mínimo.    Ao usar fontes diferentes, você poderá criar diversidade visual e um design mais interessante. Não use fontes semelhantes em um projeto.    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. Escolha uma família tipográfica estendida.  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. 😉

2022 - HackerNoon Contributor of the Year - Website Development

Read My Stories

Nominated for 2022 - HackerNoon Contributor of the Year - Website Development

Partner Manager at Crocoblock

Este áudio é produzido no idioma original da história!

Muito longo; Para ler

Make resilience your competitive advantage

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

About Author

COMENTARIOS

Rótulos

ESTE ARTIGO FOI APRESENTADO EM

Related Stories

De fóruns a feeds: como os algoritmos de mídia social moldam a interação digital

Digital Nomads Ouçam: O que você precisa saber sobre o novo visto DTV da Tailândia

Navegando pelas águas: desenvolvendo aplicações RAG de nível de produção com data lakes

Vazamento do prompt do sistema Claude Sonnet 3.5: uma análise forense

De fóruns a feeds: como os algoritmos de mídia social moldam a interação digital

Digital Nomads Ouçam: O que você precisa saber sobre o novo visto DTV da Tailândia

Navegando pelas águas: desenvolvendo aplicações RAG de nível de produção com data lakes

Vazamento do prompt do sistema Claude Sonnet 3.5: uma análise forense

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps