Aberrations typographiques

le guide

PAR FANNIE BERROUARD

ABERRATIONS TYPOGRAPHIQUES

le guide

PAR FANNIE BERROUARD

1

2

3

Manuscrite

Sans empâtement

Avec empâtement

LE CHOIXTYPOGRAPHIQUE

1 2 3

CE QUI CLOCHE

CE QU’IL FAUDRAIT FAIRE

CE QUE LE DESIGNER MÉRITERAIT

3

AUTRE PROBLÈME:

Dès que le regard se pose sur la page web, la multitude de typographies utilisées vient agresser la rétine. E n effet, lors de la lecture du texte, il est difficile de se concentrer. L’oeil est sans cesse occupé à déchiffrer les diverses écritures employées lors de la conception de l’interface. De plus, le choix typographique n’est pas des plus astucieux. L’écriture de type manuscrite est plus ou moins lisible et celle utilisée pour le texte courant est également difficile à lire à cause de ses grands contrastes de pleins et de déliés.

Étant donné que son travail consistait à faire l’éloge d’une auberge douillette et reposante, le designer mériterait de résider dans un endroit qui serait tout le contraire. Il pourrait, par exemple, dormir dans une étable, sur la paille, tout comme l’a déjà fait un couple très célèbre. Il pourrait aussi s’installer, plus ou moins confortablement, sur le sol de lames d’un fakir ou bien sur un amas de punaises. C’est comme il le désire, pourvu qu’il souffre au moins autant qu’ont souffert nos yeux.

Il serait simple de minimiser le nombre de typographies utilisées afin de donner un répit au globe oculaire. Il serait aussi préférable d’opter pour des typosplus lisibles. Il est bien de sélectionner une typo avec empattement pour un texte assez long, mais la différence entre ses pleins et déliés ne doit pas être si notable.

Le contraste texte/fond : les termes inscrits sur les différents onglets de la barre de menu sont pratiquement illisibles.

1 200 caractères

LA LONGUEUR DELA LIGNE TEXTE

1

CE QUI CLOCHE



5

AUTRE PROBLÈME:

Pour qu’un texte soit agréable à lire, la longueur de ses lignes de texte doit être appropriée à la lecture. Celles-ci ne doivent pas être démesurément longues, elles ne doivent pas contenir trop de caractères pour ne pas embrouiller le lecteur. Ce n’est manifestement pas le cas de cet exemple, surtout pour ce qui est des dernières lignes. D’ailleurs, puisque c’est une page web, cet élément est encore plus important à prendre en compte puisque la lecture y est plus laborieuse. On dit que la longueur moyenne d’une ligne devrait être de 60 à 80 caractères. Il y a du chemin à faire.

La chose à faire serait de raccourcir la largeur du paragraphe. Avec des colonnes moins larges, il serait également possible d’en mettre deux, une à côté de l’autre, ce qui ferait en sorte de rendre le texte beaucoup plus facile et plaisant à lire.

Considérant que sa tâche consistait à prôner le fait que la ville soit la capitale de la motoneige, on pourrait envoyer le designer seul, sans carte, avec un de ces engins, à travers de profonds sentiers dans la forêt, et ce, pendant la nuit. De plus, il se pourrait que ses phares cessent malencontreusement de fonctionner au beau milieu de son parcours nocturne.

La relation texte/image : la ligne de texte seule sous l’image est agaçante.

1

2

3

Normal

Light

Bold

LA GRAISSE DU TEXTE

1 2 3

CE QUI CLOCHE



7

AUTRES PROBLÈMES:

Parfois, il est bien de changer la graisse d’un texte pour mettre un extrait de ce dernier en emphase ou afin d’adéquatement en dissocier le titre ou les intertitres. Par contre, il arrive que cette pratique soit surexploitée et que de tels changements fassent en sorte que le texte devienne dérangeant à lire. C’est le cas de cet exemple. Effectivement, la dissemblance omniprésente dans le choix de la graisse est agaçante. La majorité du temps,elle ne sert absolument à rien, elle est simplement là pour « faire joli » et c’est raté.

Puisque son boulot était de présenter une exposition sur les oeuvres de Dali, on pourrait infliger au designer la punition suivante : l’enfermer à l’intérieur d’une des toiles du peintre et, tout comme la fameuse horloge, le laisser fondre jusqu’à ce qu’il ne devienne qu’une flaque humaine.

La solution est simple et évidente ; uniformiser le texte en choisissant une graisse qui serait utilisée de façon globale pour celui-ci. Il peut y avoir à quelques moments des modifications de graisse, mais elles doivent être confortables pour l’oeil et, plus important encore, pertinentes.

Le corps du texte : le texte est beaucoup trop gros, son grisé n’est pas agréable à lire.Le changement de couleur inapproprié : il y a trop de changements de couleur qui créent des points de tension dérangeants pour l’oeil.

Grands espaces1

LES LÉZARDES

1

CE QUI CLOCHE


AUTRE PROBLÈME:


9

Lorsqu’un texte est justifié, il arrive que de grands espaces se créent à travers les mots. Il est parfois difficile d’y remédier et de les replacer afin que le texte redevienne satisfaisant, mais c’est souvent réalisable. Dans cet exemple, le designer semble avoir abandonné le projet. En effet, il n’est même pas nécessaire de plisser les yeux pour remarquer les énormes lézardes qui se trouvent entre certains mots. Le texte devient ainsi ardu à déchiffrer, le lecteur peut rapidement s’en décourager. De plus, le grisé de texte y est affreux, ce qui nuit encore plus à la lecture.

Prenant en compte que son but était d’amener les gens à participer à la Corrida de Noël, on pourrait tout simplement obliger le designer à prendre part à la course pourvu d’un véritablement costume de père-noël. Ce dernier pourrait se vêtir d’épais pantalons et d’un manteau bien chaud. Il devrait aussi se munir de grandes bottes d’hiver, d’un bonnet de laine, d’une écharpe et d’une grosse barbe quasi étouffante.

Plusieurs solutions pourraient être envisageables. On pourrait réduire le corps du texte pour qu’il y ait plus de caractères par lignes et que la justification se fasse plus aisément. Il pourrait également y avoir un travail pour ce qui est de l’interlettrage et de l’intermot afin d’essayer de placer plus de mots sur les lignes où l’on retrouve les trous. Finalement, on pourrait simplement ferrer le texte à gauche et ainsi ne pas du tout avoir de problèmes de lézardes.

Les petits mots en bout de phrase : il ne doit pas y avoir de courts mots à la fin d’une ligne de texte.

5 phrases sur 9 possèdent de petits mots en bout de phrase

1

LES PETITS MOTS EN BOUT DE PHRASE

1

CE QUI CLOCHE


AUTRE PROBLÈME:


11

Une ligne de texte ne doit préférablement jamais se terminer par un court mot. Il s’agit, la plupart du temps, de déterminants, de prépositions ou encore, de conjonctions. Dans cet exemple, cinq lignes sur neuf possèdent un de ces petits mots comme terminaison. Par ailleurs, étant donné que le texte n‘est pas justifié, mais plutôt en drapeau, ce problème est d’autant plus anormal. Il aurait été facile d’en disposer.

Vu que la brochure concerne le spectacle du Cirque du Soleil ayant pour thème les Beatles, on pourrait soumettre le designer à toutes sortes de contorsions impossibles lui infligeant ainsi un mal de dos assuré.

La principale solution serait d’ajouter des retours forcés en avant des mots disgracieux. Il serait également possible de créer des feuilles de style indiquant le nombre minimum de lettres que le dernier mot d’une phrase doit comporter.

Les orphelines : habituellement, un texte ne doit pas comporter de mot seul sur une ligne à la fin d’un paragraphe.

Texte noir

Texte blanc2

1

LE CONTRASTE TEXTE/FOND

1 2

CE QUI CLOCHE


AUTRE PROBLÈME:


13

La première chose qui saute aux yeux lorsqu’on regarde la brochure est la distinction entre le texte blanc et le texte noir. En plus d’être irritante pour l’oeil, cette divergence donne l’impression que le texte écrit en noir est composé d’un corps plus petit ou d’une graisse plus fine que celui qui utilise le blanc, mais ce n’est pas le cas. De plus, le texte en noir est beaucoup plus pénible à lire puisque le contraste entre ce dernier et le fond n’est pas assez fort. Tout comme le noir, le rouge est assez foncé ce qui réduit considérablement le contraste.

Son devoir étant d’intéresser les gens au musée de la Torture médiévale, le designer mériterait bien une petite séance de torture lui aussi.On ne devrait pas nécessairement lui infliger quelque chose de mortel comme l’empalement ou la crucifixion, mais on pourrait tout de même lui infliger la goutte d’eau dans le front pendant quelques jours ou le tonneau de la honte.

La chose la plus simple à faire et qui règlerait tout de suite le problème est de tout bonnement changer la couleur du texte noir par le blanc utilisé pour le texte se trouvant au-dessus et au-dessous de lui.

Le corps du texte : le texte est écrit en corps trop élevé.

Orientation oblique1

L’ORIENTATIONDU TEXTE

1

CE QUI CLOCHE


AUTRE PROBLÈME:


15

Lorsqu’on veut modifier l’orientation d’une phrase ou d’un texte complet afin de lui donner une direction atypique, cette transformation doit être bien gérée et plus important encore, significative. Dans cet exemple, le changement d’orientation n’apporte absolument rien au design et lui donne plutôt un aspect médiocre. Il ne fait que compliquer la lecture. Par surcroît, l’orientation n’est pas toujours la même ce qui assaille encore plus le regard.

Étant donné qu’il devait susciter l’intérêt du lecteur envers les peuples indigènes qui rencontrent certaines difficultés, le designer devrait aller offrir de l’aide humanitaire là-bas. Il pourrait peut-être aussi offrir son emploi à l’un des membre de cette population. Ce dernier serait sans doute un bien meilleur designer que lui puisqu’il est assez difficile de faire pire.

L’astuce est simple : redresser le texte correctement et les images au même moment.

Le choix typographique : en plus d’avoir trois typos différentes, leur choix est assez douteux.

1 13 césures

LES CÉSURES

1

CE QUI CLOCHE


AUTRE PROBLÈME:


17

Lorsqu’un texte est placé en drapeau, il ne doit, en aucun cas, comporter de césure. Effectivement, les césures peuvent être utiles dans les textes justifiés et placés en colonnes étroites, mais étant donné qu’un texte en drapeau est plus facile à manier, elles deviennent inutiles. Dans cet exemple, cette contrainte n’est clairement pas respectée. Il semble même que les césures aient été placé là volontairement tellement on en retrouve en grande quantité.

Puisque son travail concerne les vignes et du même coup le vin, la punition du designer pourrait consister en l’interdiction de boire cette délicieuse boisson ad vitam aeternam.

Le mieux à faire serait de sélectionner tout le texte et d’interdire au logiciel dans lequel il est inscrit de placer des césures. Tout devrait se placer comme il le faut assez rapidement. Il serait également possible d’insérer des retours forcés devant les mots césurés, mais cette méthode serait beaucoup plus longue et embêtante.

Le contraste texte/fond : le contraste entre le texte et la couleur en arrière de ce dernier est trop faible, ce qui rend sa lecture difficile.

1

2

3

Centré croche

Centré

Aligné à gauche

ALIGNEMENTDU TEXTE

2 31

CE QUI CLOCHE


AUTRE PROBLÈME:


19

Souvent, dans un design, surtout celui d’une brochure plutôt conventionnelle, on doit retrouver une certaine uniformité. Tant au niveau des couleurs, des choix typographiques, du style de rédaction, etc. Il est semblablement préférable de favoriser un seul type d’alignement à moins qu’une variation soit réellement pertinente. Ici, le designer a utilisé trois alignements distincts, ce qui brise complètement l’harmonie du document. Dommage puisque l’harmonie n’y abonde pas trop.

Son dépliant traitant d’une excursion pour aller observer des baleines, le designer mériterait d’aller faire une balade en kayak pendant les manifestations de ces mammifères géants et ce, sans veste de sauvetage.

La solution serait de tout aligner de la même façon, de ne choisir qu’un seul alignement et de l’attribuer à tous les paragraphes. Le ferré à gauche semble être le meilleur choix d’aligenement puisque c’est celui-ci qui est le plus commode à lire.

Les effets sur la typographie : mettre un contour à une typo est un choix graphique plutôt douteux.

LE MOCHE DU MOCHE

1

1

WOW, juste wow!

CE QUI CLOCHE


AUTRE PROBLÈME:


21

Sincèrement, tout. Beaucoup trop de typos sont utilisées et leur choix est assez louche, elles ne sont aucunement professionnelles ou appropriées. Les images, qui sont beaucoup trop nombreuses elles aussi, sont affreusement mal intégrées au texte et ne servent pas de but précis. L’effet d’arche ajouté sur «SPACE VOYAGE, INC. est également inadéquat et horrible. Il n’y a aucune constance pour ce qui est de l’alignement ou de la graisse. Bref, l’ensemble de la brochure est une parfaite abomination.

Peut-être pourrait-il tout simplement perdre la vue puisque c’est ce que l’on souhaite lorsque l’on admire son oeuvre.

La meilleure option : tout recommencer depuis le début.

Tout a déjà été dit...

enfin!

CANONSTYPOGRAPHIQUES

3

2

1 Composition typographique impressionnante

Contraste entre le fond et le texte fort

Grisé de texte réussi

ADRIAN FRUTIGERINFOGRAPHIC

1 2 3

25


CE QUI FASCINE

Puisque son travail concerne un grand créateur de caractères et de logotypes, le designer mériterait qu’on donne son nom à la prochaine oeuvre de ce cher Frutiger.

Ce qui capte tout de suite l’attention et qui captive le regard est clairement la silhouette créée grâce à la typo. En effet, par sa singularité, sa qualité esthétique et sa gestion exemplaire, celle-ci est fortement saisissante. Par la suite, ce sont les courts paragraphes qui semblent décrire certaines images se trouvant sur la tête du personnage que l’on remarque. Ceux-ci sont facilement notables puisqu’ils sont de couleur noir et qu’ainsi il y a un haut contraste entre eux et le fond de l’affiche qui lui est jaune. De plus, leur choix typographique étant ingénieux et leur interlettrage et leur interlignage étant bien choisis, leur grisé de texte devient attrayant, ce qui en facilite considérablement la lecture.

3

2

1 Beau mélange de typographies

Utilisation de l’humour dans la rédaction

Drapeau et grisé de texte réussis

OLD ISTHE NEW

1 2 3

27


CE QUI FASCINE

Vu son irrévocable talent pour le design graphique et pour la typographie, ce jeune designer brésilien mériterait d’empocher un emploi dans une grande firme de design sur le champ. Plus besoin de chercher petit, tu es engagé!

L’affiche en soi est très agréable à regarder. Tout semble s’harmoniser, que ce soit, la texture en arrière-plan, le motif au bas de la page ou la typographie. Pour ce qui est de la typo en tant que telle, à l’égal de l’ensemble, celle-ci est bien équilibrée. Le mélange de la typo bâton et de la typo manuscrite est habilement géré. D’ailleurs, l’utilisation de ce mixte est très pertinent, il y a un véritable lien entre le fond et la forme. Le grisé de texte ainsi que le drapeau sont tout aussi réussis, ils sont agréables à voir et à lire. Finalement, l’humour qu’emploie le designer rend son travail encore plus accrocheur et digne d’intérêt.

Aberrations typographiques

Documents

Transcript of Aberrations typographiques