Meu xilofone está desligado; Entendendo esse kerning

27

Eu estava jogando um jogo de kerning em que o objetivo é ver se você consegue entender uma palavra por olho e depois comparar seu kerning com o do designer.

Eu estava fazendo ... ok. Até chegar a: insira a descrição da imagem aqui

Kerned é como tal: insira a descrição da imagem aqui

Não é perfeito, mas não é horrível.

O kerning 'correto' foi: insira a descrição da imagem aqui

Uma comparação; azul sendo o kerning 'correto': insira a descrição da imagem aqui

Percebo que eu poderia ter tornado o 'Xyl' mais apertado, mas por que há tanto espaço no 'one'? Parece que há uma lacuna lá.

Mesmo ao digitar "Xilofone", vejo a diferença do kerning.

Qual o motivo desse espaçamento? Por que o designer optou por criar esses pares de kerning?

OghmaOsiris
fonte
O que você quer dizer com "tanto espaço no único"?
DA01 21/01
11
Ainda precisamos de mais cowbell !!!!
Scott
@ DA01 o 'one' no final do xilofone parecia muito solto para mim.
OghmaOsiris

Respostas:

21

Veja o vermelho abaixo:

insira a descrição da imagem aqui

Temos algumas boas perguntas sobre isso, como:

A maneira como eu criaria o kerning neste exemplo é usar o rastreamento fornecido. Exemplo disso aqui:

insira a descrição da imagem aqui

Note que o kerning é de natureza subjetiva e é tipicamente uma opinião. Existem vários artigos sobre o assunto, mas alguns argumentariam que a melhor prática de escolher como kern é inverter o tipo:

insira a descrição da imagem aqui

Há um ótimo artigo sobre isso chamado: " como usar o kern perfeitamente "

DᴀʀᴛʜVᴀᴅᴇʀ
fonte
2

Qual o motivo desse espaçamento? Por que o designer optou por criar esses pares de kerning?

Pares Kerning são bits de dados no próprio arquivo de fonte. Pode haver muitos, muitos pares, pode não haver nenhum. O software de renderização pode aderir aos pares de kerning, não pode. É um pouco de crapshoot.

Além disso, você provavelmente acabará com o tipo de kerning e rastreamento diferente com base no tamanho. No 12pt vs. 72pt, por exemplo. Quanto maior o tipo, mais você conseguirá um rastreamento mais rígido.

Quanto à sua pergunta, acredito que você esteja se perguntando por que o rastreamento geral da 'solução' é mais frouxo do que a sua solução, que parece ter sido reforçada. Meu único palpite é que o jogo quer que você se concentre no kerning, em vez de rastrear e, como tal, a primeira e a última letras permanecem na mesma posição.

DA01
fonte
Você não pode "apertar" nesse jogo, a primeira e a última letras são fixas.
yo
@tohecz os exemplos que o OP deu têm a primeira e a última letras movidas.
DA01 28/01
Suponho que é causado pelo fato de o OP cortar as capturas de tela. Se você vir a comparação, a primeira e a última letra estão corretas.
yo
@tohecz ah, você pode estar certo. Poderia ter sido uma incompatibilidade de captura de tela.
DA01 28/01
2

Vou mostrar outra foto além do que o vovô mostra. Tem algo a ver com a forma como nossos olhos separam as palavras: pela luminosidade (escuridão na imagem, pois está toda invertida) do espaço entre as letras. Agora veja a imagem, que é apenas os espaços coloridos no seu exemplo:

insira a descrição da imagem aqui

O espaço intermediário Xyé quase duas vezes maior em área do que o espaço intermediário lo. Na "resposta correta", o espaço ainda é maior em área, mas é muito menos significativo; isso é dado pelo fato de que você precisa equilibrar mais coisas do que apenas a aparência do espaço; o mais importante é que você não deseja que a letra "se misture"; portanto, você não pode aproximá-las uma da outra:

insira a descrição da imagem aqui

yo '
fonte