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

Sua escolha de fontes define o tom da aparência de seu documento, site ou outro design. É divertido e amigável, inteligente e criativo ou sério e formal?

Como regra geral, você desejará usar duas ou três fontes em seu projeto. Mas como você sabe qual escolher e quais pares de fontes combinam?

Neste artigo, discutiremos estratégias e ferramentas de emparelhamento de fontes que o ajudarão a encontrar as combinações de fontes perfeitas para usar em seu projeto.

A Tipografia Primer

Existem termos que usamos ao longo deste guia que podem ser úteis para explicar ...

Fonte vs. Tipo de letra

Os termos fonte e tipo de letra costumam ser usados alternadamente, mas, na verdade, são coisas diferentes. UMA tipo de letra é uma família de fontes; uma faço é uma das variações de estilo individual dentro dessa família. Portanto, Times New Roman é uma fonte e Times New Roman Regular e Times New Roman Medium Italic são fontes.

como transferir pastas de um Google Drive para outro

Classificações de tipo

As classificações de tipo são categorias de fontes baseadas em sua aparência. Algumas classificações incluem:

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

Essas são simplesmente as categorias de tipos que você encontrará em vários tipos de sites, fundições e muito mais. Um bom ponto de partida para escolher fontes é escolher uma classificação apropriada para seu projeto e seu assunto.

serifas vs. Sem serifa

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

Superfamílias

Superfamílias são um grupo de fontes 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 para se adequar a uma classificação específica. Um exemplo comum de superfamília é o Gloss Superfamily .

Além disso, se você estiver interessado no aspecto técnico das fontes, pode ler sobre a diferença entre fontes OTF e TTF .

Escolhendo sua primeira fonte

Algumas fontes tornam as coisas um pouco mais fáceis, parecendo ter apenas um propósito na vida. Se você está considerando o Copperplate Gothic, provavelmente está projetando um menu de churrascaria ou algo para fazer com um banco.

Infelizmente, raramente é tão fácil. Se você estiver tendo problemas para encontrar um candidato adequado, faça uma pequena pesquisa. Procure exemplos que podem ajudar a apontar na direção certa.

Lembre-se, você não está procurando copiar, está procurando inspiração. É provável que alguém já tenha resolvido esse problema antes e a solução dele possa ajudar a informar a sua.

Depois de escolher a primeira fonte, é hora de pensar em seu complemento.

Escolhendo um par de fontes

Existem muitas diretrizes para descobrir quais fontes combinam bem entre si. Algumas dessas diretrizes podem ser combinadas e outras se contradizem.

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

Aqui estão alguns para manter em mente.

1. Crie o contraste

'Os opostos se atraem' é definitivamente verdade quando se trata de fontes. Você não deseja usar opções muito semelhantes. Ele simplesmente não adicionará nada ao seu design ou ficará um pouco estranho.

Em vez disso, combine uma fonte ondulada com uma em negrito. Combine uma fonte leve e arejada com uma grossa. Conecte sua fonte serifada com uma opção cursiva elegante. Emparelhe uma serifa de laje com um fonte escrita à mão , como no exemplo acima.

Ou combine estreito com largo --- um bom emparelhamento de fonte para Copperplate é algo mais fino como Helvetica Condensed.

2. Mantenha isso 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, peso ou inclinação. Esta pode não ser a escolha mais criativa, mas é a maneira mais simples de criar um pouco de diversidade em seu texto.

Alguns tipos de fontes possuem um conjunto bastante extenso de fontes. O novo de beba , por exemplo, vem em uma variedade de pesos. Combine Bebas Neue Bold com Bebas Neue Light em diferentes tamanhos e você estará um passo mais perto de um ótimo design.

Embora Bebas Neue seja uma fonte somente em maiúsculas, você também pode brincar com a capitalização como uma forma de adicionar algum interesse ao seu design.

Se você quer um pouco mais de variedade, mas descobre que mantê-la em família funciona melhor para você, procure superfamílias. o Gloss Superfamily inclui Sans, Serif, Typewriter Sans, Typewriter Serif, Math e outras fontes.

3. Combine Serifs e Sans-Serifs

Uma maneira rápida e eficaz de criar contraste é emparelhar uma fonte com serifa com uma fonte sem serifa. Como você pode ver no exemplo abaixo, um bom par de fontes Calibri é uma fonte serif como Times New Roman:

Uma das maneiras mais fáceis de selecionar opções complementares com serifa e sem serifa é mantê-la na superfamília. Viget fornece uma extensa lista de superfamílias isso pode ser útil e garante que suas fontes se complementem.

4. Limite-se a duas ou três fontes

Você terá dificuldade em encontrar um designer profissional que não viva de acordo com essa regra fundamental da tipografia. Se estiver combinando fontes, você desejará se limitar a duas ou três.

Se seu design contém um cabeçalho, subtítulo e corpo, você pode usar três fontes diferentes. Você provavelmente vai querer ficar com apenas dois se o seu design for menos pesado.

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

Inspiração e ideias para combinar fontes

Finalmente, se você ainda acha a ideia de emparelhar fontes assustadora, existem várias ferramentas de emparelhamento de fontes para ajudá-lo a garantir que o pequeno Calibri não acabe correndo com uma multidão ruim.

Combinações de fontes do Canva

Combinações de fontes do Canva permite que você selecione sua primeira escolha e dê sugestões sobre o que seu parceiro deve ser. Ele usa as fontes disponíveis por meio da ferramenta de design Canva, portanto, alguns tipos de fontes comuns não são incluídos.

Typ.io

o Typ.io o site está dividido em duas seções. A primeira seção apresenta combinações de fontes de toda a web como fonte de inspiração. A outra seção apresenta listas de fontes esses pares bem juntos com base na função, como se eles serão usados para o cabeçalho ou o texto do corpo.

Just My Type

Se você se pega projetando no pacote de programas da Adobe, Just My Type será muito útil. O site oferece sugestões de emparelhamento para Fontes Typekit bem como de Hoefler and Co's Serviço de tipografia na nuvem .

Hoefler and Co. também tem um guia realmente útil sobre como escolher ' fazer paletes 'Eles recomendam combinar fontes do mesmo período histórico com características diferentes ou qualidade de linha semelhante com texturas diferentes. As sugestões de fontes vêm de Hoefler and Co., mas você pode aplicar as regras a outras fontes.

Como acontece com a maioria das coisas visuais, o Pinterest é uma grande fonte de inspiração para o pareamento de fontes. Basta pesquisar por 'combinação de fontes' ou 'tipografia' e você encontrará uma tonelada de ótimas sugestões.

Tipo de conexão

Faça um jogo de emparelhamento de fontes com Tipo de conexão . O site permite que você escolha sua primeira fonte, e selecionar a segunda torna-se uma espécie de 'escolha sua própria aventura'.

onde posso imprimir um artigo

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

Tipo Google

Se a fonte de sua escolha é o Google Fonts, Tipo Google é uma grande fonte de inspiração para saber como essas fontes combinam bem umas com as outras. Usando texto das Fábulas de Aesop e fotos do Unsplash, o site é uma inspiração visual de como as Fontes do Google funcionam bem juntas.

Par de fontes é outra ferramenta útil para usuários de fontes do Google Web, fazendo sugestões para escolhas de fontes de cabeçalho e corpo que combinam bem.

Typepiration

Typepiration dá-lhe ideias não apenas sobre como combinar fontes, mas também oferece esquemas de cores para uma boa medida. É especialmente bom para web design, pois os exemplos dão uma ideia de como seus artigos ficarão usando certas combinações.

Web Font Blender

Web Font Blender não faz sugestões para você, mas permite que você brinque com diferentes fontes do Google e as visualize com cabeçalhos, subtítulos e texto de amostra. Como bônus, ele gera o CSS de que você precisa para usar essas fontes em um design online.

Encontre as fontes certas

Agora você sabe o que procurar ao escolher as fontes para o seu projeto. Mas qual é o melhor lugar para encontrar essas fontes para usar?

Nosso guia para as melhores fontes do Google irá ajudá-lo a encontrar algumas fontes fantásticas para sites e apresentações.

E se você quiser uma variedade ainda maior para escolher, confira nossa lista de os melhores sites para baixar e usar fontes grátis .

Crédito de imagem: mrdoomits / Depositphotos

Compartilhado Compartilhado Tweet O email Canon vs. Nikon: Qual marca de câmera é melhor?

Canon e Nikon são os dois maiores nomes da indústria de câmeras. Mas qual marca oferece a melhor linha de câmeras e lentes?

Leia a seguir Tópicos relacionados

Criativo
Fontes
Tipografia
Designer de Web
Design gráfico

Sobre o autor Andy Betts(221 artigos publicados)

Andy é um ex-jornalista impresso e editor de revista que escreve sobre tecnologia há 15 anos. Nesse período, ele contribuiu para inúmeras publicações e produziu trabalhos de redação para grandes empresas de tecnologia. Ele também forneceu comentários de especialistas para a mídia e apresentou painéis em eventos do setor.

Mais de Andy Betts

Assine a nossa newsletter

Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!

Clique aqui para se inscrever