L’alignement des lettres «incorrect» apparaît plus «correct»

Je travaille actuellement sur un logo pour un client. Voici le travail en cours.

Il me semble évident que le S devrait s’aligner sur la ligne ci-dessus. J’estime cependant que la meilleure façon de l’aligner est d’aligner la partie inférieure de la courbe en S plutôt que la courbe supérieure, même si la courbe supérieure dépasse davantage. Voir l'exemple suivant

De plus, à l’autre bout du logo, l’intelligence artificielle peut faire quelque chose de similaire, en minimisant le triangle d’espace blanc à la fin du logo.

Je pense que le résultat final est plus agréable dans son alignement

Je pense que c'est correct, mais mon client le remet en question. Cet alignement est une habitude que j'ai prise au cours de ma carrière. Je ne l'ai donc pas appris formellement. En fait, je ne me souviens pas où j'ai pris cela.

Dis-moi, est-ce que j'ai pris une mauvaise habitude ici? Mon client est-il correct? Si cela est correct, ce type d'alignement a-t-il un nom? Ou y a-t-il un article quelque part auquel je peux référer mon client?

Eh oui, ce sont des choses légitimes et ils ont des noms.

"Alignement visuel" ou "Alignement optique"

C'est le principe général: vous alignez à l'œil nu ce qui semble juste, plutôt que la règle. Il est utilisé non seulement en typographie, mais partout où la cohérence visuelle est importante, par exemple dans la conception de jeux d'icônes: pour que les icônes avec des courbes aient une apparence soignée lorsqu'elles sont alignées avec des icônes aux bords droits.

Les termes techniques plus spécifiques ci-dessous ne sont pas très couramment utilisés (je devais les rechercher), ils sont simplement là pour les curieux.

Dépassement typographique

Cela se produit lorsqu'un personnage passe le point vertical approprié car cela semble plus naturel que de s'arrêter strictement. La réponse de Joojaa a beaucoup d'excellents exemples. J'ajouterai celle-ci tirée des standards de Microsoft en matière de typographie (ne vous moquez pas, malgré le fait que Comic Sans laisse le monde libre. MS a généralement une très bonne équipe de typographie), ce qui montre bien que ce n'est pas seulement la base où cela est utilisé:

Alignement optique des marges

Dépassement essentiellement horizontal, généralement appliqué aux caractères incurvés ou inclinés, et aux autres personnages ne rencontrant que peu le bord qui aurait l'air mauvais sur une ligne dure. Le crénage est fondamentalement serré aux marges et les caractères auxquels il est appliqué sont généralement les mêmes que ceux qui recevraient un crénage serré ailleurs.

Voici comment Wikipedia l'illustre actuellement:

Si vous examinez de nombreuses polices, vous remarquerez que la courbure de la lettre transpose l'alignement parfait de la ligne de base et de nombreuses autres petites lettres. Et en règle générale, les formes rondes ont tendance à le faire - percez la ligne de base des arêtes droites. J'avais un article sur ce phénomène, et pourquoi il se produit, quelque part dans mes signets, mais le lien m'évite pour le moment.

Image 1 : Quelques exemples de tours 's' perforant la ligne de base, les perçages de ligne de base étant mis en évidence.

Si vous regardez, même les polices très géométriques le font (voir Image 1). Cela arrive plus souvent que cela ne se produit pas - à tel point que j'en ai entendu parler comme d'une règle. Cependant, notez en quoi le montant diffère d'une situation à l'autre et d'une forme à l'autre. Alors encore aujourd'hui, ce sont vos yeux qui décident.

Si votre œil est attentif, vous remarquerez également que certaines formes de lettre percent également la verticale. C'est parce que le même phénomène se produit également là-bas.

Image 2 : Même effet sur le côté. Cela se produit généralement si vous avez des lignes droites et des lignes courbes mélangées sur les côtés.

PS : Désolé, les polices disponibles sur mon poste de travail temporaire sont un peu limitées.

C'est une technique appelée dépassement (ou dépassement). La raison pour laquelle nous utilisons le dépassement est parce que la façon dont nous percevons les choses en tant qu'êtres humains (du moins en termes de mathématiques pures) est inexacte.

Ne me crois pas? Laissez-moi expliquer:

Considérez cette image:

Est-ce que le cercle et le triangle ont l’impression d’avoir le même poids que vous? La vérité est qu'ils ont la même hauteur mais une zone différente.

Maintenant, montrons à quoi ils ressemblent avec le même espace:

Notez le dépassement créé pour le cercle et le triangle. Le cercle et le triangle semblent tous les deux visuellement déséquilibrés (en particulier le triangle), mais certains jouent avec l’échelle et aligne la base du triangle sur le carré, ce qui donne l’image attrayante suivante:

Sans guides:

Notez que le dépassement se produit toujours avec les deux, mais de différentes manières. C’est tout le contraire de la mauvaise pratique, c’est ce qui est nécessaire pour obtenir un bon équilibre visuel: nous devons souvent jouer avec la taille, la largeur, l’espacement et l’alignement des formes en fonction des sujets que nous utilisons. Il n'y a pas de formule spécifique à cela, cela dépend de la composition et du résultat souhaité. Gardez à l'esprit que lorsque vous modifiez la taille verticale, vous devrez probablement modifier l'espacement horizontal de la même quantité pour conserver un espace blanc approprié:

La largeur du trait entre également en jeu lorsqu'il s'agit d'alignement visuel. Regarde ça:

Cela ne semble pas très bien même si la mise à l'échelle et l'espacement sont les mêmes, hein?

La conclusion ici est que nous devrions augmenter le montant de la compensation au fur et à mesure que nous augmentons les AVC, en veillant à équilibrer les compteurs. En fait, lorsque nous avons des contre-formes, elles dominent les contours de la forme et leur équilibre devient plus important que la forme solide elle-même. C’est exactement ce que Nintendo a fait lors de la conception de son logo de commutateur Nintendo .

Pour en savoir plus, consultez l' article de Fábio Martins, L'art de regarder les yeux en l'air - Partie III: je ne sais pas trop où j'ai pratiquement volé les images et une partie du contenu de cette réponse.

Consultez également cet article sur les illusions typographiques qui parle de cet effet.

Je n'ai aucun article à l'appui, mais je peux vous dire d'expérience que vous avez raison. Tout comme le crénage manuel, l'espacement et l'alignement des formes de lettre (et d'autres objets), cela fait partie de la science, de l'art. Laissez vos yeux et vos tripes vous guider plutôt que les chiffres et les mathématiques exacts.

Le concept en jeu ici est que votre œil (votre cerveau) traite les courbes différemment des lignes droites. D'une manière quelque peu similaire à la façon dont vous "voyez" une demi-teinte comme une tonalité lisse, votre œil trouve un emplacement moyen comme le "bord" perçu d'une lettre courbée. Votre positionnement de vos logoformes est "correct" selon cette notion. Bien sûr, la clé est de savoir "comment transmettre au client à l'esprit littéral qui cherche à savoir si les empattages sont visibles ou à un autre positionnement littéral.

Ce genre de chose entre en jeu TOUT LE TEMPS en typographie. Par exemple, dans un titre centré, laissant la fin de la période à la fin d'un dépassement de ligne, la ligne est donc techniquement décentrée, mais le poids moyen de la ligne est au point mort.