Premières notions de PAO

download Premières notions de PAO

of 52

  • date post

    21-Jun-2015
  • Category

    Education

  • view

    885
  • download

    1

Embed Size (px)

description

CFI2A01C

Transcript of Premières notions de PAO

  • 1. TECHNIQUES DECOMMUNICATION (1):INTRODUCTION LACOMMUNICATION GRAPHIQUEET LA PAOCFI2A01CSeptembre 2014 ELISABETH DE PABLO 1

2. COMMUNICATIONVISUELLE>> Lie aux domaines de l'image,du design, de la publicit>> Ensemble des techniquesd'information par l'image, l'illustration, legraphismeELISABETH DE PABLO 2 3. PUBLICATIONASSISTE PARORDINATEURDTP DeskTop PublishingEnsemble des procdsinformatiques qui permettent decomposer un document destin tre imprim.ELISABETH DE PABLO 3 4. PAPIER VS NUMRIQUEELISABETH DE PABLO 4Support papiermagazines, journauxjournaux internes,brochures, rapports,flyers, dpliants,affiches,Support numriqueSites web,pdf, rseaux sociauxde diffusion,ebook, 5. CRER UNDOCUMENTELISABETH DE PABLO 5 6. AVANT TOUTE CRATIONRflchir pour dterminer la forme etles contenusELISABETH DE PABLO 6 7. POUR QUI ?QUELLE EST LA CIBLE ?QUEL DESTINATAIRE ?A qui sadresse le(s) document(s) que jeveux raliser ?O rside mon lecteur ?Quelles sont ses rfrences culturelles ?En quelle langue dois-je madresser ?ELISABETH DE PABLO 7 8. POURQUOI ?EST-CE VRAIMENT UTILE ?Quelles sont mes motivations ?Quel est le message faire passer (enquoi le document conu peut mtreutile) ?Quelles sont les rponses (les retours)attendues ?ELISABETH DE PABLO 8 9. QUOI ?QUELS TYPES DEDOCUMENTS?Quel document privilgi ?Quel support ?Quel rdactionnel ? Quel visuel ?Quels auteurs ?ELISABETH DE PABLO 9Quel type de diffusion? 10. BRIEF NOTE DECADRAGERdiger un petit documentpour :Expliciter votre projetExposer vos objectifsDfinir votre destinataireDcrire vos types dedocumentsELISABETH DE PABLO 10 11. CONTRAINTESTECHNIQUESELISABETH DE PABLO 11Quels sont les outilsexistants etncessaires lacration dedocuments ? 12. LOGICIELS PAOINDISPENSABLES ?ELISABETH DE PABLO 12Un logiciel de mise en page :- pour crer des documents deplusieurs pages- prparer le texte (le mettre enforme dune faon professionnelle),- intgrer images/textes- spcifier une dcoupe particulire,une forme, un nombre de pages,- ajouter des repres dimpression,- etc 13. LOGICIELS EXISTANTSELISABETH DE PABLO 13Principaux logicielsauteursQuark Xpress trs usit dansla presse crite et la publicitAdobe InDesign concurrentICalamus pour MacOXMicrosoft PublisherLogiciels libresScribus (sous licence GNUGPL)TeX composition de documentsscientifiques pour linux etWindows> LaTeX macros + pour linux,MacOX et Windows 14. LOGICIELS CONNEXESELISABETH DE PABLO 14Principaux logicielsauteursAdobe PhotoshopAdobe IllustratorCorel DrawFreeHandSuite MicrosoftLogiciels libresGimpSkencil (Sketch)InkscapeOpenOffice 15. ELISABETH DE PABLO 15MAQUETTE & MISE ENPAGEQuelles sont lesrgles lies aumaquettage dunproduit destin treimprim ? 16. ELISABETH DE PABLO 16QUEST CE QUUNEMAQUETTE ?Un modle qui dfinit une mise en page= un agencement des lments textuels et visuels surla page dun document. 17. QUELS SONT SESCARACTRISTIQUES ?Il existe une multitude de possibilits de maquettagelie au type de document choisi, au message passer, au lecteur vis.Aucune maquette nest donc rellement fixe.ELISABETH DE PABLO 17 18. METTRE EN VALEUR LESINFORMATIONS DIFFUSERELISABETH DE PABLO 18Grer lespace de la page, soccuperde la gestion du blanc.Trouver un quilibre entre lareprsentation visuelle du texte etle visuel lui-mme 19. METTRE EN VALEUR LESINFORMATIONS DIFFUSERFaire ressortir des lments prgnants pour attirer leregardFocaliser sur les lments les plus importants dumessage faire passerELISABETH DE PABLO 19 20. ASSURER UNE BONNELISIBILITELISABETH DE PABLO 20Prendre en compte lesmcanismes de la vision, et de lalectureLoeil balaie la surface dundocument dune faon rapideIl est attir par des lmentsprgnants 21. ASSURER UNE BONNELISIBILITELISABETH DE PABLO 21Attention la typographie la forme du texteaux rapports des couleurstexte/fond qui sannulent 22. ELISABETH DE PABLO 22GESTALT THEORIEPsychologie de la formea permis de mettre en valeurune srie de rflexions surles formes, leursreprsentations et la typographie 23. ELISABETH DE PABLO 23HIERARCHISATIONHirarchisation des lmentsdans la pagelment important quipermet le reprage desinformations pertinentes surla page et guide le lecteur 24. ELISABETH DE PABLO 24TYPOGRAPHIEQuelle estlimportance de latypographie dansla ralisation dundocument ? 25. ELISABETH DE PABLO 25QUEST-CE QUE LATYPOGRAPHIE ?Art dassembler des caractres mobiles afin deformer des mots, des phrases et de les imprimerWikiArt de se servir des caractres :de choisir sa famille (police) etsa casse (corps/taille)de les rpartir sur la page 26. ELISABETH DE PABLO 26FAMILLE POLICE DECARACTRESLes formes des lettres sont lersultat de diffrentesrecherches qui rpondent unbesoin un moment donnElles vhiculent dessignifications diffrentes et ontdivers degrs de lisibilit selonleur dessin 27. ELISABETH DE PABLO 27FAMILLE POLICE DECARACTRESPour aller plus loinFamille de caractresClassification des caractres 28. ELISABETH DE PABLO 282 FAMILLES DECARACTRESCaractres btonsCaractres bton, sansempattements, droits,linales ou sans srifCaractres libresCaractres avecempattements triangulairesou rectangulaires, incisesou avec srif 29. ELISABETH DE PABLO 29FAMILLE POLICE DECARACTRESPour aller plus loinTypographie et civilisationAnatomie de la lettreAnatomie 30. ELISABETH DE PABLO 30INVARIANTSTYPOGRAPHIQUESChaque famille de caractres possde des variationsde forme : le romain et litalique, puis le bas de casseet la capitale.Toutes ses variantes possdent des significationsdiffrentes auxquelles sajoutent des variations auniveau : des graisses, du corps (ou taille), delespacement entre les lettres (la chasse), destirements des mots et des couleurs. Ces variationsinfluent visuellement en termes de contraste avec lacouleur du fond de page. 31. ELISABETH DE PABLO 31TYPOGRAPHIEEXPRESSIVElments typographiques qui sassocient pour formerune image (trs utilis en publicit) ou comment lemot devient une image 32. ELISABETH DE PABLO 32TYPOGRAPHIEEXPRESSIVElments typographiques qui sassocient pour formerune image (trs utilis en publicit) ou comment lemot devient une image 33. ELISABETH DE PABLO 33COULEURPerception subjective ressentie duneonde lumineuse.On connait maintenant limportancedes couleurs dans la rceptionaffective des messages.Attention la symbolique descouleurs qui varient en fonction de laculture 34. ELISABETH DE PABLO 34COULEURLa couleur est essentiel, elle accroche le lecteur, elle estau service du message.La couleur est galement importante pour la lisibilit dumessage. Contraste et intensit sont essentiels.On imprime gnralement enquadrichromie,on utilise les 3 couleursprimaires : jaune, magenta, cyan+ le noir. 35. ELISABETH DE PABLO 35COULEURPour aller plus loinCode couleurCouleur et colorimtrie 36. ELISABETH DE PABLO 36LE VISUELDessins, pictogrammes,photos ?Quel visuel pour quelusage ? 37. ILLUSTRATIONS, IMAGES Limage est un support de la communicationvisuelle qui matrialise un fragment de luniversperceptif (environnement visuel), susceptible desubsister travers la dure, et qui constitue lune descomposantes des mass media ELISABETH DE PABLO 37[Abraham Moles] 38. ILLUSTRATIONS, IMAGESELISABETH DE PABLO 38PhotoPrise effective au relVhicule un message typeNcessite des recadrages, desretouchesIllustrationDessin, carte, pictogramme,diagramme, iconeSouvent explicite lescomplexitsGuide le lecteurLve les barrires linguistiques 39. FONCTIONSILLUSTRATIONS, IMAGESELISABETH DE PABLO 39InformativeDescriptiveSymboliqueDivertissanteDcorativeNarrativeArgumentativeEsthtiqueExplicativeSon utilisationnest jamaisanodine 40. ELISABETH DE PABLO 40LA MISE EN PAGEQuelles relations entreles lments,quel type de colonagepour quel type dedocument,quelle grille adopte 41. ELISABETH DE PABLO 41LA MISE EN PAGELa mise en page dcrit les techniques de dispositiondes lments qui composent un document destin tre imprim (ou diffuser sur le net).Elle traite galement de la gestion des blancs et desrelations entre lments textuels et visuels. 42. ELISABETH DE PABLO 42LA MISE EN PAGEAfin deffectuer une bonne mise enpage, on utilise une grille ou un gabaritde mise en page.La mise en page peut tre modulaire.La rpartition des lments sur la pagepermettra de proposer un ordre, unsystme, un rythme de lecture enfonction du contenu. 43. ELISABETH DE PABLO 43LE GABARITLe maquettiste va construire une grille qui servirade rfrence pour la mise en forme des lments.Cette grille est construite en fonction des contenus insrer. Elle doit reflter une bonneharmonisation entre les lments 44. ELISABETH DE PABLO 44LE CHEMIN DE FERLa visualisation de lagencement de plusieurspages est appel un chemin de fer.Il permet davoir une vue densemble de la mise enpage 45. LMENTS ESSENTIELSDE LA GRILLEll sagit de dcouper la page en section, en colonne.Le colonage varie en fonction du type de document.Les colonnes ne sont obligatoirement de taillesgales.Ces colonnes sont spares pardes espaces que lon appelledes gouttires.ELISABETH DE PABLO 45 46. LMENTS ESSENTIELSDE LA GRILLEELISABETH DE PABLO 46Il est ncessaire aussi dedterminer les marges enfonction des ncessits delimpression.On insre ensuite sur lagrille, les types de texte :titres, sous-titres, intertitre,blocs texte, blocs images 47. DISPOSITION DU TEXTEDANS LES BLOCS TEXTESUne fois la police de caractres choisie, ondtermine ses invariants, sa graisse, son style, soninter lettrage et son interlignage.Ensuite on dtermine sa position dans les blocs :fer gauche, justifi, fer droite horizontal,verticalELISABETH DE PABLO 47 48. ELISABETH DE PABLO 48FILETSLe filet agit comme un guide pour lobservateur. Iljoue sur son style et son paisseur.Il porte lattention sur un lment textuel. On letrouve galement dans les gouttires pour sparerles colonne 49. AUTRES ORNEMENTSELISABETH DE PABLO 49Il existe toute sorte dornements(fleuron) complmentaires quiagissent pour guider le regard dulecteur.Les ornements sont souvent detype