Sondage du mois

Sondage du mois
 

  La connaissance ne vaut que si elle est partagée par tous




 
  Astuce Adobe Photoshop : Raccourci Annuler : Ctrl Z




Les tutoriaux: Index » Photoshop » Vrac » La typographie dans vos créations : chapitre 2

Introduction

  • Tutoriel posté par Logan0015
  • 12733 lectures
  • Mis en ligne le 07-02-2008
  • Dernière mise à jour le 25-10-2010
  • Ce tutoriel a été estimé comme simple.


Automatic Translations:
Translate Into English Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Après avoir fait connaissance avec la typographie et le caractère, je vous propose d'entrer maintenant dans le vif du sujet qu'est l'utilisation de la typographie. Nous commencerons donc par quelques rappels sur les règles typographiques françaises, puis nous nous intéresserons sur les propriétés des paragraphes, l'écriture des caractères spéciaux, pour enfin terminer par quelques conseil quand à l’utilisation de la typographie dans vos travaux.

Méthodologie

Règles typographiques françaises |

La typographie, c’est bien… On a vue ce que c’était dans le premier chapitre, mais vous vous en doutez certainement, elle en s’arrête pas aux caractères uniquement. Voici donc certaines (pas toutes) des règles qui la régisse et qu’il est toujours bon de rappeler.

Accents sur les capitales

Les accents sur les capitales :

Contrairement à une idée reçue extrêmement courante, IL FAUT écrire les accents sur les lettres capitales.

Pourquoi ?

Parce qu’en français, l’accent n’est pas juste là pour décorer :

  • il fait partie de l’orthographe du mot, par conséquent, écrire REGLE au lieu de RÈGLE constitue une faute d’orthographe.
  • l’accent détermine la prononciation du mot, et par conséquent permet de distinguer deux mots ayant une orthographe similaire bien que l’un s’écrivant sans accent (voir illustration d’exemple).

Les sigles

Les sigles :

Les sigles s’écrivent généralement en capitales, sans points entre les lettres.

Civilités

Les abréviations de civilités :

De même que pour les accents sur les capitales, les abréviations que l’on utilise couramment pour écrire les civilités ne sont par forcément "justes".

Prenons l’exemple de Mr. Pour Monsieur. Cette écriture est rentrée dans les mœurs et nous viens de la dactylographie, mais les règles typographiques originales nous précisent que l’abréviation de Monsieur est M. tout simplement.

Espaces et ponctuation

Les espaces avant et après les signes de ponctuation :

Chacun sait qu’entre le dernier mot d’une phrase et le point qui clôture celle-ci, on ne doit pas mettre d’espace, mais qu’en est-il pour les autres signes de ponctuation ?

Voici au travers de l’illustration d’exemple, les règles à respecter concernant ces espaces.

Vous noterez l’utilisation d’un espace appelé "espace insécable". Il s’agit en fait d’un espace plus court de que l’espace habituel entre les mots. Malheureusement cet espace est relativement difficile à mettre en place. Il existe bien des raccourcis pour Word et les logiciels d’édition comportent des options à ce sujet, mais il est généralement très difficile à mettre en place (car très contraignant), aussi généralement, il est remplacé par un espace classique.

premier second

Les abréviations de premier, première, … :

Ici aussi les règles sont strictes (voir illustration d’exemple).

Textes et paragraphes |

Lorsque l’on rédige un texte, c’est dans le but d’être lue, ça semble évident. Pour autant nombre de gens rédigent des "pavés" sans la moindre considération pour leurs lecteurs, ces derniers devant eux-mêmes se débrouiller pour s’y retrouver dans un texte long, sans saut de ligne ni mise en avant d’un mot de quelque manière que ce soit.

Pourtant la typographie nous fournit quelques outils utiles à la mise en forme de nos textes.

Aeration paragraphes

L’aération :

Commençons d’abord par le bon sens. Pour rendre un texte plus agréable à lire, les premiers outils dont l’on dispose sont le retour à la ligne et le saut de ligne.

C’est plutôt simple à utiliser pour peu que l’on ne soit pas trop avare ou généreux dans leur utilisation.

Les justifications

Les justifications :

Il s’agit ici de positionner le texte. Un texte peut être :

  • justifié (et ses variantes)
  • en fer à gauche (ou aligné à gauche)
  • en fer à droite (ou aligné à droite)
  • centré

interlignage

L’interlignage :

C’est la valeur de l’écart entre les lignes d’un texte, il peut être augmenté ou diminué.

interlettrage

L’interlettrage :

C’est la distance entre els caractères, de même que l’interlignage, il peut être augmenté ou diminué.
Elle permet de "contrôler" l’approche entre els caractères. C’est très utile pour aérer des titres.

alinéa

L’alinéa :

Non il ne s’agit pas du petit personnage animé que vous avez pu voir à la télé…

L’alinéa est l’espace vide que l’on place au début d’un paragraphe pour signifier généralement que l’on change de sujet.

Les caractères spéciaux |

Plutôt qu’un long discourt, voici un tableau récapitulatif des principaux caractères spéciaux, les raccourcis clavier pour les afficher sous MAC et PC, ainsi que leurs noms (ça peut servir) :

Il s’agit d’un tableau non exhaustif.

Attention la mention pas de combinaison ne signifie pas forcement qu’il n’existe pas de combinaison pour obtenir la lettre. Considérez-la plutôt comme une mention.
Par exemple, sous Mac, pour écrire un É il suffit de taper é lorsque les majuscules sont verrouillées.

Les combinaisons présentées ici ne sont pas les codes permettant d'afficher les caractères spéciaux dans vos pages web (nous les verrons dans un prochain chapitre).

SIGNES

Caractère

Combinaison PC

Combinaison MAC

Nom du caractère

¤

Alt + 0164

pas de combinaison

symbole monétaire

Alt + 0134

Alt + T

croix (doute sur le nom)

×

Alt + 0215

pas de combinaison

signe multiplication

÷

Alt + 0247

Alt + :

signe division

Alt + 0182

Alt + 6

pied de mouche (fin de paragraphe)

Alt + 0135

Alt + Q

double coirx (doute sur le nom)

±

Alt + 0177

Alt + Maj + =

signe plus-ou-moins

Alt + 0151

Alt + -

tiret long (doute sur le nom)

Alt + 0150

Alt + Maj + -

tiret, trait d'union, signe moins

§

Alt + 0167

Alt + Maj + B

paragraphe (Alinéa)

ˆ

Alt + 0136

touche directe

accent circonflèxe

˜

Alt + 0152

Alt + N

tilde

«

Alt + 0171

pas de combinaison

guillemet fançais ouvrant

»

Alt + 187

pas de combinaison

guillemet français fermant

¦

Alt + 0166

pas de combinaison

barre verticale interrompue

Alt + 0137

Alt + Maj + ù

signe pour mille

©

Alt + 0169

Alt + C

signe Copyright

®

Alt + 0174

Alt + R

sigen Marque déposée

Alt + 0153

Alt + Maj + T

signe Trade Marketing

ø

Alt + 0248

Alt + à

o barré oblique (espace vide, diamètre)

Ø

Alt + 0216

Alt + Maj + à

o barré oblique capitale (espace vide, diamètre)

ª

Alt + 0170

Alt + Maj + u

indicateur ordinal féminin

þ

Alt + 0222

pas de combinaison

lettre minuscule Thorn

þ

Alt + 0254

pas de combinaison

lettre capitale Thorn

ƒ

Alt + 0131

Alt + F

lettre minuscule F hameçon

ß

Alt + 0223

Alt + B

lettre minuscule S dur (S dur allemand, Szed)

µ

Alt + 0181

Alt + M

symbole micro

ð

Alt + 0208

pas de combinaison

lettre capitale ETH

º

Alt + 0186

Alt + u

symbole degré

Alt + 0149

Alt + @

signe balle

Alt + 0132

pas de combinaison

double virgule

Alt + 0133

pas de combinaison

points de suspension

¬

Alt + 0172

Alt + L

signe négation (symbole non)

¿

Alt + 0191

Alt + Maj + ,

point d'interrogation renversé

¡

Alt + 0161

pas de combinaison

point d'exclamation renversé

¥

Alt + 0165

Alt + Maj + $

symbole Yen

£

Alt + 0163

pas de combinaison

symbole Livre

Alt + 0128

pas de combinaison

symbole Euro

¢

Alt + 0162

Alt + Maj + C

symbole centimes

²

Alt + 0178

pas de combinaison

signe exposant 2

³

Alt + 0179

pas de conbinaison

signe exposant 3

½

Alt + 0189

pas de conbinaison

symbole un demi

¼

Alt + 0188

pas de combinaison

symbole un quart

¾

Alt + 0190

pas de combinaison

symbole trois quarts

La pomme

pas de combinaison

Alt + 1

La pomme (logo Macintoch)

pas de combinaison

Alt + ,

symbole infini

¸

Alt + 0184

pas de combinaison

cédille

π

pas de combinaison

Alt + P

symbole pi minuscule

Π

pas de combinaison

Alt + Maj + P

symbole pi capitale

&

pas de combinaison

pas de combinaison

perluète (esperluète, esperluette)

CARACTÈRES

Caractère

Combinaison PC

Combinaison MAC

Nom du caractère

á

Alt + 0225

pas de combinaison

A minuscule accent aigu

à

Alt + 0224

pas de combinaison

A minuscule accent grave

â

Alt + 0226

pas de combinaison

A minuscule accent circonflèxe

ä

Alt + 0228

pas de combinaison

A minuscule tréma

å

Alt + 0229

pas de combinaison

A minuscule rond en chef

Á

Alt + 0193

Alt + Maj + G

A capitale accent aigu

Ã

Alt + 0195

pas de combinaison

A capitale tilde

Ä

Alt + 0196

pas de combinaison

A capitale tréma

Å

Alt + 0197

Alt + Maj + Z

A capitale rond en chef

À

Alt + 0192

pas de combinaison

A capitale accent grave

Â

Alt + 0194

Alt + Z

A capitale accent circonflèxe

æ

Alt + 0230

Alt + A

ligature minuscule AE

Æ

Alt + 0198

Alt + Maj + A

ligature capitale AE

ç

Alt + 0231

pas de combinaison

C cédille minuscule

Ç

Alt + 0199

Alt + 9

C cédille capitale

ê

Alt + 0234

Alt + E

E minuscule accent circonflèxe

é

Alt + 0233

pas de combinaison

E minuscule accent aigu

ë

Alt + 0235

Alt + 2

E minuscule tréma

è

Alt + 0232

pas de combinaison

E minuscule accent grave

Ê

Alt + 0202

Alt + Maj + E

E capitale accent circonflèxe

Ë

Alt + 0203

Alt + Maj + K

E capitale tréma

É

Alt + 0201

pas de combinaison

E capitale accent aigu

È

Alt + 0200

pas de combinaison

E capitale accent grave

ï

Alt + 0239

pas de combinaison

I minuscule tréma

í

Alt + 0237

pas de combinaison

I minuscule accent aigu

î

Alt + 0238

pas de combinaison

I minuscule accent circonflèxe

ì

Alt + 0236

pas de combinaison

I minuscule accent grave

Í

Alt + 0205

Alt + Maj + J

I capitale accent aigu

Ì

Alt + 0204

Alt + H

I capitale accent grave

Î

Alt + 0206

Alt + Maj + H

I capitale accent circonflèxe

Ï

Alt + 0207

Alt + J

I capitale tréma

ñ

Alt + 0241

pas de combinaison

N minuscule tilde

Ñ

Alt + 0209

pas de combinaison

N capitale tilde

œ

Alt + 0156

Alt + O

ligature minuscule OE

Œ

Alt + 0140

Alt + Maj + O

ligature capitale OE

ô

Alt + 0244

Alt + ˆ

O minuscule accent circonflèxe

ö

Alt + 0246

pas de combinaison

O minuscule tréma

ò

Alt + 0242

pas de combinaison

O minuscule accent grave

õ

Alt + 0245

pas de combinaison

O minusucle tilde

ó

Alt + 0243

pas de combinaison

O minusucle accent aigu

Ó

Alt + 0211

Alt + Maj + M

O capitale accent aigu

Ô

Alt + 0212

Alt + Maj + ˆ

O capitale accent cirocnflèxe

Õ

Alt + 0213

pas de combinaison

O capitale tilde

Ö

Alt + 0214

pas de combinaison

O capitale tréma

Ò

Alt + 0210

Alt + S

O capitale accent grave

š

Alt + 0154

pas de combianison

S caron minuscule

Š

Alt + 0138

pas de combinaison

C caron capitale

ú

Alt + 0250

pas de combinaison

U minuscule accent aigu

ü

Alt + 0252

pas de combinaison

U minuscule tréma

û

Alt + 0251

pas de combinaison

U minuscule accent circonflèxe

ù

Alt + 0249

pas de combinaison

U minuscule accent grave

Ù

Alt + 0217

Alt + ù

U capitale accent grave

Ú

Alt + 0218

Alt + y

U capitale accent aigu

Ü

Alt + 0220

pas de combinaison

U capitale tréma

Û

Alt + 0219

Alt + Maj + 8

U capitale accent circonflèxe

ÿ

Alt + 0255

pas de combinaison

Y minuscule tréma

Ÿ

Alt + 0159

Alt + Maj + y

Y capitale tréma

ý

Alt + 0253

pas de combinaison

Y minuscule accent aigu

Ý

Alt + 0221

pas de combinaison

Y capitale accent aigu

Bons usages |

Sans avoir la prétention d’être exhaustif, voici quelques petits conseils pour l’utilisation de la typographie dans vos projets :
3 polices

Pas plus de 3 polices différentes dans le même projet :

Pensez à vos lecteurs, et limitez le nombre de polices différentes à 3, grand maximum sur le même document.

Changer de style typographique trop souvent au court d’un même document nui gravement à votre sujet. Il le rend fatiguant à lire car le lecteur doit constamment s’adapter à un nouveau style et s’en lassera très (très) rapidement.

De plus un document comportant peu de polices différentes conserve une meilleure homogénéité.

police et sujet

Choisissez vos polices en fonction de vos sujets :

Comme nous l’avons vue dans le premier chapitre, les différentes familles de caractères représentent plusieurs "styles graphiques" différents qui s’adaptent plus ou moins bien selon le sujet.

Mais je n’irais pas plus loin ici et vous renvoie au tutoriel de Samaele consacré à ce sujet (tut en cours rédaction au moment où celui-ci est mis en ligne).

caractères semi-visibles

Caractère visibles en partie :

Que ce soit pour une raison graphique (What else ?) ou autre, si vous devez ne faire apparaître qu’une partie d’un caractère, préférez la partie haute.

En effet un caractère reste plus facilement identifiable si on l’ampute de sa partie basse plutôt que de sa partie haute (voir illustration d’exemple).

approches

Attention à vos approches :

La grande majorité des logiciels de mise en page et de graphisme (pour ne pas dire tous), vous permet de régler l’approche des caractères, et bien que cela soit très utile dans certains cas, je vous conseil de ne pas trop en abuser dans vos textes.

Par contre vous êtes beaucoup plus libres pour ce qui est des titres ou phrases courtes où l’impacte et moins « perturbant ».

Lisibilité police

Attention à la lisibilité de vos polices :

De même que pour l’approche, réservez les polices très complexes aux titres et autres textes courts qui pourront êtres écrits plus gros et seront donc plus déchiffrables.

Conclusion |

Ce chapitre s'achève ici.

Pour compléter le précédent chapitre, nous venons de voir quelques règles qui régissent la typographie, ainsi les deux premiers chapitres posent les bases qu'il est bon de connaître pour manipuler les caractères. Ainsi j'espère que ces connaissances vous permettront de gagner du temps dans la manipulation des textes ou au moins vous éviterons de commettre des errerus pouvant niure à la lisibilité de vos créations.

Bien sûr comme toutes les règles elles peuvent êtres transgréssées, alors à vous de jouer…

Dans le prochain chapitre nous explorerons les fonctions dédiées à la manipulation des caractères dans Photoshop et Illustrator.

Ressources ayant servit à la rédaction de ce cours :
http://pagesperso-orange.fr/damien.jullemier/typ/index.htm http://francois.huet.free.fr/typographie/ http://www.petitkar.com/plugins/openfiches/fiches.php?lng=fr&nom_fiches=Fiches%20Typographie&mode=fichestypographie http://www.affaire-esperluette.com/ http://www.osxfacile.com/caractere.html http://www.starr.net/is/type/altnum-fr.html http://www.synapse-fr.com/typographie/TTM_0.htm http://fr.wikibooks.org/wiki/R%C3%A9daction_technique/Glossaire_de_typographie http://marcautret.free.fr/sigma/pratik/typo/guilles/index.php http://www.table-ascii.com/ http://www.mus.ulaval.ca/roberge/gdrm/08-codes.htm http://www.typographie.images-en-france.fr/lexique-regles-typographiques.php http://a1.esa-angers.educagri.fr/informa/web_pao/pao_34.htm http://alis.isoc.org/codage/iso10646/rang_00.htm http://bcev.nfrance.com/typo.htm http://www.orthotypographie.fr.st/ http://www.synec-doc.be/doc/accents2.htm

Notes

  Evaluez le tutorial (25 Votes)

18
1
6

Comme d'habitude, l'erreur est humaine donc pour toute erreur, faute de frappe ou d'orthographe, le forum ou MP. Merci

Pour les questions ou d'éventuelles remarques, dirigez vous vers le forum.

Réagir sur ce tutoriel - [Photoshop] La typographie dans vos créations : chapitre 2

DERNIÈRES PUBLICATIONS DE OPEN-MOUTHED

En direct de open-mouthed.com