> Définition d une image (image mentale, image implicite, image concrète, image de marque)

Transcription

1 >> PROGRAMME DE TYPOGRAPHIE BTS Design Graphique - Chaque ntin abrdée est illustrée par des anecdtes, des visuels, des références clés et autres infrmatins bibligraphiques INTRODUCTION > Cmprendre / Echanger /Transmettre Observer, Analyser, Rendre cmpte, Exprimer, Représenter, Dialguer, Partager, Éduquer, Perpétuer, Transmettre, Evluer a. Cmprendre sn envirnnement : Observer la réalité des chses cachées et nn cachées, «Le Mnde des Images», et définir les systèmes de représentatin linguistiques et picturaux (Cf : «Des chses cachées depuis la fndatin du mnde» de René Girard) > Définitin d une image (image mentale, image implicite, image cncrète, image de marque) > Créatin de systèmes de représentatin raux et scriptuaires, des Langages >> Traditin rale des textes sacrés (Traditins religieuses des peuples Munda / les Védas / la Trah) - représentatin du fnctinnement d une sciété, de ses structures sciales, religieuses et cmmerciales. >> Systèmes d écritures (pictgrammes, idégrammes, hiérglyphes, lettres) - Myens visuels de créer un message destiné à un grupe en particulier et de le faire évluer dans le temps. b. Etablir un rapprt avec autrui : Signifier Mettre en frme - diffuser Un message, des idées - un langage, une frme, une image, un supprt de créatin - un supprt de transmissin > Définir et cmprendre la cible, sn cntexte histrique et culturel, sn cntexte scilgique, sn cntexte psychlgique : définir les grupes d appartenance > Définir les idées à véhiculer, les rganiser et dévelpper une chrnlgie, un récit narré par des signes visuels et/u snres > Définir un langage à utiliser en fnctin de cette cible (Myens de se faire cmprendre) > Créatin de réseaux de cmmunicatin (sciaux, transprt, éducatin, lgement, santé, cmmerce, prmtin et Art) et de cdes pur échanger et transmettre des savir- faire, des cmpétences, des valeurs et nrmes, des prduits et services, une histire, une image. > Supprts de créatin (pierre, argile, papyrus, bis, tissu, papier, ivire, métaux) > Outils, techniques et mdes de représentatin > Supprt de transmissin (medias et hrs médias) >> Présentatin en lieux publiques (u mnuments), >> Architecture, sculpture (tablette d Uruk, sceaux harappéens, pteries minennes,

2 temples hindus, cathédrales et bas- relief), >> La scéngraphie, le théâtre >> Livres (La Bible, les Puranas), >> La crrespndances (La Marquise de Sévigné), >> Prduits imprimés, cinéma, web, radi, tv >> Évènements (cngrès, cncerts) c. Langages visuels et sémilgie (signifier et dnner une frme) > Mythes et Sémilgie de la linguistique > Le Mythe cmme système sémilgique (Rland Barthes : «Mythlgies») - Tut peut être Mythe > Discurs et frme (cncept et image) >> Signifié/signifiants/signe - Tute matière peut être investie de significatin - Histire humaine passe du réel à l état de parle > Le mythe cmme parle, cmme système de cmmunicatin, cmme message, un mde de significatin, un système thérique de (re)- présentatin, une frme. > La Sémilgie : Etude des signes - Emile Littré en Médecine (PATHOLOGIE > SYMPTOMES (culeur, frme, texture) > Mise en relatin > Diagnstic > Prpsitin de slutins) - Signe : Représentatin cncrète et matérielle d une réalité > Signe icnique : représentatin cncrète, bjets du mnde Le Signifié > Signe plastique : myens de créer des images et de les inscrire cmme des repères histriques et sciétaux Les Signifiants, les Signes (culeur, frme, texture) > Système triadique de Charles Sanders Peirce (Niveaux de perceptin des signes / Muvement de sémise / Icnicité d un signe) - Sémantique / Syntagmatique / Pragmatique - Signe / Objet / Interprétant - Icône / Indice / Symble - Evlutin culturelle et sémilgique (muvement de sémise) >> Etude de la Swastika / de l Étile à 6 branches / Om / Yin Yang / Peace and Lve >> Le ltus et le cquillage, de Parvati à «La naissance de Vénus» de Btticelli >> SHELL, la naissance de vénus 2, du jardin d Eden de David Lachapelle à la dure réalité de Olaf Martens. > De l idée au signe - Marcel Duchamps «la fntaine» : travail sur le langage, déturnement de la frme, du sens et du cntexte - Décmpser un cncept (Alberti / Valéry) > «Nu descendant l escalier» > Mde de représentatin, travail sur l imaginaire et l évlutin d un signe - Man Ray «Le Viln d Ingres» : Les signes visuels et leurs significatins - René Magritte réalité et représentatin

3 - Pabl Picass, récupératin et déturnement > Le Grupe «mu» : Cmment le sens investit les bjets visuels? - Le fndement physilgique de la visin, «Traité du signe visuel, 1992» - Signes plastiques : Frmème / Chrmème / Texturème - Langage visuel, syntaxe et réthrique - Dssier de cnceptin graphique : Cas d une étude sémilgique > Créer du Muvement, du rythme, des variatins, une image vivante présentant une certaine musicalité d. Cmmunicatin et Cnnaissance : Psychlgie cgnitive > Les activités mentales liées à la cnnaissance: MEMOIRE/LANGAGE/RAISONNEMENT INTELLIGENCE/PERCEPTION/ATTENTION/RESOLUTION DES PROBLEMES - Facteurs à abrder pur dévelpper un prjet de cmmunicatin u plastique - Facteurs à étudier pur cmprendre un envirnnement - Imprtance du dévelppement culturel et des cdes (cf : Veille Opératinnelle) - Cmprendre un grupe d appartenance et cmmuniquer avec celui- ci > Thérie de l infrmatin, mdèle de Shannn Infrmatin= surce>encdeur>signal>décdeur>destinataire > OBJECTIFS DE LA COMMUNICATION : - Objectif cgnitif : Faire cnnaître, dévelpper une image, une ntriété - Objectif affectif : Faire aimer, dnner une image, créer une attitude - Objectif cnatif : Faire agir, mdifier un cmprtement > Recherche perpétuelle de la significatin, le système sémilgique et de la mise en frme, le système de représentatin e. La typgraphie, l écriture de caractères et ses prcédés > La plume calligraphique et la cnstructin mathématique du caractère > La gravure, le caractère mbile et le dévelppement de l imprimerie et de ses prcédés > La phtcmpsitin et l infrmatique 1/ Représentatins, Echanges, Evlutin : Un travail de la frme et de la significatin a. La «Langue» cmme système de représentatin («Les Systèmes» et la Systémique) > Le besin de représenter pur cmprendre et se faire cmprendre > Les langues mundas et la traditin rale > Les langues ind- eurpéennes, métissage, évlutin et histire > Les langues sémitiques et araméennes b. L Ecriture, un système de représentatin de la langue et du mnde : une symphnie de

4 caractères > L histire cmmence avec l écriture, celle- ci permettant de figer le temps, d en dégager un instant dnné, de le décmpser, de le cmprendre, d en extraire la substance, et ainsi de transmettre cette analyse, en vue d inscrire cet événement, cmme un repère, une référence. > L ajut du «graphème» à la langue > Sens / image / frme >> signifié / signifiant / signe > La Graphie, le trait, la ligne, l esthétique > Le pictgramme, l idégramme, le hiérglyphe, le mngramme, le lggramme, le lg- type > L alphabet et le syllabaire : Passage d une phnétique syllabique à l alphabet > L Ecriture cmme util de synthèse entre parle et image c. Les Systèmes d écriture à travers l histire u l évlutin frmelle de signes visuels en tant que représentatin d un sn, d une réalité et/u d une idée > L écriture Cunéifrme, travail du trait, util, esthétique (Mésptamie) - Dcuments administratifs et cmmerciaux - Dcuments histriques - Dcuments religieux, thélgiques et mythlgiques > Le Sanskrit, la langue des Védas représentée par différents systèmes d écriture (Indes) > La lettre cmme le lien avec le divin, le divin lui- même (buddhisme) > Les idégrammes et les syllabaires chinis et japnais > Les Hiérglyphes égyptiens > Alphabet phénicien, l écriture a un sens > Le Disque de Phaïsts : linéaire A, linéaire B, script hiérglyphique (Grèce Civilisatin minenne) > Alphabet grec / Cyrillique > Alphabet Arabe et les langues sémitiques > Ecritures cursive, capitale latine, Mérvingienne, Gthique et Humaniste > L alphabet Rmain (La capitale, l Onciale, la Semi- Onciale, la Carline, le Rmain) > L alphabet latin mderne d. La Typgraphie et l imprimerie, l écriture de caractères > La calligraphie, la xylgraphie, le caractère mbile chinis et l inventin du papier > L imprimerie en Eurpe - Jhannes Gutenberg, Le caractère mbile, la presse à imprimer, gthique et bible - Niclas Jensn, le rmain et les incunables, en France - Claude Garamnd, mdélisatin, style et prductin en série - Le rmain du Ry (1694 > 1714) > Recherches et dévelppement technlgiques et techniques (Révlutin industrielle au XIX ème siècle et épque mderne) - La presse à charbn - La lintype et la mntype - Evlutin des prcédés phtgraphiques Phtgravure et phtcmpsitin - L infrmatique et l évlutin créatrice - La mécanique des supprts et des machines

5 - l évlutin des supprts - Evlutin des prcédés : lithgraphie, sérigraphie, ffset et héligravure - Façnnage et finitins > Les plices de caractères, les fntes, les frmes, les invariants et les styles - Les muvements Arts and Craft et william Mrris (1850) - L épque victrienne - Le mdernisme (1910) > Industrialisatin, urbanisme et Art mderne > Lndn Undergrund de Edward Jhnstn La lettre et le pictgramme > Lazl mhly- Nagy, le Bauhaus et herbert bayer > Paul brenner cnstructivisme et Futura - Les années 1950 > Hermann Zapf et le muvement humaniste (Retur au nmbre d r > Une dynamique des frmes et des culeurs - Rger Excffn > Un jeu de caractères Reid Miles et le Label Blue Nte - Les années 1960 > Le caractère et le Pp Art, une sciété de cnsmmatin en pleine expansin - Les années 1970 > Le caractère et l évlutin des sci- styles > La phtcmpsitin > L Avant- garde Herb Lubalin et tm Carase - Les années 1980 > Dévelppement de l infrmatique, de la PAO, des jeux vidé et des clips musicaux > Liberté créative et pratique - Les années 1990 > Libératin des cntraintes de la structure et de la grille - La cnceptin graphique du XXI ème siècle > métissage, pluralisme, illustratins, l ère du numérique > La typgraphie Vernaculaire > La pésie cncrète, typgrammes, trmpe l œil et calligrammes > Le gris typgraphique 2/ L invariant typgraphique, cnstructin, équilibre et espace, significatins et références >> Le mt fait naître l idée, l idée sert à peindre le fait > Chérence et unité - Esthétique et ligne graphique - Une plice de caractère, un style, une appartenance

6 > Typgraphie, définitin et représentins de réalités et d idées, créatin musicale et picturale a. Classificatin Typgraphique Frme, cmpsitin et histire > Classificatin Thibaudeau (Distinctin, cmpréhensin et repères 1924) > Classificatin Vx ( Les rencntres de Lure, Typgraphie Mderne, L Atypi 1952 > 1962) > Classificatin mderne des plices de caractères et l ère du numérique b. L anatmie des caractères Principes et règles typgraphiques > Les frmes typgraphiques - Le vcabulaire typgraphique - Invariants typgraphiques, frme, décmpsitin, chérence et style - - Les types d empattement - Styles, sérif, sans- sérif et italique - Les fractins, indices et expsants, chiffres, pnctuatin, signes diacritiques et tirets (cadratins et semi- cadratins) > Typgraphie : mathématiques, jeux de frmes et de cnstructin - Mdélisatin du caractère typgraphique - De la calligraphie à la typgraphie : Cnstructin des caractères rmains >> Hermann Zapf / Felician /Pacili / Dürer / Try / Hlbein - Cnstructin gémétrique d une lettre, caractère d écriture (papier millimétré), la lettre cmme système >> La terminlgie de base et la grille de cnstructin (L œil, ligne de base, descendante, mntante et capitale) - Les dimensins relatives et abslues - Le nmbre d r et la suite de fibnacci L équilibre des frces en présence - Crps et unités de mesure > Hiérarchisatin des infrmatins, rapprts des vides et des pleins dans l espace - La casse et les lettrines - Les variatins de graisse - Le système Frutiger - La chasse - Les ligatures - Créer un sens de lecture et grille de mise en page - Gestin des espaces, marges, crénage et interlettrages, interlignages, retraits, alignements et césure 3/ La culeur, la texture, le rythme et le supprt > La Lumière et la Culeur : - Isaac Newtn (diffractin de la lumière et spectre) - Thmas Yung et le RVB - Le triangle de Maxwell, la luminsité cnstante, L unité, la teinte et la saturatin - La culeur et ses nuances seln l intensité lumineuse - Le CMJN et l imprimerie

7 > Cercles chrmatiques de Gethe, Chevreul, Itten - Accrds de tns - Créatin de cntrastes (7 cntrastes) - Vcabulaire plastique, travailler la culeur pur la faire vivre et la faire parler - Culeurs pigmentaires (naturels/synthétiques) - Particularités physiques et chimiques > André Lemnnier - utilisatin de la science de la culeur aux paysages industriels > Symblique - Exprimer une idée, un cncept, une impressin, un sentiment - Planches tendances/valeurs/affects > La culeur d un bjet varie en fnctin de la lumière - intensité, teinte, psitin, dimensin (cf : L expressin plastique cmme système de représentatin) > Typgraphie, accrds de tns, hiérarchie et significatin > La culeur en imprimerie - Tns directs et indirects (Système Pantne / CMJN) - Surimpressin, repiquage et défnce - PAO et nuanciers > Les matériaux, supprts de créatin et utils - Papiers, cartn, calque, transparent, (cf : curs chaine graphique) >> Les frmats et types - Tissus, métaux, pvc, plexiglas, verre, rches, s, les plantes - Pigments, adjuvants, liants (clle, gmme, huile, vernis) - Techniques picturales : cmprendre sn util et cmpser l image seln une structure précise - Le chix des utils : crayns (mines graphites, mines de plmb, de culeur), fusains, craies sèches, grasses, aquarelle, encres et lavis, guache, tempera, peinture acrylique, peinture à l huile, feutres, styls 4/ Typgraphie et PAO > Le caractère vectrisé et la créatin graphique assistée par rdinateur pur une utilisatin print et/u multimédia - Le vecteur et sn espace rthnrmé - Les curbes de Bézier et les tengantes - Lgiciel Illustratr (Vectrisatin et cmpsitin) - Lgiciel Fnt Lab (Créatin d une plice de caractère) 5/ La lettre et l envirnnement

8 > Typgraphie vlume et plasticité - Traduire la frme d un caractère, sa dimensin histrique, scilgique et sciétale, à l aide de matériaux divers ayant une frme, une texture, une tenue suple u rigide - Intégratin dans un espace tri- dimensinnel, un envirnnement singulier > L échelle et multi- supprts - Adaptatin d une cmpsitin seln l espace de diffusin - Chix de techniques de fabricatin adaptées à l espace 6/ La typgraphie et le multimédia INTRODUCTION : > Mettre en frme un texte, un élément graphique et plastique, créer un sens de lecture précis et prpser un univers visuel prpre, chérent et attractif > Lier l aspect fnctinnel et l aspect esthétique d un visuel, pur plus d impact sur la cible et remplir les bjectifs de cmmunicatin prédéfinis > Lgique de créatin d une page web (html, css, javascript) > Principe d interactins et pragmatique > Le langage de prgrammatin infrmatique cmme prcédé permettant d écrire des caractères 1- Le langage infrmatique - Mise en page d une interface web (Syntaxe & Fnctin) a. Html5 «Hypertext markup language» Les Balises > Gestin des différents types de cntenus, des espaces présents dans l ensemble de la page. Structure de la page et de ses éléments principaux (html, head, script, style, bdy, header, fter, sectin, canvas, nav, article, details, summary) Structure des paragraphes (h1, h2, h3, h4, h5, h6, em, p, textarea, span, br) Évlutin des navigateurs et ptimisatin pur chacun d eux (Préfixes: - webkit- (safari)/ - - (pera)/ - mz- (Mzilla firefx) / - ms- (Internet explrer)) Divisins, identificateurs et classes = liens entre html et CSS Principes d animatin (balises : sectin + identificateur + nm animatin > à dévelpper dans le fichier CSS avec les caractéristiques de l animatin au sein de la sectin / Créer des liens avec une animatin > divisin + identificateur) b. CSS3 «cascade style sheets»

9 Prpriétés et valeurs liées à la gestin de l espace, de la mise en frme des cntenus éditriaux, de la hiérarchisatin des infrmatins et de la typgraphie : (Utilisatin de mts usuels anglais) Prpriété : Largeur d un espace > width:800px; (valeur) Prpriété : Hauteur d un espace > height:100%; (valeur) Prpriété : marges > margin:0; padding:0; Prpriété : ascenceurs en cas de manque d espace dans la divisin > verflw:aut; Prpriété : arrière- plan> backgrund:url(../images/mer.jpg) n- repeat tp left; backgrund- size:100% 100%; backgrund- attachment:fixed; Prpriété : brdures de divisins (épaisseur / culeur / type)> brder- bttm:1px #FFFFFF slid; Prpriété : famille de plices de caractère > fnt- family:news- gthic; Prpriété : crps de texte > fnt- size:35px; Prpriété : culeur de la plice > clr:#ffffff; Prpriété : graisse des caractères > fnt- weight:nrmal; Prpriété : alignement du texte > text- align:justify; Prpriété : apprche u interlettrage > letter- spacing:5px; Prpriété : apprche u interlettrage > wrd- spacing:5px Prpriété : sulignement > text- decratin: nne; Prpriété : interlignage > line- height: 3px; Prpriété : Chasse des cractères > fnt- stretch: 3px; Utilisatin des plices de vtre chix : Avant la versin css3, l utilisatin des plices était limitée à quelques plices système serif u sans- serif, issues de différentes familles de plices de caractères (cf : classificatin VOX) Serif Fnts fnt-family Example text Gergia, serif "Palatin Lintype", "Bk Antiqua", Palatin, serif "Times New Rman", Times, serif Sans-Serif Fnts fnt-family Arial, Helvetica, sans-serif Example text

10 "Arial Black", Gadget, sans-serif "Cmic Sans MS", cursive, sans-serif Impact, Charcal, sans-serif "Lucida Sans Unicde", "Lucida Grande", sans-serif Tahma, Geneva, sans-serif "Trebuchet MS", Helvetica, sans-serif Verdana, Geneva, sans-serif Mnspace Fnts fnt-family "Curier New", Curier, mnspace "Lucida Cnsle", Mnac, mnspace Example text This is a heading A présent tutes les plices snt utilisables grâce à la face{ fnt- family:helvetica- neue; (nmmez la famille de plice et l appeler dans une divisin pur l appliquer à un cntenu éditrial précis.) src:url('../plices/helveneuext.ttf'); (indiquer au navigateur ù truver le fichier.ttf u.tf >> utilisatin de Fntlab pur créer des fichiers utilisables sur n imprte quel système.) } >> Cette nuvelle prpriété permet de prpser des cntenus éditriaux en adéquatin avec la ligne graphique à suivre, un affichage persnnalisé et permet d ptimiser le référencement.

11 Méthde : fnctin permettant l affichage d un cntenu, seln les caractéristiques dévelppées au sein de lafnctin javascript affiche_verlay_windw suite à un évènement suris. <a href="#"nclick="affiche_verlay_windw('galerie.html');"> <sectin> <div id="lg"> <span class="image- lg"> Espace, marge et retrait: tp/right/bttm/left (dans le sens des aiguilles d une mntre en cmmençant par la brdure du haut) Prpriété largeur de la divisin > width:800px; Prpriété : décalage à partir de la brdure de gauche> left:50%; Prpriété : retrait vers la gauche > margin- left :- 400px; Prpriété : espace à partir de la brdure du haut > tp:10%; Prpriété : type de psitin dans l espace >psitin:abslute; Prpriété : prfndeur de l espace, par plan >z- index:2; Unités de mesure : Differentes unités snt dispnibles en fnctin du type d éléments visuels présentés dans la page. Le pixel nté px L em est une unité relative permettant la redimensin du texte en fnctin de la réslutin et taille de l écran de l utilisateur, il est l équivalent d un cadratin en typgraphie (espace entre la ligne des mntantes et celle des descendantes. Le purcentage nté %, permettant une redimensin de certain éléments en fnctin de la réslutin et taille de l écran de l utilisateur. Frme des divisins : en général rectangulaire, elles peuvent êtrebrder- radius = arrndir les angles d une divisin (9999px=divisin rnde) Ombres prtées : réaliser l mbre prtée d un texte en gérant les décalages sur les différents axes et la culeur text- shadw: 0 1px 0 #000; Dégradés : Appliquer des dégradés linéaires et radials sur des arrières- plans de divisins u autres espaces prédéfinis. Prpriétés et valeurs : (Les préfixes snt bligatires) Prpriété arrière- plan > backgrund: linear- gradient(#04acec, #0186ba); >> Il s agit de la prpriété de base, il suffit ensuite d y ajuter les préfixes, pur les différents navigateurs. backgrund: - mz- linear- gradient(#04acec, #0186ba); backgrund: - webkit- gradient(linear, left tp, left bttm, frm(#04acec), t(#0186ba)); backgrund: - webkit- linear- gradient(#04acec, #0186ba); backgrund: - - linear- gradient(#04acec, #0186ba); backgrund: - ms- linear- gradient(#04acec, #0186ba);

12 2- Le langage infrmatique - Principes d animatin Prpriété : transfrmatin, transitin, animatin >> rtate/translate/scale a. Utiliser Html5/CSS3 > Créer les images- clés d une animatin nmmée lg, sur une durée précise, avec un type de transfrmatin adapté : Prpriété d images- clés d une animatin lg { 0% { transfrm: translatey(0px) matrix(1, 0, 0, 1, 0, 0);} 80% { transfrm: translatey(220px) matrix(1, 0, 0, 1, 0, 0); } 100% { transfrm: translatey(250px) matrix(1.5, 0, 0, 1, 0, 0); } } >> Il s agit de la prpriété de base, il suffit ensuite d y ajuter les préfixes, pur les différents navigateurs. Prpriété d animatin (nm, durée, démarrage, répétitin, type transfrmatin, relance)> animatin: balle 1s 30ms infinite alternate cubic- bezier(0.550, 0.055, 0.675, 0.190) frwards; >> Il s agit de la prpriété de base, il suffit ensuite d y ajuter les préfixes, pur les différents navigateurs. b. La balise <Canvas> permettant d intégrer des animatins et autres principes d interactin, générant des éléments visuels et utilisant le langage javascript : >> Langage infrmatique lu par le navigateur lui- même, permettant un affichage plus rapide et plus dynamique : Créatin vectrielle gémétrique, typgraphique, et icngraphique, interplatins autmatiques u génératives, un travail du temps et de l espace. 3- Le langage infrmatique Art Génératif Prcessing > applicatin permettant de créer des éléments graphiques divers, de les hiérarchiser, de les cmpser dans l espace, de les animer et de les générer à l aide de muvements et d une interface apprpriée : (langage java) >> Créatin de filtre en utilisant les valeurs des pixels (cf: lgiciels de créatin graphique : phtshp/illustratr) > Pssibilité de remplacer les muvements par des ndes, des fréquences, des sns, différentes pssibilités de créer de l interactin. L Art génératif de Jshua davis, utilisant la platefrme kapi : > Créatin d une frme à l aide du langage JAVA et répétitin de celle, avec des effets de fusin lrsque l utilisateur passe de nuveau sur cette frme. Réalisatin d animatins, d éléments dans l espace, de jeux typgraphiques et icngraphiques, permettant l interactin avec l utilisateur, en utilisant des utils cmme Flash et After effects, que l n purrait cupler avec divers lgiciels de créatin 3D (Cinema 4D, 3DS Max, blender u autre)

13 CONCLUSION : Evlutin des prcédés permettant d écrire des caractères ; de la presse typgraphique à l écriture numérique et générative, en passant par l aérsl, l épnge u encre le rttring, u tut autre myen plastique cnnu u à venir. 7/ L Identité visuelle : plan de créatin > Passage de l idée au signe / Icngraphie / > La Lettrine et Le mngramme (Le myen- âge et Cassandre) > Le pictgramme et la cnstructin gémétrique > Créer du sens et du rythme (Persnnificatin) > Transmettre des valeurs, une philsphie, l image de Marque et le «Branding» > Chartes graphiques et cdes > Cnstructin gémétrique et mathématique > Vectrisatin infrmatique (cf : Adbe Illustratr) 8/ Le caractère et le muvement > Typgraphie en muvement «Matt Wlman» > Présentatin d agences de design et de designers, «digital kitchen», «Trllbäck & cmpany», Bür destrukt», «yug Nakamura» 9/ Le caractère et l Affiche > Le Graphisme > Définitin & Evlutin > Histrique (Etienne Mineur) - Peintures rupestres / antiquité - Lithgraphie et mdes d impressin - Arts and Craft / Art nuveau / Art déc - Les affichistes de 1900 (Tuluse Lautrec, Alfns Mucha) - Cassandre et l affiche - L'Alliance Graphique Internatinale (AGI), l expressin symblique - Jean Widmer et l identité visuelle - Le Pp Art, la sciété de cnsmmatin et la prductin en série - Hara- Kiri u le déturnement publicitaire - Le grupe Bazka, la créatin plastique au service de l actualité - Rman CIESLEWICZ et le phtmntage - Michal BATORY, pésie, équilibre, dynamique et réflexin créative - Cmpsitin et équilibre / surface, masses, culeurs - Le rugh (Techniques de créatin picturales) > Le Message - Mise en frme et Figures de style - Cntexte : Tendances et valeurs - Objectifs et prmesse > Typgraphie et Icngraphie

14 - Cmpsitin des éléments, rapprt texte/image >> Equilibre des frces dans l espace - Hiérarchisatin des infrmatins - Créer du Muvement, du rythme, des variatins, une image vivante présentant une certaine musicalité > Travail de l image - Cadrage, grille de cnstructin, mise en scène, lumière, culeur, perspective > Le visible et l invisible dans le design graphique 1/ Divers travaux de typgraphes, graphistes u phtgraphes: Albert Btn, typgraphe Michel Buvet, graphiste Eric Brcherie, graphiste et créateur de génériques Kk Ew, graphiste et créateur de génériques Gnzal Garcia Barcha, graphiste et typgraphe Adeline Gyet, graphiste et typgraphe, rédacteur en chef et directeur artistique du bulletin Graphê Franck Jalleau, typgraphe, Atelier du Livre d'art et de l'estampe de l'imprimerie natinale Malte Martin, graphiste Cltilde Olyff, typgraphe et graphiste Guillaume J. Plissn & Brusk, phtgraphe Jean Françis Prchez, Type directr, ZeCraft + Typfnderie Julien Priez, graphiste, typgraphe et calligraphe Françis Weil, graphiste et typgraphe, rédacteur en chef et directeur artistique du bulletin Graphê Cette expsitin est rganisée en partenariat avec le bulletin Graphê et l'atelier du Livre d'art et de l'estampe de l'imprimerie natinale. 2/ > site infs exps et travaux typgraphiques 3/ > Infs exps passées et à venir autur du graphisme et de la typgraphie 4/ > Blg de travaux typgraphiques

15 5/ > site d actualités autur de la cmmunicatin (agences de cmmunicatin et dernières campagne), de l imprimerie (imprimeurs et innvatins technlgiques)