Typographie Noir au Blanc | analyse comparée

Voici un outil de travail et de réflexion, pour vous permettre de régler la typographie de vos websites ou blogs lorsque vous utilisez des fonds Noirs ou Couleurs foncées.

Je ferai l’ensemble de l’analyse comparative dans les jours qui viennent. Vous donne pour l’instant juste les paramètres techniques de ces figures, ainsi que l’adresse d’une galerie d’images qui synthétise toutes ces comparaisons.

Les chiffres en bas à droite de chaque rectangle correspondent à la tonalité des textes. 0 pour cent = blanc, 10,15,20… 88,91,94,97,100, au pourcentage de noir. 

Si vous avez dores et déjà des questions ou des commentaires n’hésitez surtout pas %-)

Si les animations s’arrêtent il suffit de rafraîchir votre navigateur «cde+R» sur Mac «ctr+R» sur PC

typo: Helvetica Neue 35 | vous demandez sans doute pourquoi j’ai pris les deux G du Franklin ITC Gothic, en exemple de contraste sur le fond noir. Question de Goût, comme je préfère également un News Gothic à un Helvetica, ou un Gill à un Futura, mais nous nageons dans des eaux troubles de la subjectivité. Juste une précision, je trouve que les caractères que je préfère ont tous un point commun, une souplesse due à la gravure, due à la main de l’ouvrier qui creuse le métal du poinçon en y ajoutant une part de son habileté manuelle pas trop mécanique. J’aime la calligraphie, les dessins à la main levée au pinceau, au calame, et l’on retrouve ces irrégularités dans un caractère comme celui d’Éric Gill. Quant à l’Helvetica, il est l’œuvre d’un «architecte» soucieux de la construction et des équilibres fondamentaux. Mais mon propos dans ce billet n’est pas tant de m’étendre sur mes états d’âme au regard d’une police ou d’une autre mais de souligner les différences de comportement des uns et des autres lorsque soumis au test «fatidique qui tue», je veux dire la composition d’une typo blanche sur fond noir.

AVERTISSEMENT:

Ces remarques et toutes celles qui vont suivre ne concernent que la chaîne éditoriale du web et non celui du Print et nous y reviendrons.

typo: Helvetica Neue 95

 

typo: Didot

typo: ITC Franklin Gothic «Book»

typo: ITC Franklin Gothic «Heavy»

typo: Clarendon «Light»

typo: Didot «Regular»

typo: Frutiger «Roman»

typo: Garamond Stempel «Regular»

typo: Trade Gothic N°18 «Condensed»

typo: Verdana «Regular»

typo: Verdana «Regular» approches «0» (InDesign)

typo: Verdana «Regular» approches «+75» (InDesign)

Comparaison des polices Originales vs Polices «similar to»

typo Frutiger Light orignale

typo Verdana Regular (dessin de Mattew Carter d’après le Frutiger) pour Microsoft

typo Times New Roman Roman de Stanley Morison (Monotype Corp)

typo Georgia de Microsoft d’après le Times de Morison (dessin Mattew Carter). Il s’agit là d’un dessin spécialement conçu pour la lecture sur l’écran, on le voit notamment en examinant les empattements qi sont légèrement exgagérés pour supporter la lecture en c.9 sur un écran)

typo Helvetica Neue 55 de la fonderie Stempel

typo Arial (plagié par Monotype d’après l’Helvetica de Stempel pour éviter de devoir payer des droits)

Et maintenant je vous invite à découvrir les tableaux complets que j’ai élaboré afin de permettre une comparaison synoptique et à taille de lecture «normale» sur un écran. La galerie est ici. Encore une fois vous voudrez bien m’excuser de publier cette note en deux fois, retenez dores et déjà son permalien (permalink) et revenez y dans la semaine, je vous donnerai mes explications détaillées.

Et si l’un(e) de vous veut s’y coller ;-) qu’il (ou elle) n’hésite pas à faire le billet à ma place (j’rigole). Il y a en tous cas beaucoup à dire sur cette affaire !

Suite de cette note dans la semaine: si vous désirez en être averti directement et non par le fil RSS, recopiez le titre de l’article et envoyez le moi à peter.gabor_AT_gmail_point_com. Je me ferai un plaisir de vous alerter lors des prochaines mises-à-jour.

 

Ce contenu a été publié dans Lisibilité et Visibilité. Vous pouvez le mettre en favoris avec ce permalien.

0 réponse à Typographie Noir au Blanc | analyse comparée