Página de início do Canva
  1. Seu melhor guia para entender o que é tipografia

Seu melhor guia para entender o que é tipografia

typography

Muito mais do que apenas escolher uma fonte e um tamanho de ponto em alguns menus suspensos em seu computador, a tipografia é uma arte e uma habilidade com uma história rica que remonta a centenas de anos, quando as letras de madeira e metal foram usadas nas imprensas no século XX.

No entanto, encontramos a tipografia com muito mais facilidade do que nossos ancestrais; em qualquer dia, observamos uma variedade impressionante de fontes tipográficas antes de sair da cama, desde a leitura de e-mails, artigos de notícias cuidadosamente elaborados ou plataformas de redes sociais. O consumo de tipografia moderna geralmente é pouco mais do que uma ideia posterior para muitos de nós, mas é exatamente isso que torna a escolha tão crucial.

Sendo assim, os erros tipográficos tendem a fazer uma declaração maior do que uma boa tipografia. Os erros se destacam como um polegar dolorado, enquanto escolhas tipográficas cuidadosas se combinam de forma tão perfeita e imperdível com o design geral que você pode ignorá-las por completo. Dominar essa forma de arte é tanto evitar erros comuns e entender o equilíbrio quanto fazer declarações artísticas ousadas.

Em qualquer um dos casos, no entanto, você precisará estar ciente da terminologia tipografia, das principais técnicas e dos erros fundamentais para criar algo coeso. Reunimos alguns dos temas mais importantes a seguir em nosso guia completo para entender o que é a tipografia.

O que é tipografia?

Em sua definição mais básica, tipografia é "o design ou a seleção de formas de letra a serem organizadas em palavras e frases a serem organizadas em blocos de texto que aparecem na impressão(abre em uma nova aba ou janela) em uma página" ou, em muitos casos, o que aparece na tela. , explica a Enciclopédia Britânica.

Por que a tipografia é importante?

O objetivo fundamental da tipografia é apresentar o texto de uma forma que melhore (ou diminua, conforme o caso) a experiência de leitura do texto. A tipografia tem a capacidade de alterar a sua experiência de leitura, o que é absolutamente crucial para o consumo de tudo o que a inclui, desde artigos de papel e currículos até o design de embalagens.

Considere a sensação de ler um texto muito pequeno ou que tem um espaço mínimo entre as letras, em vez de um texto que é elaborado da maneira que você espera: fonte e tamanho uniformemente espaçados. Ou considere como a tipografia em um pôster em cores loucas e organizada de forma inteligente pode desafiar sua percepção de um produto ou marca. O verdadeiro poder da tipografia está em sua capacidade de alterar a forma como você se sente em relação a uma mensagem que está sendo transmitida.

Um guia para termos tipográficos importantes

Guia para termos tipográficos

Imagem de Alex Block via Unsplash.

Fonte vs. tipo de letra

Uma fonte é um conjunto de caracteres de texto imprimíveis ou exibidos em um estilo específico, conhecido como família de fontes. Hoje, os termos "fonte" e "tipo de letra" são usados de forma intercambiável, mas com diferenças(abre em uma nova aba ou janela) antigas. Em termos simples, uma fonte é design: é o que você vê; uma fonte é como esse design é entregue: é o que você usa. Embora essa distinção tenha se tornando menos importante com o surgimento da editoração eletrônica, é importante entender a diferença histórico.

Tamanho

Uma fonte pode ser aplicada em todos os tamanhos diferentes e ser usada para criar uma hierarquia visual(abre em uma nova aba ou janela). A hierarquia visual é uma função importante da legibilidade do texto. Considere um diário e seu layout da manchete para ampliar uma mensagem focal, o subtítulo para resumir(abre em uma nova aba ou janela) a peça e o texto do parágrafo para transmitir a mensagem por completo. O princípio da proporção dourada(abre em uma nova aba ou janela) é aquele que você pode aplicar para obter esse equilíbrio.

Peso

O peso de uma fonte determina a espessura ou a finura dos caracteres exibidos. As fontes estreitas e finas podem criar um bom contraste entre um título mais grosso e mais ousado e o corpo do texto, mas elas têm suas próprias desvantagens, pois podem ser difíceis de ler em um corpo de texto pequeno devido à aparência fraca.

Ascendente

A ascensão é a raiz vertical que se estende acima da linha média de uma fonte. Em outras palavras, a parte mais alta de uma letra minúscula ou a parte superior de uma letra maiúscula. Textos menores, de introdução ou de apoio geralmente são melhores nesse espaço de destino.

ascender

Decrescente

O descendente é a parte da letra que se estende abaixo da linha de base de uma fonte. Subtítulos ou textos menos importantes se encaixam bem nesse espaço, um simples slogan ou embelezamento.

descender

Serifa

A serifa é uma fonte com pequenas bordas decorativas no final das letras. Elas têm um visual mais tradicional e sofisticado. As fontes com serifa são adequadas para textos longos, pois são fáceis de ler.

serif

Sem serifa

Uma fonte sem serifa é uma fonte geométrica sem detalhes decorativos, traços adicionais ou esporão no final das letras. Eles têm um visual mais moderno e minimalista e são ótimos para títulos.

sans serif

Cursiva

Uma fonte cursiva reproduz o curso de um pincel, geralmente vinculando letras. A aplicação de um roteiro pode dar um toque especial ao seu design. As fontes cursivas criam uma combinação dinâmica e interessante quando combinados com fontes sem serifa.

script

Linha de base

A linha de base é a linha sobre a qual a maioria das letras se encontra e abaixo da qual se estendem os descendentes. Se você quiser adicionar um texto correspondente à linha acima, a linha de base é um bom espaço para isso.

baseline

Espaçamento entre letras

Espaçamento é ajustar o espaço entre as letras em toda uma palavra. Os designers geralmente estendem as palavras mais curtas e preenchem o espaço vazio aumentando o espaçamento entre letras e criando linhas alinhadas entre os títulos e subtítulos, como mostrado acima.

letter spacing

Kerning

Enquanto o espaçamento ajusta o espaço uniformemente em uma palavra inteira, o kerning ajusta apenas a distância entre duas letras. Ajustar o espaço entre as letras aprimora o fluxo visual das palavras. As palavras podem ficar indecifráveis quando as letras estão muito próximas e estranhas quando muito separadas.

Entrelinhas

A entrelinha se refere a como o texto é espaçado verticalmente em linhas e afeta a legibilidade do texto.

Por exemplo, o espaço entre a parte inferior da linha superior e a parte superior da linha inferior deve ser proporcional ao tamanho da fonte. Muito ou pouco espaço pode dificultar a leitura, e as faixas decrescentes podem se sobrepor às superiores.

Altura da linha

A altura da linha é a distância entre duas filas de texto, desde a linha de base da linha superior até a linha de base da linha inferior.

line height

Símbolos

Símbolos são caracteres e símbolos em uma fonte, como o "&" comercial ou o asterisco.

Fontes tipográficas legais e favoritas dos designers gráficos

Plutão

pluto font

Imagem de myFonts.com

Uma rápida olhada no site da Veerle Pieters(abre em uma nova aba ou janela) revela seu amplo conhecimento de tipografia, mas com um tom amigável e um design colorido. Suas fontes favoritas, contadas para o Typeworld(abre em uma nova aba ou janela), reproduzem a mesma combinação de amigável e profissional.

Plutão pode ser visto como informal e amigável na superfície. Mas as aparências enganam. Com base na “arquitetura direta e vertical” de Plutão(abre em uma nova aba ou janela) , também é ideal para textos mais longos.

Neturaface

neutraface font

Imagem via Domésticos.

Criado originalmente para títulos, o Neutraface oferece uma combinação similar entre forma e uma ampla gama de usabilidade. Embora seu forte histórico arquitetural possa levar alguns a pensar que se trata apenas de uma fonte para título, a Neutraface consegue ser lida em uma variedade de tamanhos.

Minion

Minion

Imagem via Fonts.com

Uma fonte que vai ainda mais longe no tempo é a fonte Minion(abre em uma nova aba ou janela). Tanto Debbie Millman quanto Rob Weychert(abre em uma nova aba ou janela) - outro membro estimado do mundo tipográfico - compartilharam sua afinidade com esse tipo de influência renascentista com o Type Template(abre em uma nova aba ou janela).

Embora não tenha sido lançado até a década de 1990, o Minion tenta evocar fontes clássicas com seu estilo. Essa fonte é tão influente que The Elements of Typographic Style, um guia e clássico(abre em uma nova aba ou janela) para todos que trabalham com tipografia, a usa no corpo do texto. Se você quer uma fonte que suporte o teste do tempo, a Minion deve ser a sua escolha.

Brandon Text, Supria Sans e Trade Gothic

brandon

Imagem via Minhasfontes.com

supria sans

Imagem via Typegraphica 

trade gothic

Imagem via MinhasFontes.com

Em sua entrevista para o site dos sonhos de todos os criadores de tipografias, o Typeworld(abre em uma nova aba ou janela), Lauren Kalbag(abre em uma nova aba ou janela) revela três fontes que ela levaria com ela se fosse forçada a escolher. “Atualmente, as minhas fontes favoritas são o Brandon Text(abre em uma nova aba ou janela) e o Supria Sans,(abre em uma nova aba ou janela) da HVD. Eu provavelmente poderia sobreviver por muito tempo usando apenas fontes HVD(abre em uma nova aba ou janela).”

O motivo de essas fontes serem suas favoritas é que ambas são fáceis de ler. No entanto, eles diferem disso, com o Brandon Text fazendo-a lembrar o design em estilo art déco, enquanto o Supria Sans “tem muita personalidade e peculiaridade, ao mesmo tempo em que se mantém legível”.

Mesmo quando ela quer uma fonte mais intuitiva, Kalbag gosta de incorporar um toque de personalidade a ela. Para isso, seu item favorito é o Trade Gothic da Vinotype(abre em uma nova aba ou janela).

Larsseit

larsseit

Imagem via Typeworld

Designers e tipógrafos que desejam um tipo limpo e legível devem ficar do lado de Janna Hagan(abre em uma nova aba ou janela) em sua fonte favorita: Larsseit(abre em uma nova aba ou janela). O motivo pelo qual essa fonte está no topo de sua lista é que ela é “moderna(abre em uma nova aba ou janela), fresca e ... extremamente versátil em diferentes contextos”.


A versatilidade pode ser um divisor de águas, dependendo do seu projeto, portanto, os designers que desejam essa flexibilidade devem, sem dúvida, pedir emprestado a Hagan. Não sabe por onde começar para encontrar seu favorito? Hagan sugere buscar inspiração em outras mídias e disciplinas.


“Embora eu trabalhe com design, sou constantemente inspirado por fotografia e arte.”

Futura

futura

Imagem via Pletorica Designs

A Scarlet Duba(abre em uma nova aba ou janela) escolheu essa fonte como sua favorita quando ela começou sua jornada de design. A Futura(abre em uma nova aba ou janela) foi sua “primeira fonte favorita… porque se baseia nas formas geométricas mais puras, como o círculo”.

Essa clareza de estilo pode impressionar muitos designers, e usar o Futura é uma escolha forte quando você quer esse elemento no seu design. Duba também oferece dicas de qualidade para designers e tipógrafos que precisam de um pouco de inspiração.

“Use muito os clássicos”, sugere ela. “E, lembre-se, o mais importante é como você usa a fonte, não necessariamente qual deles. Algumas são declarações ousadas, mas outras permitem que o foco seja a arte/foto/ilustração ou o corpo de texto com o qual você está trabalhando.”

Bryant

Screen Shot 2020-06-15 at 1.39.30 PM

Imagem via Process Type Foundation

Aimee Gauthier(abre em uma nova aba ou janela) explica que “a coleção de fontes de um designer é como uma caixa de ferramentas, em que cada ferramenta (ou fonte) tem uma finalidade específica, para um trabalho ou resultado específico”.

“Algumas fontes são trabalhosas e podem ser usadas para várias finalidades, enquanto algumas fontes são muito específicas e feitas para serem usadas para transmitir um visual específico ou dar personalidade visual e embelezar a aplicação.”

Garthier selecionou Bryant(abre em uma nova aba ou janela), ao qual ela volta com frequência porque ele "tem um tom cálido, jovial e acessível".

“Ele é simples o suficiente para ser usado como texto, mas também tem personalidade suficiente para carregar sua própria identidade quando usado de forma mais expressiva em um título. Eu amo a variedade de pesos com que ele vem e, por qualquer razão, volto a ele infinitas vezes.”

Akzidenz Grotesk

akzidenz grotesk

Imagem de Jon Marzette via Behance

Mahédine Yahia(abre em uma nova aba ou janela) se aprofunda na história do texto com sua fonte favorita. Ela adora a Akzidenz Grotesk porque ela foi “a primeira fonte sem o uso de ampliação de fonte com serifa”. Ela também agradece o impacto que a fonte teve ao inspirar outras fontes populares, como a Helvetica ou a Arial.

Assim como Gauthier, Yahia acredita plenamente que os designers em ascensão precisam aprender a história do tipo para apreciá-lo. Ela incentiva todos a conhecer o designer por trás das fontes, porque “é uma história fácil”. E os designers essencialmente adoram compartilhar histórias.

Bookmania e Mostra Nuova

Bookmania_banner_2

Imagem de Mark Lemonson

MostraNuova_banner_sample_2240

Imagem de Mark Lemonson 

Mark Simonson(abre em uma nova aba ou janela), fundador de seu estúdio de mesmo nome, não tem uma fonte favorita em si, já que ele ganha a vida criando fontes.

“Eu tenho muitas fontes favoritas. Será impossível reduzir a um só lugar. Gosto muito de fontes, e esse foi um dos principais motivos para me tornar designer de texto. . . . [Quando] vocês perguntam sobre uma fonte favorita, eu imediatamente penso “para quê”.”

Como é difícil escolher as fontes que ele adora, pedimos que ele compartilhasse quais criações recentes que ele mais gostou. A Bookmania(abre em uma nova aba ou janela) foi criada para mesclar a “elegibilidade robusta do Bookman antigo (1901) com a exuberância dos Bookmans dos anos 1960”.

a Mostra Nuova(abre em uma nova aba ou janela) nos leva à década de 1930 e ao período art déco na Itália, com suas formas geométricas. Demonstre-se com o cuidado de fazer alguns ajustes na Mostra Nuova para evitar que ela fique "mecânica demais".

Mr. Eaves, Mrs. Eaves e Archer

2015-01-21-largeglass

Imagem via Typeworld

Image-23-1-tb-800x0

As fontes mais populares entre vários designers são as fontes Mr.(abre em uma nova aba ou janela) e Ms. Eaves(abre em uma nova aba ou janela). Embora muitos profissionais de tipografia tenham expressado sua afinidade pelo casal, Sofia Elimor Marrom(abre em uma nova aba ou janela) deu a melhor resposta para explicar o motivo pelo qual os ama.

"Durante muito tempo, fiquei apaixonado pela ‘Mrs. Eaves’ de Zuzana Licko. Mrs. Eaves' é cheia de curvas que fazem seus joelhos fraquejarem, e o conjunto de caracteres atemporais tem algumas ligaduras realmente lindas."


O que torna essa fonte ainda melhor aos olhos de Brown é o fato de que sua história de fundo é, como ela descreveu, “obscena”. “Para quem achava que o design de tipos era enfadonho, vale a pena ler sobre as aventuras de John Baskerville.”

Two children collecting leaves

Imagem via Schrift e Farbe

Archer(abre em uma nova aba ou janela) foi uma compra que fez com que Brown se emocionasse ao explorar a espessura e os estilos do design em layouts longos. “A linha do horizonte, em particular, é divindade; é atraente e fácil de usar, e é tão fino que mal está ali.”

Seu conselho para designers e tipógrafos aspirantes é considerar as implicações gerais para suas escolhas.

“A tipografia pode ser incluída no design, mas está diretamente vinculada ao idioma. As letras que realmente se destacam para mim são as inteligentes, atrevidas ou impactantes; um design que tenha estilo, mas também conteúdo.”

Uni Grotesk e Lava

uni700.gif.b8194ffb622eff9163d6a388963ea0aa

Imagem via Tipografia.Guru

SetHeight800-DSC-3850lr

Imagem via Typepotheque

Peter Bil'ak, fundador da Typepotheque(abre em uma nova aba ou janela), é fã da Uni Grotesk e da Lava.

“Acho que é porque eles foram desenvolvidos para cumprir uma tarefa específica”, explica Bil'ak. “A Uni Grotesk(abre em uma nova aba ou janela) foi usada em placas de trânsito, e a Lava,(abre em uma nova aba ou janela) no corpo do texto de uma revista de design.”

Além de práticas e atraentes, essas fontes devem estar no seu repertório para uma variedade de projetos.

Bil'ak recomenda fazer "uma pesquisa rigorosa sobre o tipo de texto antes de decidir sobre a escolha das fontes". É importante “[t]estar fontes em um contexto específico do seu trabalho, em tamanho real, mídia real, idioma real, e não em um falso latim na tela quando você vai imprimir algo”, acrescenta ele.

Como combinar fontes

Todos nós adoramos nossas fontes, mas é possível que você tenha um excesso de algo bom. Muitas fontes diferentes em um mesmo design pode parecer confuso e caótico. Como regra geral, é seguro não usar mais do que três fontes diferentes em uma mesma arte, embora essa “rede” possa ser desfeita com bons resultados no contexto certo.

Se você está procurando um ponto de partida para combinar fontes(abre em uma nova aba ou janela), uma fonte sem serifa básica e uma fonte com serifa quase sempre vão junto. Outra opção é escolher uma única fonte ou família de fontes que vem com vários pesos e estilos. Dessa forma, sua tipografia fica coesa, mas você ainda tem variações para escolher.

Pode ser fácil usar em excesso esses pesos e estilos (como negrito, itálico ou letras maiúsculas). Esses estilos podem ser ótimos para dar ênfase ao texto, talvez para fazer com que ele se destaque visualmente, mostrar sua importância ou reproduzir padrões de fala. Só não use todos eles em uma passagem de texto; Parece que você está se esforçando demais para transmitir a sua mensagem e pode parecer falta de educação para os leitores. A ocasião deve ser rara em que você precise de mais de um tipo.

Dê vida às suas ideias em questão de minutos.

Expresse-se melhor com o programa de design mais fácil do mundo.