O básico da tipografia

A Tipografia é um elemento considerado tanto visual, quanto verbal. O leitor examina os padrões visuais da mesma, depois associa à linguagem e então a lê.

“Tipografia: Conjunto de praticas e processos envolvidos na criação e utilização de símbolos visíveis relacionados aos caracteres ortográficos (letras) e para-ortográficos.” (Farias, 2004)

tipo2.png

A escolha das fontes em um projeto tem o poder de salvar ou destruir o design do mesmo. Vamos aos exemplos, porque aqui trabalhamos com ibagenss.

tipo3

tipo3

Observe os dois textos. Note que ambos possuem o mesmo conteúdo, mas perceba que apesar disso, o segundo texto parece bem mais confortável de se ler, e ele é mesmo. Perceba que um bom alinhamento, escolha correta das fontes, espaçamento e tamanho corretinho, deixa não somente os textos mais agradáveis visualmente, mas também permitem uma melhor legibilidade.

O foco desse post é somente sobre os elementos que fazem uma boa tipografia, e como você pode escolhe-las para seu projeto. Mas se você quiser ler mais sobre alinhamento e entrelinhas vou deixar aqui esse link de ouro sobre o assunto.

E se posters famosos usassem Comic Sans?

Artwork Showcase Mock Up 03
Sim, seria uma péssima ideia.

Artwork Showcase Mock Up 03.png

Eu disse…

Artwork Showcase Mock Up 03.png

É, definitivamente não seria uma boa ideia.

Com serifa ≠ sem serifa

tipo3
Serifas são esses tracinhos nas bordas das letras

O caminho das pedras

Não dá pra afirmar uma fórmula mágica para acertar nas escolhas das fontes, masss, há algumas pseudo regras que devem ser seguidas.

  • Observe antes de tudo o cenário. Quem vai ler?
  • Combine fontes serifadas com fontes sem serifa.
  • Evite usar mais de duas fontes.
  • Evite fontes muito artísticas, na maior parte dos contextos você não vai precisar delas, acredite.
  • Não use fontes cursivas em parágrafos.
  • Muitas fontes são versáteis o suficiente para usa-las até mesmo sozinhas. Se não conseguir encontrar uma combinação boa o suficiente com a primeira, permaneça só com a primeira.
  • Combine fontes que você consiga perceber um bom contraste.

Onde encontrar fontes legais

  • TypeGenius: Encontre a combinação perfeita de fontes para seu próximo projeto.
  • Google Fonts: Fontes gratuitas de código aberto, e otimizadas para a web, pela Google.
  • DaFont: Um dos maiores sites na web que disponibiliza fontes gratuitas.
  • Font Squirrel: Fontes comerciais e gratuitas.
  • Behance: Plataforma da Adobe para conectar criativos. Também solo fértil para freebies e fontes maravilhosas, só entrar e procura-las, não esqueçam de checar as licenças de cada uma.

Fontes que eu ♥

Artwork Showcase Mock Up 03Não vou disponibilizar o download delas aqui, mas todas podem ser encontradas  nos links citados anteriormente.

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: