Existe uma regra geral sobre espaçamento de fonte?


10

Ultimamente, tenho pensado em criar minha própria fonte.


Como prática, eu fiz alguns pequenos trabalhos em família, como se eu tivesse criado esse design com três letras, a coisa toda era praticamente uma "fonte personalizada". Eu estava mostrando para minha família e amigos ...

Meu tio (que está na indústria criativa disse:

Você o alinhava perfeitamente (matematicamente), mas no que diz respeito visualmente (ainda parecia muito bom), existem diferentes quantidades de espaçamento necessário entre letras diferentes.

[Como menos espaço entre E e a próxima letra.]


Então comecei a investigar, observei várias fontes e observe que ele estava correto:

Na fonte Arial existe muito pouco espaço entre o r e o i e mais do dobro que em ambos os lados da um , mas a uma tem menos espaço.

Minha pergunta é:

Existe uma regra para criar esses espaços, talvez seja algum tipo de coisa matemática que eu precise aprender, ou seja apenas um aspecto visual a critério do designer. (tipo de brincadeira até que você goste da aparência)

Nota: As linhas são medidas usando o ponto mais distante de cada lado de uma letra e uma linha reta

Nota: As linhas são medidas usando o ponto mais distante de cada lado de uma letra e uma linha reta


6
Isso se chama kerning . Dê uma olhada através de algumas anterior Q & A (por exemplo, a minha pergunta: graphicdesign.stackexchange.com/q/68245/52050 ), você vai encontrar um monte de informações úteis
Cai

Respostas:


14

É chamado de kerning , que é um espaçamento adicional aplicado a pares específicos de caracteres 1 .

O objetivo é ter uma percepção espaçamento igual entre glifos. O espaçamento matematicamente igual com base na caixa delimitadora de cada glifo nem sempre funciona, pois os glifos têm formas muito diferentes; alguns com muito espaço vazio dentro da caixa delimitadora e outros com pouco espaço. Glifos que geralmente precisam de kerning são caracteres com formas inclinadas (por exemplo, "W", "V", "A") e caracteres com "braços" ou barras transversais grandes (por exemplo, "T", "F").

Tome a string "AVAIL" como exemplo. Sem o kerning aplicado, o espaço vazio entre o "A" e o "V" é muito óbvio:

insira a descrição da imagem aqui

Portanto, aplicamos algum kerning negativo para trazê-lo:

insira a descrição da imagem aqui

Outra coisa a se observar são as colisões. Veja o exemplo a seguir ... sem nenhum tratamento específico, o capô do "f" e o ponto do "i" colidem, portanto, precisamos separá-los:

insira a descrição da imagem aqui

Colisões com "f" s também são comumente fixadas com ligaduras específicas (mas discordo ...)

insira a descrição da imagem aqui

Cuidado com a colisão entre serifas também. O "y" e "p" aqui parecem desleixados, por exemplo:

insira a descrição da imagem aqui

Veja também: Quais são alguns pares de kerning comuns?


Algumas técnicas comuns

Kern de cabeça para baixo

Inverter o texto permite que você se concentre nas formas e no espaço sem se distrair com as letras, palavras e significado reais; você pode tratá-los como formas ...

insira a descrição da imagem aqui

Estrabismo

Apertar os olhos ou cruzar os olhos para embaçar a visão do tipo oferece uma boa visão do contraste geral e do uso do espaço (esta é uma boa técnica, não apenas para o kerning, mas para qualquer layout ou espaçamento). Você pode configurar um borrão real no seu tipo em qualquer software que esteja usando também, se isso ajudar ...

insira a descrição da imagem aqui

Glyphs - que eu tenho usado recentemente para o design de tipos - possui esses dois recursos incorporados ao editor:

insira a descrição da imagem aqui

Balões?

Uma técnica mais abstrata que já mencionei algumas vezes é a técnica do balão ... Você basicamente precisa imaginar um balão entre cada personagem. Os balões precisam caber entre os caracteres com o mínimo de espaço possível entre eles e sem derramar acima ou abaixo da altura x; enquanto mantém a mesma área.

insira a descrição da imagem aqui

Prática...

Como em tudo, a melhor maneira de aprender e melhorar é prática, prática e mais prática.

O Kerning Game é uma pequena ferramenta para praticar seu kerning e compará-lo com especialistas em kerning ...

insira a descrição da imagem aqui


1 Ou às vezes mais. Consulte O que é uma tabela de kerning polinomial?


0

Os espaços livres entre os glifos devem ter áreas iguais quando o intervalo da altura x é levado em consideração. Além disso, você deve definir a distância mínima que não deve ser ignorada se os critérios de área não puderem ser totalmente preenchidos. Isso evita que os personagens apareçam tocando um no outro.

Isso é realmente uma simplificação de forma livre, mas pode ser útil como ponto de partida. Obtenha um livro de tipografia ou verifique o básico que pode estar disponível nos tutoriais do software de edição de fontes.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.