Embora o kerning do tipo seja uma prática comum no design de impressão, ele parece ser menos comum em aplicativos da web. Mas não precisa ser.

O tipo corretamente kerned adiciona um nível extra de profissionalismo e controle à tipografia em seu site. Embora haja alguns complementos de software que possam adicionar (ou remover) o kerning automático, a maioria dos designers prefere ajustar manualmente as letras conforme necessário.

Para algumas combinações de texto e letra, os ajustes de kerning são obrigatórios. Em outras situações, pode ser desnecessário. Tenha em mente também que os tipos de letra mais profissionais contêm kerning automático para os pares de letras mais problemáticos, como AV.

Mas quando você precisa ajustar o kerning sozinho?

O que é kerning?

What is kerning

Kerning é o ajuste feito no espaço entre um par de letras. O kerning afeta apenas o espaço entre o par e não o espaço total entre todas as letras que estão sendo compostas.

Cada letra tem dois potenciais parceiros de kerning - o personagem à esquerda ou o personagem à direita.

Quase todos os softwares gráficos de nível profissional (como o Adobe Photoshop ou o Fireworks) permitem que você faça esses ajustes. O ícone de kerning é normalmente representado por um símbolo “A V” com setas acima e abaixo dos caracteres. O espaço aumenta à medida que o número cresce e o espaço se torna mais estreito à medida que o número diminui.

Os ajustes de kerning para web design são mais incomuns do que no design de impressão, porque fazer alterações não é particularmente fácil. Dito isto, ainda deve ser uma consideração por causa da influência que tem no design geral.

No kerning, a aparência que você está tentando alcançar pode variar, mas geralmente a esperança é distribuir mais uniformemente o espaçamento das letras, de modo que os espaços entre cada conjunto de pares de letras sejam consistentes com os pares circundantes.

Kerning vs. rastreamento

Kerning e rastreamento não são a mesma coisa. Enquanto o kerning se refere ao espaço entre duas letras específicas, o rastreamento refere-se ao espaçamento geral das letras em uma seleção de letras. O rastreamento é usado para criar um ajuste de espaço mais uniforme entre letras e grupos de letras (até parágrafos ou documentos inteiros) pode ser ajustado com uma única alteração de rastreamento.

Para complicar ainda mais, um designer pode primeiro ajustar o rastreamento de um bloco de texto e, em seguida, entrar e ajustar o kerning para melhorar a aparência geral do texto. Mas você quer se certificar de ajustar primeiro o rastreamento e depois ajustar o kerning. Trabalhar ao contrário provavelmente negará suas mudanças de kerning.

Kerning métrico, óptico e manual

Types of kerning

Existem três opções diferentes para o tipo kern - métrico (ou automático), ótico e manual.

O kerning métrico ou automático é definido por software. O designer tem menos controle sobre as letras ao usar métrica ou kerning automático e o resultado pode, às vezes, causar formas estranhas entre os pares de letras, como criar muito pouco espaço em uma instância e muito em outro lugar na mesma palavra ou frase.

O kerning óptico usa as formas das letras para determinar o espaço que aparecerá entre elas. O kerning óptico tem algum nível de controle, mas não vai espaçar as letras com tanta precisão quanto fazê-lo manualmente. Isso pode ser uma ótima opção ao misturar e combinar fontes diferentes em pares de letras.

O kerning manual é a opção preferida pela maioria dos designers e tipógrafos. Quando o tipo de kerning é manualmente, o designer altera o espaço entre cada par de letras a olho nu. O processo pode consumir muito tempo ao lidar com grandes blocos de texto e é melhor empregado quando se trabalha com um tipo grande de estilo de exibição. O uso do kerning manual é especialmente importante quando se trabalha com fontes personalizadas ou até mesmo gratuitas, que nem sempre têm algumas das técnicas de espaçamento de letras mais avançadas aplicadas a elas quando são projetadas.

Truques de kerning manual

Kerning trick

Quando você está tentando determinar o kerning a olho, sempre ajuda ter alguns truques na ponta dos dedos.

  • Inverta seu design de cabeça para baixo para avaliar melhor o espaçamento entre cada par de letras sem que seus olhos tentem ler as palavras.
  • Kern em blocos de três letras, destacando ou colorindo três letras de cada vez. Desta forma, você pode comparar o espaçamento de um par de cada vez.
  • Explodir. Duplique o tamanho do ponto do seu tipo para poder realmente ver o espaço. Isso é incômodo? Kern isso.
  • Opte por uma combinação de letras maiúsculas e minúsculas. Os pares de maiúsculas e minúsculas são alguns dos piores infratores de kerning.

Quais letras precisam de kerning?

antidote.co.uk

Não é uma questão capciosa. Embora muitos designers gostem de brincar com o kerning em quase todos os tipos de exibição e sejam ainda mais específicos quanto ao kerning em itens como logotipos, nem todos os pares de letras realmente exigem ajustes de kerning. No entanto, tome nota do "AW" nos prêmios acima. Um ajuste de kerning manual era necessário para fazer essas letras se encaixarem perfeitamente.

O primeiro passo é selecionar uma fonte. Há pouco uso em fazer ajustes de kerning até que seu tipo seja determinado. Cada tipo exigirá diferentes ajustes de kerning e o que funciona para uma fonte pode não funcionar para outra. O tipo de fontes que você seleciona também terá um impacto no kerning - você vai querer pensar especialmente em como as ligaturas podem ser afetadas por mudanças de kerning.

Trapped spaces

Depois disso, observe as letras com maior inclinação em traços individuais e letras que contêm espaços presos. (Para ver se a sua carta cria um espaço preso, desenhe um retângulo ao redor dela e anote todos os espaços maiores dentro da caixa que não fazem parte da letra.

Existem combinações de letras que quase sempre precisam de algum ajuste de kerning. (Observe que as combinações fazem distinção entre maiúsculas e minúsculas). Essa lista pode crescer significativamente com determinados tipos de letra.

AV AW VA FA AP FA FA FA FE FE LV LW Y Va Wa

Kerning apertado

Adidas
FedEx

É mais comum (e geralmente mais fácil de detectar) quando as letras estão muito apertadas. No caso de fontes com serifa, as bordas podem tocar em alguns pares de letras, mas não em outras, resultando em um problema óbvio de kerning.

Cartas podem ser unidas e ainda serem eficazes. Particularmente, quando usado com parcimônia, o kerning apertado pode criar um casamento de letras com grande impacto. As caudas das serifas podem chegar às letras adjacentes ou as serifas podem ser agrupadas para uma aparência e sensação de maciez.

Pense no logotipo da FedEx. É um dos usos mais famosos das técnicas de kerning no mundo. A Adidas também faz um ótimo trabalho com texto em seu site - confira o casamento de “ft” no trabalho.

Kerning solto

Crayons to concept
Whitmans

Kerning frouxo também pode ser um pouco óbvio, mas às vezes é um pouco mais difícil de detectar. Quando se lida com letras maiúsculas, espaços vazios parecem quase saltar da tela, mas o efeito é mais difícil de identificar em pares, onde uma letra minúscula segue uma letra maiúscula.

O kerning frouxo é frequentemente usado em grupos de letras maiúsculas para ajudar a criar espaço e uma sensação de abertura. O kerning mais frouxo também é usado com mais freqüência ao trabalhar com tamanhos de tipo maiores.

A principal consideração a ter em mente ao trabalhar com especificações de kerning soltas é o espaçamento de palavras. Você quer garantir que os leitores possam determinar quais grupos de letras formam palavras e onde cada nova palavra começa.

Para kern ou não para kern

Kerning realmente caiu um pouco fora de moda no cenário de design, mas você precisa de kern. Sim, pode ser entediante, mas planeje gastar esse tempo desde o início do processo.

É tempo bem gasto se você gastá-lo com sabedoria: concentre-se em letras e palavras grandes. Existem poucas razões para ajustar o kerning (especialmente manualmente) em grandes blocos de cópias. Provavelmente, há poucas razões para ajustar o kerning para subtítulos ou pequenos títulos dentro de posts no blog. Reserve esse tempo para trabalhar em suas grandes palavras, logotipos e banners.

Como regra geral, gaste tempo usando qualquer tipo que atraia pessoas para o seu site. Preste atenção nas grandes palavras, mas também preste atenção aos elementos em pé nas barras de navegação e nos trilhos. Gaste menos tempo procurando blocos de tipos maiores, como o texto usado para criar este post. Se você achar que o kerning é necessário, considere o kerning óptico para economizar algum tempo.

Um pouco de diversão kerning

KERNTYPE

Desenhista Mark MacKay desenvolvido KERNTYPE: Um jogo de Kerning , onde você pode mover cartas e comparar seus resultados com os de um tipógrafo profissional.

O jogo é divertido e pode ajudá-lo a desenvolver seus olhos para o que faz o tipo funcionar e como o kerning realmente afeta a aparência geral das letras. Experimente. O aplicativo funciona online e como um jogo de iPad touch-friendly.

Conclusão

Kerning não deve ser visto como uma forma de arte perdida ou algo que só interessa aos designers de impressão. O uso de técnicas de kerning adequadas pode aumentar a qualidade geral de praticamente qualquer site.

Pense na mensagem que você está tentando transmitir enquanto digita o tipo de kern e observe as letras a serem removidas e evite associações de letras não intencionais. Finalmente, jogue um pouco. Juntar combinações de letras diferentes em uma variedade de tipos de letra até encontrar combinações que sejam visualmente agradáveis.