premières notions de pao
DESCRIPTION
CFI2A01CTRANSCRIPT
![Page 1: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/1.jpg)
ELISABETH DE PABLO 1
TECHNIQUES DE COMMUNICATION (1):
INTRODUCTION À LA COMMUNICATION GRAPHIQUE
ET À LA PAO
CFI2A01C
Septembre 2014
![Page 2: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/2.jpg)
ELISABETH DE PABLO 2
COMMUNICATION VISUELLE
>> Liée aux domaines de l'image, du design, de la publicité
>> Ensemble des techniques d'information par l'image, l'illustration, le graphisme
![Page 3: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/3.jpg)
ELISABETH DE PABLO 3
PUBLICATIONASSISTÉE PAR ORDINATEUR
Ensemble des procédés informatiques qui permettent de composer un document destiné à être imprimé.
DTP DeskTop Publishing
![Page 4: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/4.jpg)
ELISABETH DE PABLO 4
PAPIER VS NUMÉRIQUE
Support papier
magazines, journauxjournaux internes, brochures, rapports, …flyers, dépliants, affiches, …
Support numérique
Sites web,
pdf, réseaux sociaux de diffusion,
ebook,…
![Page 5: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/5.jpg)
ELISABETH DE PABLO 5
CRÉER UN DOCUMENT
![Page 6: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/6.jpg)
ELISABETH DE PABLO 6
AVANT TOUTE CRÉATION
Réfléchir pour déterminer la forme et les contenus
![Page 7: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/7.jpg)
ELISABETH DE PABLO 7
POUR QUI ? QUELLE EST LA CIBLE ?QUEL DESTINATAIRE ?
A qui s’adresse le(s) document(s) que je veux réaliser ?
Où réside mon lecteur ?
Quelles sont ses références culturelles ?
En quelle langue dois-je m’adresser ?
![Page 8: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/8.jpg)
ELISABETH DE PABLO 8
POURQUOI ?EST-CE VRAIMENT UTILE ?
Quelles sont mes motivations ?
Quel est le message à faire passer (en quoi le document conçu peut m’être utile) ?
Quelles sont les réponses (les retours) attendues ?
![Page 9: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/9.jpg)
ELISABETH DE PABLO 9
QUOI ?QUELS TYPES DE DOCUMENTS?
Quel document privilégié ?
Quel support ?
Quel rédactionnel ? Quel visuel ?
Quels auteurs ?
Quel type de diffusion?
![Page 10: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/10.jpg)
ELISABETH DE PABLO 10
BRIEF – NOTE DE CADRAGE
Rédiger un petit document pour :
Expliciter votre projet
Exposer vos objectifs
Définir votre destinataire
Décrire vos types de documents
![Page 11: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/11.jpg)
ELISABETH DE PABLO 11
CONTRAINTES TECHNIQUES
Quels sont les outils existants et nécessaires à la création de documents ?
![Page 12: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/12.jpg)
ELISABETH DE PABLO 12
LOGICIELS PAOINDISPENSABLES ?
Un logiciel de mise en page :
- pour créer des documents de plusieurs pages- préparer le texte (le mettre en forme d’une façon professionnelle), - intégrer images/textes- spécifier une découpe particulière, une forme, un nombre de pages, - ajouter des repères d’impression, - etc
![Page 13: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/13.jpg)
ELISABETH DE PABLO 13
LOGICIELS EXISTANTS
Principaux logiciels auteurs
Quark Xpress très usité dans la presse écrite et la publicité
Adobe InDesign concurrent
ICalamus pour MacOX
Microsoft Publisher
Logiciels libres
Scribus (sous licence GNU GPL)
TeX composition de documents scientifiques pour linux et Windows
> LaTeX macros + pour linux, MacOX et Windows
![Page 14: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/14.jpg)
ELISABETH DE PABLO 14
LOGICIELS CONNEXES
Principaux logiciels auteurs
Adobe Photoshop
Adobe IllustratorCorel DrawFreeHand
Suite Microsoft
Logiciels libres
Gimp
Skencil (Sketch)
Inkscape
OpenOffice
![Page 15: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/15.jpg)
ELISABETH DE PABLO 15
MAQUETTE & MISE EN PAGE
Quelles sont les règles liées au maquettage d’un produit destiné à être imprimé ?
![Page 16: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/16.jpg)
ELISABETH DE PABLO 16
QU’EST CE QU’UNE MAQUETTE ?
Un modèle qui définit une mise en page
= un agencement des éléments textuels et visuels sur la page d’un document.
![Page 17: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/17.jpg)
ELISABETH DE PABLO 17
QUELS SONT SES CARACTÉRISTIQUES ?
Il existe une multitude de possibilités de maquettage liée au type de document choisi, au message à passer, au lecteur visé.
Aucune maquette n’est donc réellement fixe.
![Page 18: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/18.jpg)
ELISABETH DE PABLO 18
METTRE EN VALEUR LES INFORMATIONS À DIFFUSER
Gérer l’espace de la page, s’occuper de la gestion du blanc.
Trouver un équilibre entre la représentation visuelle du texte et le visuel lui-même
![Page 19: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/19.jpg)
ELISABETH DE PABLO 19
METTRE EN VALEUR LES INFORMATIONS À DIFFUSER
Faire ressortir des éléments prégnants pour attirer le regard
Focaliser sur les éléments les plus importants du message à faire passer
![Page 20: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/20.jpg)
ELISABETH DE PABLO 20
ASSURER UNE BONNE LISIBILITÉ
Prendre en compte les mécanismes de la vision, et de la lecture
L’œil balaie la surface d’un document d’une façon rapideIl est attiré par des éléments prégnants
![Page 21: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/21.jpg)
ELISABETH DE PABLO 21
ASSURER UNE BONNE LISIBILITÉ
Attention à la typographieÀ la forme du texte
aux rapports des couleurs texte/fond qui s’annulent
![Page 22: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/22.jpg)
ELISABETH DE PABLO 22
GESTALT THEORIE
Psychologie de la formea permis de mettre en valeur une série de réflexions sur les formes, leurs représentations et …la typographie
![Page 23: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/23.jpg)
ELISABETH DE PABLO 23
HIERARCHISATION
Hiérarchisation des éléments dans la page
Élément important qui permet le repérage des informations pertinentes sur la page et guide le lecteur
![Page 24: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/24.jpg)
ELISABETH DE PABLO 24
TYPOGRAPHIE
Quelle est l’importance de la typographie dans la réalisation d’un document ?
![Page 25: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/25.jpg)
ELISABETH DE PABLO 25
QU’EST-CE QUE LA TYPOGRAPHIE ?
Art d’assembler des caractères mobiles afin de former des mots, des phrases et de les imprimerWiki
Art de se servir des caractères : de choisir sa famille (police) etsa casse (corps/taille)de les répartir sur la page
![Page 26: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/26.jpg)
ELISABETH DE PABLO 26
FAMILLE – POLICE DE CARACTÈRES
Les formes des lettres sont le résultat de différentes recherches qui répondent à un besoin à un moment donné
Elles véhiculent des significations différentes et ont divers degrés de lisibilité selon leur dessin
![Page 27: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/27.jpg)
ELISABETH DE PABLO 27
FAMILLE – POLICE DE CARACTÈRES
Pour aller plus loin
Famille de caractères
Classification des caractères
![Page 28: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/28.jpg)
ELISABETH DE PABLO 28
2 FAMILLES DE CARACTÈRES
Caractères bâtons
Caractères à bâton, sans empattements, droits, linéales ou sans sérif
Caractères libres
Caractères avec empattements triangulaires ou rectangulaires, incises ou avec sérif
![Page 29: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/29.jpg)
ELISABETH DE PABLO 29
FAMILLE – POLICE DE CARACTÈRES
Pour aller plus loin
Typographie et civilisation
Anatomie de la lettre
Anatomie
![Page 30: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/30.jpg)
ELISABETH DE PABLO 30
INVARIANTS TYPOGRAPHIQUES
Chaque famille de caractères possède des variations de forme : le romain et l’italique, puis le bas de casse et la capitale.
Toutes ses variantes possèdent des significations différentes auxquelles s’ajoutent des variations au niveau : des graisses, du corps (ou taille), de l’espacement entre les lettres (la chasse), des étirements des mots et des couleurs. Ces variations influent visuellement en termes de contraste avec la couleur du fond de page.
![Page 31: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/31.jpg)
ELISABETH DE PABLO 31
TYPOGRAPHIE EXPRESSIVE
Éléments typographiques qui s’associent pour former une image (très utilisé en publicité) ou comment le mot devient une image
![Page 32: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/32.jpg)
ELISABETH DE PABLO 32
TYPOGRAPHIE EXPRESSIVE
Éléments typographiques qui s’associent pour former une image (très utilisé en publicité) ou comment le mot devient une image
![Page 33: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/33.jpg)
ELISABETH DE PABLO 33
COULEUR
Perception subjective ressentie d’une onde lumineuse.
On connait maintenant l’importance des couleurs dans la réception affective des messages.
Attention à la symbolique des couleurs qui varient en fonction de la culture
![Page 34: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/34.jpg)
ELISABETH DE PABLO 34
COULEUR
La couleur est essentiel, elle accroche le lecteur, elle est au service du message.
La couleur est également importante pour la lisibilité du message. Contraste et intensité sont essentiels.
On imprime généralement en quadrichromie,on utilise les 3 couleurs primaires : jaune, magenta, cyan + le noir.
![Page 35: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/35.jpg)
ELISABETH DE PABLO 35
COULEUR
Pour aller plus loin
Code couleur
Couleur et colorimétrie
![Page 36: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/36.jpg)
ELISABETH DE PABLO 36
LE VISUEL
Dessins, pictogrammes, photos ?
Quel visuel pour quel usage ?
![Page 37: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/37.jpg)
ELISABETH DE PABLO 37
ILLUSTRATIONS, IMAGES
« L’image est un support de la communication visuelle qui matérialise un fragment de l’univers perceptif (environnement visuel), susceptible de subsister à travers la durée, et qui constitue l’une des composantes des mass media »
[Abraham Moles]
![Page 38: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/38.jpg)
ELISABETH DE PABLO 38
ILLUSTRATIONS, IMAGES
Photo
Prise effective au réel
Véhicule un message type
Nécessite des recadrages, des retouches
Illustration
Dessin, carte, pictogramme, diagramme, icone
Souvent explicite les complexités
Guide le lecteur
Lève les barrières linguistiques
![Page 39: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/39.jpg)
ELISABETH DE PABLO 39
FONCTIONSILLUSTRATIONS, IMAGES
Informative Descriptive Symbolique Divertissante Décorative NarrativeArgumentativeEsthétique Explicative…
Son utilisation n’est jamais anodine
![Page 40: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/40.jpg)
ELISABETH DE PABLO 40
LA MISE EN PAGE
Quelles relations entre les éléments, quel type de colonage pour quel type de document, quelle grille adoptée
![Page 41: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/41.jpg)
ELISABETH DE PABLO 41
LA MISE EN PAGE
La mise en page décrit les techniques de disposition des éléments qui composent un document destiné à être imprimé (ou diffuser sur le net).
Elle traite également de la gestion des blancs et des relations entre éléments textuels et visuels.
![Page 42: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/42.jpg)
ELISABETH DE PABLO 42
LA MISE EN PAGE
Afin d’effectuer une bonne mise en page, on utilise une grille ou un gabarit de mise en page.
La mise en page peut être modulaire.
La répartition des éléments sur la page permettra de proposer un ordre, un système, un rythme de lecture en fonction du contenu.
![Page 43: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/43.jpg)
ELISABETH DE PABLO 43
LE GABARIT
Le maquettiste va construire une grille qui servira de référence pour la mise en forme des éléments.
Cette grille est construite en fonction des contenus à insérer. Elle doit refléter une bonne harmonisation entre les éléments
![Page 44: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/44.jpg)
ELISABETH DE PABLO 44
LE CHEMIN DE FER
La visualisation de l’agencement de plusieurs pages est appelé un chemin de fer.
Il permet d’avoir une vue d’ensemble de la mise en page
![Page 45: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/45.jpg)
ELISABETH DE PABLO 45
ÉLÉMENTS ESSENTIELS DE LA GRILLE
ll s’agit de découper la page en section, en colonne.
Le colonage varie en fonction du type de document.
Les colonnes ne sont obligatoirement de tailles égales.
Ces colonnes sont séparées par des espaces que l’on appelle des gouttières.
![Page 46: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/46.jpg)
ELISABETH DE PABLO 46
ÉLÉMENTS ESSENTIELS DE LA GRILLE
Il est nécessaire aussi de déterminer les marges en fonction des nécessités de l’impression.
On insère ensuite sur la grille, les types de texte : titres, sous-titres, intertitre, blocs texte, blocs images…
![Page 47: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/47.jpg)
ELISABETH DE PABLO 47
DISPOSITION DU TEXTE DANS LES BLOCS TEXTES
Une fois la police de caractères choisie, on détermine ses invariants, sa graisse, son style, son inter lettrage et son interlignage. Ensuite on détermine sa position dans les blocs : fer à gauche, justifié, fer à droite horizontal, vertical
![Page 48: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/48.jpg)
ELISABETH DE PABLO 48
FILETS
Le filet agit comme un guide pour l’observateur. Il joue sur son style et son épaisseur.
Il porte l’attention sur un élément textuel. On le trouve également dans les gouttières pour séparer les colonne
![Page 49: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/49.jpg)
ELISABETH DE PABLO 49
AUTRES ORNEMENTS
Il existe toute sorte d’ornements (fleuron) complémentaires qui agissent pour guider le regard du lecteur.
Les ornements sont souvent de type zapf ou dingbats.
![Page 50: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/50.jpg)
ELISABETH DE PABLO 50
RAPPORTS TEXTE/IMAGE
L’espace de la page peut être dominé soit par le texte soit par l’image.
L’image peut sortir du cadre (fond perdu), elle peut être encadrée ou détourée.
Il s’agit de trouver la meilleure harmonie possible entre l’image et le texte
![Page 51: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/51.jpg)
ELISABETH DE PABLO 51
IMAGINEZ VOTRE DOCUMENT
Pour commencer la forme
![Page 52: Premières notions de PAO](https://reader031.vdocuments.pub/reader031/viewer/2022013102/558696e8d8b42ad43c8b4598/html5/thumbnails/52.jpg)
ELISABETH DE PABLO 52
IMAGINEZ VOTRE DOCUMENT
Faites un croquis
http://fr.flossmanuals.net/scribus/ch003_prise-en-main