Vous êtes sur la page 1sur 41

} Introduction

Initiation à la Publication
assistée par ordinateur (PAO)

Cours de Sébastien ANGONNET


Ingénieur d’études en Sciences de l’information géographique
} Introduction

Du passé à aujourd’hui

Passé

Aujourd’hui

L’apprentissage facile des logiciels de mise en page ne doit pas pour autant entraîner des horreurs typographiques !
2
} Introduction

La Publication Assistée par Ordinateur (PAO)

• Journaux d’entreprise, bulletins ;


• Revues (nationales, régionales, privées,
publiques ...) ;
• Plaquettes, brochures, livrets, livres ;
• Dépliants divers, prospectus ;
• Posters, affiches ;
• Rapports scientifiques, comptes rendus,
thèses...
• Vidéo, télévision, cinéma, web…
• Diaporama, rétroprojection ;
• CD-Rom ;
• Internet.

La PAO va permettre de réaliser des documents imprimés ou diffusés électroniquement


mais les grands principes seront les mêmes quelque soit le médium utilisé. 3
} Introduction

S’adapter au contexte de présentation

Quelle information donner, à quel public ? La qualité « artistique » du document ne


doit pas entravé la lisibilité.
Affiche qui annonce Poster qui présente une
un événement étude, l’écriture est trop
- Titre (sujet de fine et trop petite.
l’événement) On lit mal les parties sur
- Date les dégradés violets
- Lieu (Zoom). Le titre n’est
Le reste est présent pas clair.
mais secondaire

Zoom

4
} Introduction

Plan du cours

• Introduction ü Documents en téléchargement


(en PDF)
• Réalisation
- Présentation
• Hiérarchisation - Bibliographie

• Typographie - Nuancier de couleurs

• Sémiologie graphique

• Les outils

• Le cas particuliers du poster scientifique

5
} Réalisation

Toujours travailler à la taille réelle de publication du document

Une page d’ouvrage Choix du format de papier

Source : formatsdepapier.com

6
} Réalisation

Éléments à déterminer

Format standard Orientation

Désignation Dimensions (en cm)

ISO A0 84,1 x 118,9

ISO A1 59,4 x 84,1

ISO A2 42 x 59,4

ISO A3 29,7 x 42

ISO A4 21 x 29,7

7
} Réalisation

Plan du cours

• Introduction ü Documents en téléchargement


(en PDF)
• Réalisation
- Présentation
• Hiérarchisation - Bibliographie

• Typographie - Nuancier de couleurs

• Sémiologie graphique

• Les outils

• Le cas particuliers du poster scientifique

8
} Sémiologie graphique

Les principes

Voir plutôt que lire

• « On reçoit d’un coup l’essentiel du


message » Roger Brunet

• Le lecteur capte l'information dans les six


premières secondes de contact avec
l’illustration.

9
} Hiérarchisation

Mise en forme du texte

Mise en page en « tapis » Mise en forme typographique

Toutes les informations sont données sans Les informations sont hiérarchisées et les
hiérarchisation. règles de typographie appliquées.
10
} Hiérarchisation

12
} Hiérarchisation

Hiérarchiser son propos

En partant du corps de texte de base Exemple


Ouvrage
• Définir un ordre d’importance
PARTIE
titre de l’ouvrage
Ouvrage Times bold 30 pt centré situé en « belle
page »
CHAPITRE
T é à gauche en
titre de partie PARTIE capitales situé en Il«faut
belle page
choisir » document avec plusieurs pages si il sera recto-verso ou non. Il faut
sur un
choisir sur un document avec plusieurs pages si il sera recto-verso ou non. Il faut choisir sur
T un documentéavec
à gauche en si il sera recto-verso ou non. Il faut choisir sur un document
plusieurs pages
titre de chapitre CHAPITRE capitales situé en
avec«plusieurs
belle page
pages si»il sera recto-verso ou non.

T é à gauche en
SOUSCHAPITRE
titre de sous chapitre SOUS CHAPITRE petites capitales situé en « belle page »
Il faut choisir sur un document avec plusieurs pages si il sera recto-verso ou non. Il faut
T é document
choisir sur un à gauche avec5plusieurs
mm pages si il sera recto-verso ou non. Il faut choisir sur
titre de section Section un document avec plusieurs pages si il sera recto-verso ou non. Il faut choisir sur un document
avant et 3 mm après
avec plusieurs pages si il sera recto-verso ou non.
T é à gauche 3 mm
titre de sous-section Sous-Section Section
avant et 2 mm après
T Il faut choisir suréun
à document
gaucheavec plusieurs pages si il sera recto-verso ou non. Il faut
titre de sous sous-section Sous Sous-Section choisir sur un document avec plusieurs pages si il sera recto-verso ou non. Il faut choisir sur
2 mm avant et 1unmm après
document avec plusieurs pages si il sera recto-verso ou non. Il faut choisir sur un document
avec plusieurs pages si il sera recto-verso ou non.
SousSection

• L’italique est la forme de hiérarchie la Il faut choisir sur un document avec plusieurs pages si il sera recto-verso ou non. Il faut
choisir sur un document avec plusieurs pages si il sera recto-verso ou non. Il faut choisir sur

plus basse, une fois utilisée on peut un document avec plusieurs pages si il sera recto-verso ou non. Il faut choisir sur un document
avec plusieurs pages si il sera recto-verso ou non.

repasser sur du Regular


SousSousSection
Il faut choisir sur un document avec plusieurs pages si il sera recto-verso ou non. Il faut
choisir sur un document avec plusieurs pages si il sera recto-verso ou non. Il faut choisir sur
un document avec plusieurs pages si il sera recto-verso ou non. Il faut choisir sur un document
avec plusieurs pages si il sera recto-verso ou non.
13
} Hiérarchisation

Hiérarchiser son propos

Espaces Soulignement

• Plus grand avant le titre/sous-titre • N’apporte pas de hiérarchie


• Après le titre/sous-titre moins grand • Peut réduire la lisibilité
pour garder la liaison avec le texte

Sans espace avant Avec espace avant


la Hiérarchie est la Hiérarchie est
moins claire. plus claire.

14
} Hiérarchisation

Police de document

Classification Francis Thibaudeau Décliner les caractères : le corps

D’après la classification de Francis Thibaudeau


15
} Hiérarchisation

Police de document

Décliner les caractères : la taille de corps Décliner les caractères : le niveau

• le corps du texte en point • Majuscules (capitales) ou minuscules


- Le corps 9 (bas de casse)
- Le corps 10 • Toutes deux sont accentuées
- Le corps 12
Lecture confortable 10-12 même si la limite
basse est de 8.
Les corps 6-7 peuvent être utilisés pour les bas
de page, copyrights, nom du graphiste…

• le corps du titre en point

- Le corps 18, 24 ou 36 Accentuez les majuscules sinon cela devient un charabia


incompréhensible.

16
} Hiérarchisation

Police de document

Emploi de la majuscule Décliner les caractères : la graisse


- Systématiquement en début de phrase après un point ;
pour les noms propres ; le titre d’une œuvre ; une
• Épaisseur du trait de caractère
- citation ; l’énumération superposée ;
- Permet de hiérarchiser le texte
- le sigle (les points abréviatifs sont pas nécessaires).
Exemple : P.T.T. ou PTT ;
- Met en avant des termes/expressions
- le nom de marque (exemple : Un canapé de Skaï) ;
les points cardinaux quand ils désignent une partie du • Les polices avec une grande variété de graisse
-
monde ou d’un pays, quand ils sont intégrés dans un nom permettent d’appliquer ces principes plus facilement
propre de géographie (mer du Nord).

- Extra Light, light

- Regular/normal
Décliner les caractères : la pente
- Semi-bold/semi gras
• Droit (standard) ou penché (italique)
- Bold/Gras

• Italique est légèrement moins lisible et doit être réservé : Heavy, Black, Extra black
-
- aux citations,
Graisse auquel on peut ajouter des variation d’espaces entre
titres d’ouvrages, les caractères avec des caractères Condensed/condensés
-
- Mots ou expressions d’origine étrangères

- Termes techniques ou scientifiques


Deux polices maximum dans un document
17
} Hiérarchisation

Le titre

Le Titre À éviter

• Il est lu cinq fois plus souvent que le texte ; • Le soulignement


- Il ne renforce pas la hiérarchie ;
• Les titres de 6 à 12 mots sont les plus lus ;
- Il rend la lecture moins aisée.
• Il doit tenir sur deux lignes maximum ;
• Les titres en bas de casse sont les plus lus ;
• Le style ombré
• Faites de bonnes coupures à vos titres ;
- Il est illisible et donc à prohiber.

• Il est toujours en Gras/Bold ; • Le manque de contraste

18
} Hiérarchisation

Plan du cours

• Introduction ü Documents en téléchargement


(en PDF)
• Réalisation
- Présentation
• Hiérarchisation - Bibliographie

• Typographie - Nuancier de couleurs

• Sémiologie graphique

• Les outils

• Le cas particuliers du poster scientifique

19
} Typographie

Espaces insécables

Quand les placer Ponctuations

- Devant et après certaines ponctuation :


- Devant tous les signes doubles avec un point

- Après les guillemets français ouvrant

- Avant les guillemets français fermant

20
} Typographie

Espaces insécables

Quand les placer Veuves et orphelines

- entre un titre et le nom (Docteur X)

- entre les initiales du prénom, des particules


et le nom de famille (S. Angonnet)

- entre un nombre et l’unité (70 km)

- entre le taux et le pourcentage (10 %)

- Entre les entiers, les milliers, les millions


(5 000 000 hab.)

- Éviter les veuves et orphelines

21
} Typographie

Césures

Coupures des mots ou Césures Exemples

- Jamais trois coupures l’une au-dessus de


l’autre
- Pas de coupures courtes isolant la première
ou les deux premières lettres d’un mot
- Pas de coupures dans le dernier mot d’une
page
- Éviter au maximum la coupure qui rejette les
deux dernières lettres d’un mot

- Éviter la coupure incongrue

22
} Typographie

Les nombres

Nombres

- L’âge en toute lettre, la durée de vie en - les numéros de téléphone se composent en


chiffres arabes ; chiffres arabes séparés par une espace
insécable, sans tiret ni point. Exemple :
- les dates en chiffres arabes, le mois en Téléphone ou Tél. 02 43 83 31 47 ;
lettres sans majuscule ; - les pourcentages s’écrivent avec une espace
- Les unités de mesure (longueurs, surfaces, insécable entre le nombre et le signe ;
volumes, poids, vitesses, longitudes, latitudes, - l’abréviation des nombres ordinaux ; les
angles, températures, densités… ) s’écrivent exposants sont toujours en minuscules. Ex. :
1er, 1ers, 1re, 1res, 2e, XXe siècle, et primo,
en chiffres arabes et sont précédées d’un
secondo, numéro, numéros… sont abrégés en
espace insécable ; élevant un « o » de deux points et diminuant
le corps de deux points : 1o, 2o, no, nos.

23
} Typographie

Plan du cours

• Introduction ü Documents en téléchargement


(en PDF)
• Réalisation
- Présentation
• Hiérarchisation - Bibliographie

• Typographie - Nuancier de couleurs

• Sémiologie graphique

• Les outils

• Le cas particuliers du poster scientifique

24
} Sémiologie graphique

Les principes

Voir plutôt que lire

• « On reçoit d’un coup l’essentiel du


message » Roger Brunet

• Le lecteur capte l'information dans les six


premières secondes de contact avec
l’illustration.

25
} Sémiologie graphique

Simplifier

En regroupant les données En épurant les symboles

26
} Sémiologie graphique

Simplifier

En supprimant les signes brouilleurs Les traits ne doivent pas interférer

27
Simplifier

En séparant des données En jouant sur les similitudes

28
} Sémiologie graphique

Hiérarchiser

En différenciant les tracés En dégageant l’information principale

29
} Sémiologie graphique

Hiérarchiser

En fournissant des points de repères

30
} Sémiologie graphique

Normaliser

Police de caractère Représentation des figures

- La police du texte général est la même à - Mêmes trames ; mêmes symboles.


utiliser pour les figures - Mêmes éléments aux mêmes endroits.
- Les éléments de la mise en page doivent
toujours être placés à la même place

- Placer les titres des figures à l’extérieur de la


figure même facilite les modifications… les
corrections peuvent être apportées dans le Même échelle
logiciel de mise en page, et non dans le logiciel
source (logiciel dessin, cartographie, tableur, - permettre la comparaison.
SIG… ).

31
} Sémiologie graphique

Plan du cours

• Introduction ü Documents en téléchargement


(en PDF)
• Réalisation
- Présentation
• Hiérarchisation - Bibliographie

• Typographie - Nuancier de couleurs

• Sémiologie graphique

• Les outils

• Le cas particuliers du poster scientifique

32
} Les outils

Rasters versus Vecteurs

Rasters Vecteurs

Pixels Vecteurs
Zoom 1 600 Zoom 1 600

Avantages Avantages
Fichiers universels Retouche rapide
Retouche fine Tracés malléables
Tous supports Tracés fins
« Fidèle » à la réalité Effets cosmétiques
Inconvénients Poids léger des fichiers
Tracés grossiers Inconvénients
Retouche très longue Fichiers propriétaires
Tracés peu malléables Logiciels plus « techniques »
Poids élevé des fichiers Différence par rapport à la réalité

33
} Les outils

Rasters versus Vecteurs

Logos, graphiques, schéma, cartes… Images représentant la réalité

Photoshop!: Illustrator!:
Images!Bitmap Images!vectorielles
(pixels) (vecteurs) Photoshop!: Illustrator!:
Images!Bitmap Images!vectorielles
(pixels) (vecteurs)

34
} Les outils

Extensions et applications

Logiciels de Traitement d’images Logiciels de Dessin vecteur Logiciels de Mise en page


Applications Applications Applications
Adobe InDesign
Adobe Photoshop Adobe Illustrator
Scribus (libre)
The GIMP (libre) Inkscape (libre)
QuarkXpress
Affinity Photo Affinity Designer
Affinity Publisher
PhotoEditor Corel Draw
Pagemaker
Paint Freehand
Microsoft Publisher
IrfanView Canvas

Extensions Extensions Extensions
- Forte qualité sans compression - Natif Adobe Illustrator - Natif Adobe InDesgin
raw (pro) ai indd
tiff eps idml
psd pdf
Bmp - Exports
Xcf (natif Gimp) - Imports Eps
wmf Pdf
- Bonne qualité faible compression dxf, dwg Epub
Jpeg svg Xml
swf html
- Bonne qualité sans compression Cdr … Png
Png jpeg…

- Il existe d’autres extensions


Gif
Pict
Targa
35
} Les outils

Plan du cours

• Introduction ü Documents en téléchargement


(en PDF)
• Réalisation
- Présentation
• Hiérarchisation - Bibliographie

• Typographie - Nuancier de couleurs

• Sémiologie graphique

• Les outils

• Le cas particuliers de l’Infographie

36
} Infographie

Contenu et forme

Un poster doit être

• Attractif : pour capturer l’attention


• Structuré : pour favoriser la lecture
• Concis : pour axer la communication sur le
message
• Organisé de manière logique (comme un Accompagner la pérennité de l’industrie t
ndus rielles
PAYS DE LA LOIRE : si

story-board) :
économique du territoire, il en améliorant l’attractivité de ces territoires.

ité
UNE ACTIVITÉ ÉCONOMIQUE DYNAMIQUE La région a perdu -6,1 % emplois

Activ
industrielles et agricoles tout industriels entre 2005 et 2010.
en développant de l’emploi
hausse de la demande d’emploi
et a induit un recul du recours à

- identifier les différentes parties du poster


l’intérim, ce qui a fortement
impacté les jeunes. Le secteur
DIVERSIFICATION compte néanmoins 252 000
Crédit photo : I. S., vue sur la zone nord du Mans depuis Saint-Pavace
DES EMPLOIS emplois en 2016, soit 8 % des
Avec un produit intérieur brut (PIB) de 106,7

(par des titres, des couleurs…)


milliards d’euros en 2014, les Pays de la Loire
se placent parmi les régions françaises les plus
dynamiques. Le paysage économique de la
ivités agricole Les terres agricoles
années. L’emploi régional se caractérise par Act s occupent 70 % du
territoire ligérien. Avec 24

- adopter un sens de parcours du poster qui


économique ligérien. l’ensemble de l’industrie
manufacturière de la
région, l’agroalimentaire
est le premier secteur de

soit naturel ou explicite.


Pays de la Loire.

ertiaires
st
22 000
ité
Activ

Part d’emplois créés par catégorie


CRÉATION D’EMPLOIS entreprises créées en 2016

26 %
Au niveau régional, les commerces
et services marchands emploient 42 % Entreprises individuelles

L’infographie doit formuler une thèse claire sont toutefois moins développées
dans les Pays de la Loire qu’au
32 %
Sociétés

Micro-entrepreneurs

et comprendre une démonstration. Sources : Insee Conjoncture - Pays de la Loire, N° 15, Juin 2017 ; Industries agroalimentaires - ORES Pays de la Loire, Mars 2017 ; Produit intérieur brut (PIB) - ORES Pays de la
Loire, Février 2017 ; Activités industrielles en Pays de la Loire - ORES Pays de la Loire, Juin 2016 ; Diagnostic socio-économique - Pays de la Loire, Pôle Emploi, Décembre 2012

http://www.paysdelaloire.fr/ http://ores.paysdelaloire.fr/ https://www.insee.fr https://www.pole-emploi.fr Logiciels utilisés : Adobe Illustrator, Photofiltre, Excel

Vecteurs : vectorstock.com

37
} Infographie

Contenu et forme

Un scénario clair Un bon équilibre texte/illustrations

Le plan (scénario) doit comprendre - moins de 30 % de texte ;

- une introduction présentant le contexte et - plus de 40 % d’illustrations ;


les objectifs, - Garder 30 % de vide (respirations).

- un développement clair et synthétique Il faut veiller à ne pas surcharger de couleur ou


au contraire rester trop dans le noir et blanc.
- une conclusion prospective.

Guider le lecteur

38
} Infographie

Exemples
t
Accompagner la pérennité de l’industrie ndus rielles
PAYS DE LA LOIRE : économique du territoire, il en améliorant l’attractivité de ces territoires. si

ité
UNE ACTIVITÉ ÉCONOMIQUE DYNAMIQUE La région a perdu -6,1 % emplois

Activ
industrielles et agricoles tout industriels entre 2005 et 2010.
en développant de l’emploi
hausse de la demande d’emploi
et a induit un recul du recours à
l’intérim, ce qui a fortement
impacté les jeunes. Le secteur
DIVERSIFICATION compte néanmoins 252 000
Crédit photo : I. S., vue sur la zone nord du Mans depuis Saint-Pavace
DES EMPLOIS emplois en 2016, soit 8 % des
Avec un produit intérieur brut (PIB) de 106,7
milliards d’euros en 2014, les Pays de la Loire
se placent parmi les régions françaises les plus
dynamiques. Le paysage économique de la
ivités agricole Les terres agricoles
années. L’emploi régional se caractérise par Act s occupent 70 % du
territoire ligérien. Avec 24

économique ligérien. l’ensemble de l’industrie


manufacturière de la
région, l’agroalimentaire
est le premier secteur de

Pays de la Loire.

ertiaires
st
22 000

ité
Activ
Part d’emplois créés par catégorie
CRÉATION D’EMPLOIS entreprises créées en 2016

26 %
Au niveau régional, les commerces
et services marchands emploient 42 % Entreprises individuelles

Sociétés
sont toutefois moins développées 32 %
dans les Pays de la Loire qu’au Micro-entrepreneurs

Sources : Insee Conjoncture - Pays de la Loire, N° 15, Juin 2017 ; Industries agroalimentaires - ORES Pays de la Loire, Mars 2017 ; Produit intérieur brut (PIB) - ORES Pays de la
Loire, Février 2017 ; Activités industrielles en Pays de la Loire - ORES Pays de la Loire, Juin 2016 ; Diagnostic socio-économique - Pays de la Loire, Pôle Emploi, Décembre 2012

http://www.paysdelaloire.fr/ http://ores.paysdelaloire.fr/ https://www.insee.fr https://www.pole-emploi.fr Logiciels utilisés : Adobe Illustrator, Photofiltre, Excel

Vecteurs : vectorstock.com

L’ECONOMIE SOCIAL ET SOLIDAIRE


EN PAYS DE LA LOIRE
L’ESS, un secteur plus important et en croissance

Une surreprésentation des assocations


-2è région pour
l’emploi en ESS Associations 0.3%
L’OLYMPIQUE DE MARSEILLE -13.2% desétablissements Coopératives
15%
4%
privés (+3% en 2015) Mutuelles
Fondations 81%
-14.3% de l’emploi
salarié privé (+2% en 2015) 11525 associations
116334 emplois

Des écarts de salaires mais plus resérrés


que leprivé Des déf s: vieillissement, remplacement
et développement
Présentation du club -Dif érences de salaire entre 25% des salariés
cadres et employés plus de 50ans (+4% en 6ans)

-Mais limiter à un rapport de 1 Moins de 26ans moins jeunes


à 10 nombreux dans L’ESS
Statut Nombre Groupes de
Nom du club Surnom Fondation Stade Siège
+5.9% des ef ectifs salariés
professionnel d’équipe Supporters

du commerce
Une économie de proximité au service de
ses habitants Evolutions législatives
Centre

- 68% du sport et loisirs


Olympique de L’OM Acquisition Orange d’entraînement 17
31 Août 1899 7
Marseille en 1932 Vélodrome Robert Louis-
Dreyfus
Loi NOTRe : - la disparition de la clause de
compétence générale
ESS: -64% de l’action social
- la montée en puissance des intercommunalités
Structure du club pour les matchs -1/3 de la f nance et
assurance - la création de régions aux périmètres agrandis

Des emplois plus féminins et qualif és


100
Femmes Bibliographie
Hommes
80

-Icon-gratuites.com
Le palmarès du club
60
66% des -https://umbox.univ-lemans.fr/index.php/s/
salariés tZ3evAqJq7WdiU2#pdfviewer
40 -https://umbox.univ-lemans.fr/index.php/s/
Les salariés de l’ESSsont aussi plus tZ3evAqJq7WdiU2#pdfviewer
20 qualif és: 13% issu de la catégorie
ouvrier contre 42% et dans le privé et
0 45% de cadres contre 29% dans le privé
Ass Coop Fond Mut Total

Pour plus d’informations sur le club :


- https://www.om.net

Sources : Outil Pages / https://www.om.net / https://www.fff.fr/la-vie-des-clubs/223/infos-cles


39
} Poster scientifique

Exemples

Pain contre la Faim


ALIMENTATION COMPOSTAGE
ANIMALE
%5 49%
25 % 19
%
Restos du cœur
%1
LDA de la Sarthe 49 %
Véolia
22
%
Zoo de La Flèche

DONS %
Banque alimentaire
4
ALIMENTAIRES
26 %
LDA : Ligue de Défense des animaux

40
} Poster scientifique

Exemples

41
} Poster scientifique

Plan du cours

• Introduction ü Documents en téléchargement


(en PDF)
• Réalisation
- Présentation
• Hiérarchisation - Bibliographie

• Typographie - Nuancier de couleurs

• Sémiologie graphique

• Les outils

• Le cas particuliers du poster scientifique

42

Vous aimerez peut-être aussi