Hauteur de ligne optimale par rapport à la taille de la police


24

Existe-t-il un accord sur la proportion mathématique optimale de la hauteur de ligne et de la taille d'un texte? Et s'il y en a, est-ce la même chose pour l'impression et le Web?


Notez également: La taille d'une police numérique est fictive, dans le sens où le concepteur de caractères a une hauteur de 1em définie dans la police, mais peut placer le corps du glyphe n'importe où et à n'importe quelle taille. Cela signifie qu'un «H» pourrait couvrir 75% du 1em, ou 50%, ou 5%, assis à fleur que le haut, le centre ou le bas, et la hauteur de ligne interne «intégrée» de la police varient. Il en résulterait une hauteur de ligne différente, même à interligne zéro, d'une police à l'autre. Puisqu'il n'y a qu'une convention, mais pas de standard, chaque police a sa propre hauteur unique dans le carré em, indépendamment de tout début ajouté plus tard dans le logiciel d'édition.
kontur

Réponses:


19

Réponse courte: "Non"

Réponse longue: Il y a quatre facteurs impliqués dans le choix de l'interligne (ce qui signifie aujourd'hui la distance d'une ligne de base à la suivante, également appelée hauteur de ligne): la hauteur x des caractères, la mesure (longueur de la ligne), le poids de les traits des caractères eux-mêmes et la taille du type. Dans cette réponse, pour des raisons de simplicité, je vais utiliser "interligne" et "hauteur de ligne" de manière interchangeable.

Parmi celles-ci, celle qui domine est la mesure, suivie de la hauteur x et de la taille du point.

Plus la mesure est large, en général, plus la hauteur de la ligne doit être ouverte pour maintenir la lisibilité. Si votre mesure dépasse 70 caractères de la police et de la taille de point que vous avez choisies, vous devrez augmenter la hauteur de la ligne pour que le lecteur ne saute pas ou ne répète pas accidentellement une ligne pendant la lecture.

La taille des caractères n'est jamais la même que la taille en points, qui à l'époque du type de métal était considérée comme la mesure totale du bas du plus bas descendant (par exemple, la queue du "y" minuscule) vers le haut de l'ascendant le plus élevé (comme le trait vertical du "h" minuscule). La hauteur du «x» en minuscules dont dérive «x-height» peut être grande (Arial) ou très courte (Bernhard Modern) par rapport à la taille du point. Tapez set pour que la hauteur de la ligne soit la même que la taille du point soit "set solid" - pas de plomb supplémentaire entre les lignes. Arial ou Helvetica ont un look horrible solide. Bernhard Modern ne le fait pas.

Pour maintenir la lisibilité, les polices de caractères avec une grande hauteur x par rapport à la hauteur du chapeau et de l'ascendeur (par exemple, Century Schoolbook ou Helvetica) ont besoin de plus de hauteur de ligne, par rapport à la taille du point, que Garamond ou Futura, qui ont des hauteurs x plus petites.

Les caractères sans empattement ont tendance à avoir des traits beaucoup plus épais, par rapport à leur taille, que les caractères avec empattement. Si vous les définissez trop étroitement (petite hauteur de ligne), les paragraphes et les pages paraissent très lourds et sombres et peuvent être très difficiles à lire. L'ouverture de l'interlignage, et parfois l'espacement des caractères, améliore considérablement l'apparence du texte. Une face à empattement avec une hauteur x relativement petite, comme Garamond, peut être définie avec une hauteur de ligne beaucoup moins importante.

Toutes ces considérations sont modifiées par l'apparence de la page par le concepteur. Certains sujets sont rehaussés par un aspect plus aéré de la page (par exemple, de la poésie romantique, des histoires de licornes), appelant à une police délicate et à des lignes ouvertes. D'autres ont besoin de plus d'autorité (les manuels, par exemple) et bénéficient d'une «couleur de type» plus sombre.

Maintenant, laissez-moi me passer de l' idée du rapport d'or ( phi ). Ce serait faux dans presque tous les cas. Les mathématiques n'y sont pour rien. L'apparence fait.

Contrairement à ce que vous pourriez penser, un texte volumineux tel que des titres nécessite un interligne plus serré que le texte d'un paragraphe. Les titres sont souvent définis avec un "interligne négatif" - la hauteur de la ligne est inférieure à la taille du point. Cela est particulièrement vrai pour les titres dans toutes les majuscules, qui nécessitent toujours un interligne réduit. ( En raison de jambages supérieur et inférieur, il est courant pour les titres à plusieurs lignes d'avoir différents et débouchant sur chaque ligne afin de rendre l'espacement des lignes regard même.) A l' inverse, les petites tailles, comme des sous - titres ou les notes, ont besoin de plus en tête ou ils deviennent difficiles à lire. Le type semble "plus lâche" à mesure qu'il grandit et "plus serré" à mesure qu'il diminue, ce qui nécessite des ajustements d'espacement des lettres inférieurs à 8 pt et supérieurs à environ 24 pt pour la plupart des polices de caractères.

Vous vous égareriez sérieusement si vous essayez d'utiliser le phi (ou n'importe quel rapport fixe) pour calculer la hauteur de la ligne, car vous n'auriez raison que par accident.

Pour le Web, utilisez des polices de caractères conçues pour les appareils à faible résolution pendant au moins les prochaines années, jusqu'à ce que les écrans à résolution modérée (250 à 400 ppp) deviennent monnaie courante. Toutes les «polices Web» de fournisseurs tels que Google, Extensis ou Typekit ne sont pas utilisables à des tailles de texte sur la plupart des écrans. Le texte Web a tendance à mieux lire lorsqu'il est espacé un peu plus ouvertement que sur une page imprimée, en raison de la grille de points grossière et des manipulations du système d'exploitation qui brouillent les traits et déforment les formes des caractères.


Le texte très court avec quelques lignes, comme les étiquettes flottantes ou les guillemets, bénéficie parfois également d'un interligne négatif (inférieur à la taille en points), tant que la taille en points n'est pas trop faible. Je pense que c'est un peu comme définir le rythme du texte (bien que maintenant j'essaie de mettre cette analogie en mots, je me rends compte que cela n'a de sens que dans ma tête ...)
user56reinstatemonica8

Tu as raison. Et «rythme du texte» communique parfaitement le concept, je pense. :)
Alan Gilbertson

-4

Modifier Ok, donc, "ne peux pas se tromper" n'était peut-être pas le meilleur choix de mots. Bien sûr, il n'y a pas d' optimum universel , mais le nombre d'or semble vraiment bon dans de nombreux cas. Découvrez ce calculateur de disposition basé sur phi. http://www.pearsonified.com/typography/

Et voici un excellent article expliquant le raisonnement du programmeur http://www.pearsonified.com/2011/12/golden-ratio-typography.php


Vous ne pouvez pas vous tromper avec le nombre d'or.

Hauteur de ligne = hauteur du texte x 1,62

Grande question, au fait.


1
Vous pouvez également utiliser em pour dimensionner vos polices. Sur le Web, il peut descendre à 0,01em, ce qui correspond à 1/2 pixel.
Julian

2
Cette réponse n'est pas un bon conseil. Il va à l'encontre de siècles de pratique typographique. Aucun typographe n'utiliserait un rapport fixe pour tout le texte, et presque jamais un aussi grand que phi.
Alan Gilbertson

2
Bien sûr, vous pouvez vous tromper avec le nombre d'or. C'est un rapport qui a du sens dans l'architecture monumentale ancienne, mais qui n'est pas nécessairement approprié pour tout le reste.
DA01

3
Cette réponse ignore à peu près toute sagesse conventionnelle et est entièrement arbitraire - elle ne reflète pas la pratique typographique et ce n'est pas vraiment une bonne idée. Il ne prend pas non plus en compte des facteurs tels que la conception de la police de caractères (probablement le plus grand facteur), le contexte, la taille du type, la largeur et les marges de la colonne, etc.
thomasrutter

2
Ce phénomène de typographie en proportion d'or ne semble pas avoir de fondement typographique solide et est fondamentalement un gadget ou une mode qui ne fait que "sembler geek, donc il doit être cool". Cet article est presque culte dans son insistance sur le fait que le nombre d'or va résoudre tous nos problèmes typographiques.
thomasrutter
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.