Oito maneiras de combinar tipos de letra
Boa tipografia é fundamental para qualquer bom design.
Um design bonito pode realmente sofrer se as escolhas da tipografia estiverem erradas. Mas combinar fontes além do emparelhamento serif / sans-serif básico pode ser complicado e confuso para muitos designers.
Embora muito do que entra em boa tipografia seja subjetivo, existem algumas diretrizes que podem apontar você na direção certa. A partir daí, cabe a você experimentar e experimentar coisas diferentes.
Não tenha medo de tentar coisas novas em sua tipografia, mas confie em seus olhos e instintos como designer. Às vezes, mesmo as coisas que seguem todas as "regras" da tipografia ainda podem parecer horríveis (e vice-versa).
Combine o humor
Cada tipo de letra tem um humor. Alguns são descontraídos e divertidos, alguns são sérios, outros são elegantes e outros são muito profissionais. Tipos de letra com humores semelhantes são mais propensos a serem compatíveis e menos propensos a serem esteticamente dissonantes.
Veja os exemplos abaixo. Os tipos de letra usados à esquerda, Tahoma para a cópia do corpo e Snidely para a manchete, não combinam. Snidely é uma fonte decorativa com uma aparência peculiar e divertida, enquanto Tahoma é discreta e moderna. Enquanto eles não são o pior emparelhamento do mundo, eles definitivamente não são ideais também.
Os tipos de letra à direita, Neuton para a cópia do corpo e Nevis para a manchete, ambos têm humor casual similar. Nenhum deles é abafado ou excessivamente formal, o que faz com que trabalhem bem juntos, apesar de parecerem muito diferentes na aparência.
Match Letterforms
As letras que compõem um tipo de letra podem ser incrivelmente variadas, baseadas em vários fatores, como influência histórica ou estilo geral. Combinar essas letras é uma boa maneira de encontrar fontes compatíveis, embora geralmente você também queira combiná-las com base no estilo ou em outros fatores.
Uma das formas mais rápidas de verificar formas alfabéticas compatíveis é verificar as letras “a”, “g” e “e”. No exemplo abaixo, você pode ver como Aller e Gentium têm letras semelhantes, assim como Helvetica e Museo. Todas as quatro fontes têm formas de letra “a” semelhantes. As letras “g” são onde vemos as maiores diferenças.
Outras letras que você pode querer verificar incluem o minúsculo “t” (algumas fontes terão uma cauda no “t” enquanto outras não), minúsculas “f” e minúsculas “q”. As diferenças nas formas de letras não são necessariamente um fator decisivo entre as fontes, mas você desejará fontes que tenham mais semelhanças do que diferenças nesses casos.
O clássico Serif / Sans Serif Combo
A combinação de uma fonte serifada e de uma fonte sem serifa é provavelmente uma das combinações tipográficas mais comuns. É uma combinação relativamente fácil de realizar, pois há menos chance de conflito. Contanto que você preste atenção ao peso e à proporção, é uma combinação bem difícil de se errar.
O texto abaixo mostra algumas maneiras diferentes de misturar fontes serif e sans-serif. O exemplo à esquerda mostra que você pode misturar pesos de fonte se itens como proporção forem muito semelhantes. A fonte headline, ChunkFive, é uma serif laje, enquanto a fonte body copy, Junction, é uma simples sans-serif. Ambos têm fortes estilos visuais, o que impede que o Junction seja dominado.
O emparelhamento à direita é um pouco mais tradicional, com fontes muito semelhantes. Junction é usado como a fonte headline aqui, com Prociono para o corpo. Ambos são um pouco mais finos e têm letras semelhantes.
Use cores para amarrá-lo juntos
Se você estiver combinando muitas fontes realmente diferentes, tente combiná-las com cores. Manter tudo em uma cor (ou tons de uma única cor) adiciona harmonia e unidade que podem estar faltando nas próprias fontes.
Você pode ver na imagem abaixo que a cor pode ter um impacto enorme na aparência da tipografia. Ambas as linhas de texto na imagem abaixo são idênticas, com exceção das cores das letras. Embora nem seja o que seria tipicamente considerado uma tipografia “boa”, a top poderia pelo menos ser feita para trabalhar no contexto certo. O inferior, no entanto, parece algo que um estudante de jardim de infância pode projetar durante o tempo de coloração.
Ele mostra o quão importante é usar cores semelhantes, especialmente se você desconsiderar muitas outras diretrizes deste artigo. Por outro lado, se você deseja adicionar um pouco mais de contraste entre os tipos de letra que podem ser um pouco semelhantes, o uso de cores diferentes pode fazer exatamente isso.
Usar cores ligeiramente diferentes realmente acrescenta interesse visual à tipografia aqui, que é composta por Fontin e Fontin Sans, duas fontes da mesma família que são quase idênticas.
Proporções Similares
A proporção é provavelmente a coisa mais importante a considerar, especialmente ao combinar tipos de letra em uma única linha (como em um cabeçalho ou logotipo). Fontes que são proporcionalmente semelhantes se misturam mais facilmente e parecem mais uniformes do que as fontes com proporções variáveis.
A maneira mais rápida de verificar a proporção é comparando x-heights. De um modo geral, fontes com alturas de x semelhantes terão proporções semelhantes no geral. Na imagem abaixo, você pode ver que Helvetica e Neuton têm virtualmente idênticas alturas-x.
Por outro lado, a altura de x de Bolton é muito mais alta e o Primer é muito mais curto do que as outras duas fontes. Verifique outras letras para confirmar se são compatíveis ou incompatíveis, mas a altura x é um ótimo lugar para começar.
Você também vai querer ver a largura dos caracteres dentro do tipo de letra. Verifique a largura de caracteres mais amplos, como "m", "w" ou "o", bem como os caracteres mais estreitos, como "t", "f" e "j". Para melhor compatibilidade, essas letras devem ter larguras semelhantes entre os dois tipos.
Pesos semelhantes
Fontes com pesos radicalmente diferentes podem trabalhar juntas, mas é muito mais provável que sejam compatíveis se os pesos forem semelhantes.
O problema que está mais presente quando as fontes têm pesos radicalmente diferentes é que fontes mais claras geralmente se perdem, visualmente, quando combinadas com fontes muito mais pesadas. Isso se torna ainda mais pronunciado se a fonte mais pesada estiver sendo usada para um título e a fonte mais clara for a cópia do corpo.
Veja o texto abaixo. A fonte "headline" aqui (Charlie Brown M54) supera completamente a fonte "body" (TitilliumText14L Regular).
Aumentar o peso da fonte da fonte do corpo compensa isso. Essa é sempre uma opção, embora possa limitar suas opções para usar estilos diferentes em seu design. É muito mais simples encontrar fontes que correspondam a pesos diferentes (assim, negrito em um é igual a negrito no outro, etc.).
Não negligencie as únicas fontes
Existem muitos tipos de fontes que incluem várias fontes dentro da mesma família. Tipos de letra como Fontin (e Fontin Sans) vêm com um punhado de pesos que podem ser combinados para criar muito interesse visual.
Abaixo está um ótimo exemplo de como diferentes pesos e estilos podem ser usados juntos para criar tipografia que tenha muito interesse visual. Como tudo isso é baseado em uma família de fontes geral, você não precisa se preocupar com as diferentes fontes conflitantes entre si.
Conflito vs. Contraste
Contraste na tipografia é geralmente uma coisa boa. O ponto de usar fontes diferentes é que elas se destacam umas das outras, contribuindo para o estilo visual geral de um design. Se suas fontes forem muito semelhantes, elas entrarão em conflito umas com as outras, em vez de contrastarem e complementarem.
Veja os exemplos abaixo. Na primeira linha, as fontes são muito semelhantes (Hoefler Text e Goudy Bookletter 1911). Qualquer contraste é perdido e, em vez disso, eles parecem um pouco estranhos ao lado um do outro.
A segunda linha é melhor, com ChunkFive e Geneva. Eles têm proporções semelhantes, mas é praticamente onde as semelhanças terminam. Há um bom contraste aqui.
A terceira linha, por outro lado, mostra porque usar fontes diferentes não resulta necessariamente em um bom contraste. É por isso que é importante prestar atenção a mais do que apenas um aspecto da combinação de tipos de letra.
Contraste Radical
O contraste radical entre tipos de letra pode ser uma ótima maneira de adicionar interesse visual a um design. Isso não significa necessariamente que você pode simplesmente juntar duas fontes e esperar pelo melhor. Você ainda precisa ter em mente os princípios gerais da tipografia e, em seguida, escolher quais diretrizes deseja aderir e quais você deseja ignorar.
A maneira mais fácil de criar designs tipográficos que usam fontes radicalmente diferentes é manter a proporção em mente. Preste atenção na forma geral das fontes e em coisas como x-height e, em seguida, explore a partir daí.
Você pode precisar ajustar os tamanhos de caracteres diferentes se combinar vários tipos de letra diferentes, já que nem todos os tipos de letra são consistentes quando se trata de dimensionamento. Veja os dois exemplos abaixo:
A linha superior usa uma ampla variedade de fontes, mas todas elas são grunge ou fontes destruídas. Isso lhes dá um estilo comum e os une, embora a proporção e o peso sejam diferentes entre os caracteres.
A linha de fundo, no entanto, usa apenas três tipos de letra, dois dos quais são sem serifa e um dos quais é serif. Essas fontes têm várias coisas em comum, no entanto. Primeiro de tudo, eles são todos relativamente pesados. Usar o mais pesado para a parte mais curta e o mais leve para a parte mais longa ajuda a equilibrá-lo visualmente. As larguras das linhas também são uniformes em cada fonte, sem desvio entre letras ou dentro das letras. Por fim, todas as três fontes têm formas de letra arredondadas bastante amplas.
Em grande parte, combinar fontes dessa maneira é subjetivo, mas ter em mente o que faz um bom design tipográfico pode ajudar a apontar na direção certa quando você começa a projetar coisas como essa.
Escrito exclusivamente para WDD por Cameron Chapman .
Tem outras dicas e truques para misturar fontes? Compartilhe-os nos comentários abaixo…