Estratégias e ferramentas de emparelhamento de fontes para combinações de fontes perfeitas

O emparelhamento de fontes é parte arte e parte ciência. Essas estratégias e ferramentas de emparelhamento de fontes ajudarão você a escolher o par perfeito de fontes para qualquer tarefa.

O emparelhamento de fontes é parte arte e parte ciência.  Essas estratégias e ferramentas de emparelhamento de fontes ajudarão você a escolher o par perfeito de fontes para qualquer tarefa.
Propaganda

Tipos de letra não são criaturas solitárias. Eles gostam de sair e cabe a você ter certeza de que eles jogam bem juntos.

Escolher um tipo de letra é muito como se vestir para sair. Se você vai à ópera, a escolha é bem fácil. Mas às vezes você é convidado para um restaurante com pista Michelin e a escolha se torna um pouco menos clara.

A chave é descobrir a mensagem e o público. Depois de determinar essas duas coisas, você pode começar a refinar suas opções.

A mecânica de realmente escolher o tipo perfeito Quer lindas fontes grátis? Aqui estão 25+ sites onde você vai encontrá-los quer lindos fontes grátis? Aqui estão 25+ sites onde você vai encontrá-los Em vez de percorrer centenas de fontes, aqui estão alguns sites que ajudarão você a acompanhar todas as novas fontes que você deseja usar em seu próximo projeto. Read More pode ser um pouco delicado, e varia de designer para designer, mas no final a única coisa que importará é se o tipo de letra é apropriado para a mensagem.

Um primer de tipografia

Há alguns termos que usaremos ao longo deste guia que podem ser úteis para explicar.

Fonte vs. Tipo de letra

A primeira é a diferença entre uma fonte e um tipo de letra . Embora muitas vezes usadas de forma intercambiável, estas não são a mesma coisa.

Um tipo refere-se a um conjunto abrangente de fontes. Por exemplo, o Times New Roman é um tipo de letra. Mas se você quiser usar a versão em negrito ou itálico de um tipo de letra, essa é uma fonte . Por exemplo, Times New Roman Bold é uma fonte.

Classificações de tipo

Tipo Classificações são uma categoria de fontes com base em sua aparência. Algumas classificações incluem:

  • Serif
  • Sem serifa
  • gótico
  • Máquina de escrever
  • Roteiro
  • Decorativo

Estas são simplesmente as categorias de tipos que você encontrará em vários tipos de sites, fundições e muito mais.

Serif vs. Sans Serif

Uma das classificações mais comuns para tipos de letra é serif versus sans-serif. Não sabe qual é a diferença? Uma fonte com serifa tem linhas finas nas pontas das letras. Uma fonte sem serifa não possui nenhum recurso de extensão.

Superfamílias

Superfamílias são um grupo de tipos que se enquadram em várias classificações. O tipo de letra começará com a mesma forma básica e, em seguida, terá elementos adicionados a ela para se adequar a uma classificação específica. Um exemplo comum de uma superfamília é a Superfamília de Lucida.

Escolhendo seu primeiro tipo de letra

Algumas fontes tornam sua vida um pouco mais fácil, parecendo ter apenas um propósito na vida. Se você está pensando em Copperplate Gothic, provavelmente está criando um menu de churrascaria ou algo a ver com um banco.

estratégias e ferramentas para combinações de fontes perfeitas

Infelizmente, raramente é assim tão fácil. Se você está tendo problemas para encontrar um candidato apropriado, considere fazer uma pequena pesquisa. Procure exemplos que possam ajudar a apontar na direção certa.

Lembre-se, você não está olhando para copiar, você está procurando por inspiração. As chances são de que alguém tenha resolvido esse problema antes, e sua solução poderia ajudar a informar o seu.

Depois de escolher o primeiro tipo de letra, é hora de pensar em seu complemento.

Encontrando seu segundo tipo de letra

Há várias diretrizes para descobrir quais fontes combinam bem. Algumas dessas diretrizes podem ser combinadas e outras se contradizem.

Embora existam algumas coisas que devem ser absolutamente evitadas quando se trata de emparelhar fontes (como usar fontes demais), existem outras diretrizes que são mais flexíveis e dependem, em grande parte, do humor ou propósito de seu design.

Aqui estão alguns para manter em mente.

1. Mantenha-o na família

Uma das coisas mais fáceis que você pode fazer é simplesmente limitar suas escolhas a um tipo de letra e variar as fontes alterando o tamanho, o peso ou a inclinação. Essa pode não ser a opção mais criativa, mas é a maneira mais simples de criar um pouco de diversidade com seu texto.

Alguns tipos de letra possuem um conjunto bastante extenso de fontes. Bebas Neue, por exemplo, vem em uma variedade de pesos. Combina o Bebas Neue Bold com o Bebas Neue Light em diferentes tamanhos e estás um passo mais perto de um excelente design.

estratégias e ferramentas para combinações perfeitas de fontes bebas neue

Enquanto Bebas Neue é um tipo de letra apenas maiúscula, você também pode brincar com a capitalização como uma maneira de adicionar algum interesse ao seu design.

Se você quiser um pouco mais de variedade, mas achar que mantê-lo na família funciona melhor para você, procure por superfamílias. A Superfamília de Lucida inclui Sans, Serif, Máquina de Escrever Sans, Typewriter Serif, Math e outros tipos de fontes.

2. Combine Serifs e Sans-Serifs

Uma abordagem comum para combinar fontes é emparelhar uma serif com uma sem serifa. Você pode ver no exemplo abaixo a diferença entre uma fonte com serifa no topo (Times New Roman) e uma sem serifa abaixo (Calibri):

estratégias e ferramentas para combinações de fontes perfeitas sem serif

Uma das maneiras mais fáceis de selecionar opções de serifas e sem serifas complementares é mantê-las na superfamília. Viget fornece uma extensa lista de superfamílias que podem ser úteis. Essa é uma das maneiras mais fáceis de se certificar de que suas fontes serif e sans serif se complementam.

3. Limite para duas ou três fontes

Você será duramente pressionado para encontrar um designer profissional que não vive de acordo com esta regra fundamental da tipografia. Se você estiver combinando fontes, convém limitar-se a duas ou três.

Se o seu design contiver um cabeçalho, subcabeçalho e corpo, você poderá usar três fontes diferentes. Você provavelmente vai querer ficar apenas dois se o seu design for menos pesado em texto.

Há exceções à regra, mas apenas em tipos muito específicos de design.

4. Crie o contraste

"Os opostos se atraem" é definitivamente verdade quando se trata de fontes. Você não quer usar opções muito semelhantes. Simplesmente não irá adicionar nada ao seu design ou ficará um pouco fora.

estratégias e ferramentas para combinações de fontes perfeitas esboçar fontes manuscritas

Em vez disso, emparelhe uma fonte swirly com uma em negrito. Emparelhe uma fonte leve e arejada com uma grossa. Prenda sua letra serifada com uma opção elegante e cursiva. Pare uma serifa laje com uma escolha de fonte manuscrita 15 Free Handwriting Fonts você deve baixar agora 15 Free Handwriting Fonts você deve baixar agora Se você está criando um infográfico ou chegando com um logotipo, você pode estar na necessidade de uma fonte boa caligrafia. Confira isso! Eles são alguns dos melhores de graça. Leia mais escolha, como no exemplo acima.

Encontrando inspiração e idéias

Finalmente, se você ainda acha a ideia de emparelhar fontes assustadoras, há várias ferramentas para comparar fontes e escolher a fonte certa para o seu trabalho 5 Ferramentas para comparar tipos e escolher a fonte certa para o seu trabalho Fontes e tipos estão por toda parte nos. Se você é um web designer, você deve selecioná-los cuidadosamente. Quando tentamos selecionar uma fonte, fazemos muitas comparações entre ... Leia mais para ajudar a garantir que o pequeno Calibri não acabe funcionando com uma multidão ruim.

Combinações de Fontes do Canva

As combinações de fontes do Canva permitem que você selecione sua primeira opção e faz sugestões sobre o que deve ser seu parceiro.

estratégias e ferramentas para combinações de fontes perfeitas canva

Typ.io

O site do Typ.io está dividido em duas seções. A primeira seção apresenta combinações de fontes de toda a web como fonte de inspiração:

estratégias e ferramentas para combinações de fontes perfeitas typ.io

E a outra seção apresenta listas de fontes que combinam bem com base na função, como se elas serão usadas para texto de cabeçalho ou corpo:

estratégias e ferramentas para combinações de fontes perfeitas typ.io

Apenas meu tipo

Se você se encontrar projetando no conjunto de programas da Adobe, o Just My Type será muito útil. O site oferece sugestões de emparelhamento para as fontes Typekit da Adobe, bem como do serviço Cloud Typography da Hoefler & Co.

A Hoefler & Co. também tem um guia muito prático para escolher “paletas de fontes”. Eles recomendam combinar fontes do mesmo período histórico com recursos diferentes ou qualidade de linha similar com texturas diferentes. As sugestões de fontes vêm da Hoefler & Co., mas você pode aplicar as regras a outras fontes.

estratégias e ferramentas para combinações de fontes perfeitas hoefler e co

Pinterest

Tal como acontece com a maioria das coisas visuais, o Pinterest é uma excelente fonte de inspiração para o emparelhamento de tipos de letra. Basta pesquisar por "emparelhamento de fontes" ou "tipografia" e você encontrará muitas sugestões excelentes:

estratégias e ferramentas para combinações de fontes perfeitas

Tipo de conexão

Faça um jogo Um teste de personagem: 10 jogos de fonte que provam a tipografia podem ser divertidos Um teste de personagem: 10 jogos de fonte que provam a tipografia podem ser divertidos Brincar com a tipografia pode ser divertido. Você vai adorar estes jogos se você gosta do som da raposa marrom que saltou sobre o cão preguiçoso. Descubra do que estamos falando. Leia Mais sobre o emparelhamento de fontes com o Tipo de conexão. O site permite que você escolha sua primeira fonte, e selecionar a segunda se torna algo como "escolha sua própria aventura".

Você quer ir com algo que vem da mesma família, uma fonte similar, uma fonte contrastante ou mergulhar no passado?

estratégias e ferramentas para combinações de fontes perfeitas typeconnection

Google Type

Se a fonte de sua fonte for o Google Fonts, o Google Type é uma ótima fonte de inspiração para o modo como essas fontes combinam bem. Usando o texto das Fábulas de Esopo e as fotos do Unsplash, o site é uma inspiração visual para o modo como as Google Fonts tocam bem juntas.

estratégias e ferramentas para combinações de fontes perfeitas tipo google

Font Par é outra ferramenta útil para o Google Web font Como usar o Google Fonts em seu projeto Web Next & Por que você deve usar o Google Fonts em seu projeto Web Next & Por que você deve escolha Font é uma decisão de design integral em qualquer site, ainda na maior parte do tempo, nos contentamos com a mesma família de serifas e serifas. Enquanto o corpo principal do texto deve ser sempre algo ... Leia mais usuários, fazendo sugestões para escolhas de fontes de cabeçalho e corpo que emparelham bem.

Typespiration

O Typespiration fornece idéias não apenas para combinar fontes, mas também para esquemas de cores para uma boa medida.

estratégias e ferramentas para combinações de fontes perfeitas

Liquidificador de fontes da Web

O Web Font Blender não faz as sugestões para você, mas permite que você explore diferentes fontes do Google e visualize-as com cabeçalho, subtítulo e corpo do exemplo.

estratégias e ferramentas para combinações de fontes perfeitas

Como bônus, ele gera o CSS que você precisaria para usar essas fontes em um design on-line.

Quais são suas combinações favoritas? Há alguma ferramenta que você não pode viver sem ajudá-lo a emparelhar suas muitas opções de fontes? Quais são as suas dicas para encontrar o par perfeito? Deixe-nos saber nos comentários.

Crédito da imagem: mrdoomits / Depositphotos

In this article