O alinhamento das letras "Errado" parece mais "Certo"

Atualmente, estou trabalhando em um logotipo para um cliente. Aqui está o trabalho em andamento.

Parece-me óbvio que o S deve se alinhar com a linha acima. Eu sinto que a melhor maneira de alinhá-lo é alinhar a parte inferior do S em vez da curva superior, mesmo que a curva superior se projete mais. Veja o exemplo a seguir

Também na outra extremidade do logotipo, a sensação de AI pode fazer algo semelhante, minimizando o triângulo de espaço em branco no final do logotipo.

Acho que o resultado final é mais agradável em seu alinhamento

Eu sinto que isso está correto, mas meu cliente está questionando. Esse alinhamento é um hábito que eu adquiri durante a minha carreira, por isso não fui ensinado formalmente sobre isso, na verdade não me lembro onde o comprei.

Diga-me, eu peguei um mau hábito aqui? Meu cliente está correto? Se isso estiver correto, esse tipo de alinhamento possui um nome? Ou existe um artigo em algum lugar ao qual possa me referir ao meu cliente?

Sim, essas são coisas legítimas e têm nomes.

"Alinhamento visual" ou "Alinhamento óptico"

Esse é o princípio geral - você está alinhando a olho nu pelo que visualmente parece certo, e não por regra. Ele é usado não apenas na tipografia, mas em qualquer lugar que a consistência visual é importante, por exemplo, na criação de conjuntos de ícones - tornando os ícones com curvas mais bonitos quando alinhados com ícones com bordas retas.

Os termos técnicos mais específicos abaixo não são muito usados ​​(eu tive que procurá-los), eles estão aqui apenas para os curiosos.

Ultrapassagem tipográfica

É quando um personagem passa no ponto vertical apropriado, porque isso parece mais natural do que parar estritamente. A resposta de Joojaa tem muitos exemplos ótimos disso, vou apenas adicionar um dos padrões de tipografia da Microsoft (não ria, apesar de lançar o Comic Sans no mundo, os MS têm uma equipe de tipografia geralmente muito boa) que mostra que não é apenas a linha de base onde isso é usado:

Alinhamento óptico de margem

Ultrapassagem essencialmente horizontal, geralmente aplicada a caracteres curvos ou inclinados, e outros caracteres com pouco encontro à borda que pareceriam errados em uma linha rígida. É basicamente um kerning apertado nas margens, e os caracteres aos quais é aplicado geralmente são os mesmos que receberiam um kerning apertado em outro lugar.

Veja como a Wikipedia atualmente a ilustra:

Se você observar muitas fontes, notará que a curvatura da letra s perfura o alinhamento perfeito da linha de base e de muitas outras letras minúsculas. E, como regra geral, as formas redondas tendem a fazer isso - perfuram a linha de base das arestas retas. Eu tinha um artigo sobre esse fenômeno, e por que isso acontece, em algum lugar dos meus favoritos, mas o link me escapa no momento.

Imagem 1 : Alguns exemplos de 's' redondos perfurando a linha de base, com os piercings da linha de base destacados.

Se você observar, mesmo as fontes muito geométricas fazem isso (veja a Imagem 1). Isso acontece com mais frequência do que não - tanto que eu ouvi falar disso em regra. No entanto, observe como a quantidade difere de situação para situação e de forma para forma. Ainda hoje são seus olhos que decidem.

Se você estiver atento, também notará que algumas formas de letra também perfuram a vertical para o lado. Isso ocorre porque o mesmo fenômeno também acontece lá.

Imagem 2 : O mesmo efeito lateralmente. Isso geralmente acontece se você tiver linhas retas e linhas curvas misturadas lateralmente.

PS : Desculpe, as fontes disponíveis na minha estação de trabalho temporária são um pouco limitadas.

Essa é uma técnica chamada overshooting (ou overhanging). A razão pela qual usamos overshooting é porque a maneira como percebemos as coisas como seres humanos (pelo menos em termos de matemática pura) é imprecisa.

Não acredita em mim? Deixe-me explicar:

Considere esta imagem:

O círculo e o triângulo parecem ter o mesmo peso para você? A verdade é que eles têm a mesma altura, mas uma área diferente.

Agora vamos mostrar como eles se parecem com a mesma área:

Observe a superação criada para o círculo e o triângulo. Tanto o círculo como o triângulo parecem visualmente desequilibrados (especialmente o triângulo), mas com alguns brincando com a escala e alinhando a base do triângulo com o quadrado, obtemos a seguinte imagem visualmente atraente:

Sem guias:

Observe que o overshooting ainda ocorre com os dois, mas de maneiras diferentes. Isso é exatamente o oposto de práticas inadequadas, é o necessário para obter um equilíbrio visual adequado - geralmente precisamos brincar com o tamanho, a largura, o espaçamento e o alinhamento das formas com base nos assuntos específicos que estamos usando. Não existe uma fórmula específica para isso, depende da composição e do resultado desejado. Lembre-se de que, quando você altera o dimensionamento vertical, provavelmente precisará alterar o espaçamento horizontal na mesma quantidade para manter o espaço em branco adequado:

A largura do traço também entra em jogo quando se trata de alinhamento visual. Dê uma olhada neste:

Não parece certo, mesmo que a escala e o espaçamento sejam os mesmos, não é?

A conclusão aqui é que devemos aumentar a quantidade de compensação à medida que aumentamos o curso, prestando atenção ao balanceamento dos contadores. De fato, quando temos contra-formas, elas dominam o contorno da forma e seu equilíbrio se torna mais significativo que a própria forma sólida. Foi exatamente isso que a Nintendo fez ao criar o logotipo do Nintendo Switch .

Para ler com mais detalhes, confira o artigo de Fábio Martins, A Arte do Globo Ocular - Parte III: Superação, onde praticamente roubei as imagens e parte do conteúdo desta resposta.

Não tenho artigos para fazer backup, mas posso dizer por experiência que você está correto. Assim como kerning manual, espaçamento e alinhamento de formas de letra (e outros objetos) como esse são parte de ciência, parte de arte. Deixe seus olhos e tripas guiá-lo em vez de números exatos e matemática.

O conceito em jogo aqui é que seu olho (isto é, seu cérebro) processa curvas de maneira diferente do que retas. De uma maneira um pouco semelhante à forma como você "vê" um meio-tom como um tom suave, seu olho encontra um local médio como a "borda" percebida de uma forma de letra curva. Seu posicionamento de seus logoformas é "correto" de acordo com essa noção. A chave do curso é "como transmitir ao cliente de mente literal que se fixa se os serifa estão saindo ou outro posicionamento literal.

Esse tipo de coisa entra em jogo o tempo todo na tipografia. Por exemplo, em uma manchete centralizada, deixando o período à direita no final de uma linha saltar, assim a linha fica tecnicamente fora do centro, mas o peso médio da linha é o ponto morto.