visuels.pdf

Iufm de Reims - J.Bresson - Quelques rgles sur les visuels page 1/4

A une police correspond un dessinparticulier de l'ensemble descaractres (capitales, bas decasse chiffres, ponctuation,symboles).

Le corps d'un caractre est exprim enpoints ; un "corps 12" signifie 12points pica de haut (un point mesureenviron 0,35 mm).

Les rgles dcriture sur les visuels

1 Un peu de vocabulaire

1.1 Les polices de caractres

D'un point de vue oprationnel, il est possible de classer les polices de caractres, en fonction de leurdessin, en cinq familles :

ANTIQUES pas d'empattement Helvetica, UniversELZEVIRS empattement triangulaire Garamont, TimesEGYPTIENNES empattement rectangulaire Menphis, RockwellDIDOTS empattement filiforme Bodoni, CourierFANTAISIES autres formes, "originales" Brush, Desdemona

Ne pas mlanger dans une mme prsentation plus de trois polices de caractres ni des policesappartenant une mme famille (Times et Bookman appartenant tous deux la famille desElzvir).

Attention aux Didots, aux empattements filiformes, qui risquent d'tre mal visualiss dans lespetits corps, aux caractres fantaisie qui se lisent mal de loin ou/et font dsordre .

Utiliser ventuellement une police Antique pour les titres (les polices de cette famille donnent plus voir qu lire) et une police de la famille Elzvir pour le corps du texte (les empattements guidentlil vers le caractre suivant).

1.2 Le corps des caractres

Lil du caractre dsigne la trace laisse par le caractre, (en bas de casse), sur la feuille aprsimpression (pour un mme corps, lil d'un Arial est plus gros que celui d'un Times, il se lit mieuxde loin, mais est nettement plus encombrant ).

Une police

capitale

bas de casse jambage infrieur

jambage suprieur

ligne de base


Voici deux phrases en corps 16pts :

Suivant la police utilise, pour un mme corps, lil du caractre peuttre plus ou moins important, le message occupe alors plus ou moinsde place.

Suivant la police utilise, pour un mme corps, lil du caractre peut treplus ou moins important, le message occupe alors plus ou moins de place.

2 Comment faciliter la lecture ?

2.1 Bas de casse ou capitales ?

LISEZ CES PHRASES. LESQUELLES SONT LEPLUS FACILEMENT LISIBLES ?

Lisez ces phrases. Lesquelles sont le plusfacilement lisibles ?2.2 Un caractre ayant une chasse moins importante, est plus dynamique

Les caractres qui chassent plus sont plus statiques.

Les caractres plus troits sont plus dynamiques.

2.3 Attention aux italiques qui sont souvent plus lentes lire

Les italiques sont souvent plus lentes lire que les caractres romains.

Les italiques sont souvent plus lentes lire que les caractres romains.

2.4 Caractres trop resserrs et empattements diminuent le contraste descaractres

Lisez ces phrases. Lesquelles sont le plus facilement lisibles ?



2.5 Attention aux caractres fantaisie , prfrer lefficace au look


Lisez ces phrases. Lesquelles sont leplus facilement lisibles ?

Lisez ces phrases. Lesquelles sont le plusfacilement lisibles ?

Lisez ces phrases. Lesquelles sont le plusfacilement lisibles ?


2.6 Linterlignage trop troit entrane une confusion oculaireUtiliser ventuellement une police Antique pour les titres (les polices de cette familledonnent plus voir qu lire) et une police de la famille Elzvir pour le corps du texte(les empattements guident lil vers le caractre suivant).

2.7 Attention aux effets de bandes provoqu par un interlignage tropimportant

Utiliser ventuellement une police Antique pour les titres (les polices de cette famille

donnent plus voir qu lire) et une police de la famille Elzvir pour le corps du texte

(les empattements guident lil vers le caractre suivant).


MAUVAIs

2.8 Quelques autres rgles Utiliser un vocabulaire prcis et concis (et chasser les verbes pauvres : faire, avoir, aller, mettre

Eviter les expressions du type de il y a )

Prfrer des mots courts (au-del de 4 syllabes danger !)

Accentuer ventuellement les capitales (DES CONGRES sont des poissons, des congrs cesttout de mme autre chose !)

Bannir le passif, la forme ngative

Chasser les sigles et les abrviations

Prfrer la prsentation aligne gauche une prsentation justifie ou centre qui ne proposeaucun repre fixe pour lil.

Donner de limpact aux items avec des puces

Eviter si possible davoir plus de 6 lignes dans un visuel (si une ide ncessitedtre dlite en un trop grand nombre ditems, rechercher lexistence de deuxsous-ensembles)

Les textes disposs verticalement seront plutt obtenus par une rotation gauchede 90, la lecture en est facilite.

Disposition des images : Une image verticale donne une ide de dynamisme, de mobilit ; uneimage carre impose la neutralit ; une image horizontale implique le statisme, limmobilisme ;une image vue de face informe, renseigne ; une image en contre-plonge domine le lecteur etavertit ; une image en plonge donne une impression de possession et incite acqurir.

Un texte comme une image est mis en valeur par le blanc qui est autourIl nest donc pas toujours utile dcrire gros ou dagrandir une image pour que le texte oulillustration soit mise en vedette (terme consacr pour des images non habilles de part et dautrepar du texte).

A propos de la lisibilit des couleursSil sagit de produire un transparent, on privilgiera un fond clair, un texte fonc ; sil sagit dunvisuel projet laide dun outil de PREAO, on prfrera un fond fonc et une criture claire.

Principe de choix d'une combinaison de couleurs dans la roue chromatique

orange

jaune

vert

bleu

violet

Couleurs analogues,en harmonique,effet apaisant etharmonieux

Couleursquidistantes :couleurscontrastes leffet quilibr.

Couleurscomplmentaires,elles attirentlattention.

rouge

Documents

visuels.pdf