Download - Premières notions de PAO

ELISABETH DE PABLO 1

TECHNIQUES DE COMMUNICATION (1):

INTRODUCTION À LA COMMUNICATION GRAPHIQUE

ET À LA PAO

CFI2A01C

Septembre 2014


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


PUBLICATIONASSISTÉE PAR ORDINATEUR

Ensemble des procédés informatiques qui permettent de composer un document destiné à être imprimé.

DTP DeskTop Publishing


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,…


CRÉER UN DOCUMENT


AVANT TOUTE CRÉATION

Réfléchir pour déterminer la forme et les contenus


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 ?


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 ?


QUOI ?QUELS TYPES DE DOCUMENTS?

Quel document privilégié ?

Quel support ?

Quel rédactionnel ? Quel visuel ?

Quels auteurs ?

Quel type de diffusion?


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


CONTRAINTES TECHNIQUES

Quels sont les outils existants et nécessaires à la création de documents ?


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


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

http://euro.quark.com/fr/

http://www.adobe.com/fr/products/indesign.html



http://www.icalamus.net/

http://www.icalamus.net/

http://office.microsoft.com/en-us/publisher

http://office.microsoft.com/en-us/publisher

http://www.scribus.net/canvas/Scribus

http://fr.wikipedia.org/wiki/Licence_publique_g%C3%A9n%C3%A9rale_GNU

http://www.tug.org/

http://www.latex-project.org/


LOGICIELS CONNEXES

Principaux logiciels auteurs

Adobe Photoshop

Adobe IllustratorCorel DrawFreeHand

Suite Microsoft

Logiciels libres

Gimp

Skencil (Sketch)

Inkscape

OpenOffice

http://www.adobe.com/fr/products/photoshop.html

http://www.adobe.com/fr/products/illustrator.html

http://www.corel.com/corel/pages/index.jsp?pgid=5300058&storeKey=fr



http://www.adobe.com/products/freehand/

http://office.microsoft.com/

http://www.gimp.org/

http://www.skencil.org/

http://inkscape.org/

http://www.openoffice.org/


MAQUETTE & MISE EN PAGE

Quelles sont les règles liées au maquettage d’un produit destiné à être imprimé ?


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.


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.


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


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


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


ASSURER UNE BONNE LISIBILITÉ

Attention à la typographieÀ la forme du texte

aux rapports des couleurs texte/fond qui s’annulent


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


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


TYPOGRAPHIE

Quelle est l’importance de la typographie dans la réalisation d’un document ?


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

http://fr.wikipedia.org/wiki/Typographie


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



Pour aller plus loin

Famille de caractères

Classification des caractères

http://yharel.free.fr/data/informatique/logiciels/bureau/traitement_de_texte/typographie/typographie_familles.htm

https://fr.scribd.com/doc/13083775/Les-Familles-de-Caracteres


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




Typographie et civilisation

Anatomie de la lettre

Anatomie

http://caracteres.typographie.org/description/anatomie.html

http://www.garamond.culture.fr/fr/page/fiche4

http://www.anneaudreygounot.com/CODE/anatomiedelalettre.html


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.


TYPOGRAPHIE EXPRESSIVE

Éléments typographiques qui s’associent pour former une image (très utilisé en publicité) ou comment le mot devient une image


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


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.


COULEUR


Code couleur

Couleur et colorimétrie

http://www.code-couleur.com/

http://www.profil-couleur.com/


LE VISUEL

Dessins, pictogrammes, photos ?

Quel visuel pour quel usage ?


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]

http://fr.wikipedia.org/wiki/Abraham_Moles


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


FONCTIONSILLUSTRATIONS, IMAGES

Informative Descriptive Symbolique Divertissante Décorative NarrativeArgumentativeEsthétique Explicative…

Son utilisation n’est jamais anodine


LA MISE EN PAGE

Quelles relations entre les éléments, quel type de colonage pour quel type de document, quelle grille adoptée


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.


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.


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


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


É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.


É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…

http://lyon-scm.my.iscom.org/


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


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


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.


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


IMAGINEZ VOTRE DOCUMENT

Pour commencer la forme


IMAGINEZ VOTRE DOCUMENT

Faites un croquis

http://fr.flossmanuals.net/scribus/ch003_prise-en-main

http://fr.flossmanuals.net/scribus/ch003_prise-en-main