Séance de préparation au projet en piste qui a pour but la découverte d’un court historique de la discipline du design graphique et présentation d’une liste de designeureuses pour lesquel·les il sera demandé à chaque étudiant·e de réaliser une petite présentation de 3 min. 20 s. en 10 diapositives. La programmation des présentations par séances au cours du premier semestre est disponible > ici (lien à venir).

Présentation du cours

Lien vers le pad

Sur l'ordinateur personnel :

• 1973 : Xerox Alto
• 1984 : Macintosh 128K

Sur les outils de compositions WISIWYG :

• 1987 : Illustrator – Équivalent libre : 2003 : Inkscape
• 1990 : Photoshop – Équivalent libre : 1995 : GIMP
• 1999 : Indesign – Équivalent libre : 2003 : Scribus

Auto Illustrator – Adrian Ward

Sur l'ordinateur et la programmation

• Vera Molnar

L'image et les frameworks de programmation :

• 1999 : Design by number - John Maeda
• 2001 : Processing - Ben Fry et Casey Reas
• Open Framework : Zach Liebermann

Sur le libre et les moyens alternatifs de composition de texte

• Open Source Publishing – HTML TO PRINT – Voir la revue Médor ou le travail d'identité du théâtre de la balsamine
• Ivan Murit – Texturing
• Luuse – Tools
• paged js – Voir les premiers livres de la maison d'éditions Divided

Sur autre chose que l'ordinateur

• Karl Nawrot
• Falk Schwabe
• Formes Vives

Sommaire

• Séquence de cours : histoire des pictogrammes
  
• Tutoriel : utilisation du logiciel Illustrator
  
• Création d’un pictogramme
  
  

Histoire des pictogrammes

La signalétique désigne un champs d’action emprunté entre autres disciplines par les designeureuses graphiques. Des éléments d’ordre signalétique existent probablement depuis que les humains vivent au sein de sociétés organisées. C’est le cas de la plus part des civilisations qui ont livré des traces archéologiques ou pour lesquelles des informations nous sont parvenues. Le cadre social, politique, religieux, culturel, les contraintes matérielles de ces civilisations ou groupes humains organisés ont produit des éléments très divers que l’on pourrait dire d’ordre signalétique avec notre regard d’aujourd’hui.

• cours
• présentation du cours
  
  
• Sommaire
  A. Une histoire des pictogrammes et de la signalétique
  B. Contrastes et couleurs, lisibilité des signes
  C. Les contrastes
  D. La synthèse soustractive
  E. La synthèse additive
  F. Couleurs web hexadécimales
  G. Couleurs complémentaires
  
  

Tutoriel : Adobe Illustrator, bases

Présentation des espaces de travail de l’application Adobe Illustrator, tutoriel de base pour illustration vectorielle à l’aide d’une grille de rectangles. Attention, les paramètres de la carte du pictogramme sont les suivants: document de 148 par 210 mm format portrait avec grille de carrés 36 par 36 carrés, marges autour de la grille de 10 mm.

• vidéo du tutoriel
• feuille de raccourcis
  
  Sommaire
  0:00 - Introduction
  0:20 - Paramètres de création de fichier
  1:30 - Présentation espaces de travail, outils
  6:33 - Dessin à l’aide de rectangles
  7:45 - Affichage de la grille de document
  9:30 - Aperçu et visualisation des tracés
  14:05 - Dessin
  15:17 - Enregistrement fichier natif .ai
  16:13 - Export .pdf
  
  

Création d’un pictogramme

À l’aide du tutoriel ci-dessus (attention à bien vous baser sur le tutoriel pour les dimensions et marges) et d’esquisses préalables sur papier, vous créerez un pictogramme représentant votre lieu. Ce pictogramme devra être le plus simple et cohérent possible, votre travail devra prendre en considération la séquence de cours et il respectera les paramètres de contrastes et de visibilité adaptés.

Références indicatives

• Fouilles archéologiques, domaine du Roi Horus-Scorpion, article, Neozone, Nathalie Kleczinski 2021
• [Exposition Song lines, Musée du Quai Branly,
• 4 avril - 2 juillet 2023](https://boutique.quaibranly.fr/fr/exposition-songlines-chant-des-pistes-du-desert-australien/c496/1/)
• Carte des bornes militaires de la Gaulle, musée d’archéologie nationale, France, 1878
• Hobo signs, le langage secret des vagabonds d’Amérique, article, Graphéine, 2023
• Otto Neurath, Isotype, article, Index Graphik, 2014
• Le monde comme projet, Olt Aicher, livre, B42, 2015
• Deconstructing Master Artists : Otl Aicher, article, Marius Claßen, Malte Völkner, 2017
• Un logo inoxydable, article, Index Graphik, 2017
• Pierre Bernard & Grapus, « graphisme d’utilité publique », article, Graphéine, 2017
• Pierre Bernard & Grapus, identité des parcs Régionaux de France, site de l’AGC
• Köln-Bonn Airport, article par Indra Kupferschmid, 2013, blog Fonts In Use
• Revue anuelle du CNAP Graphisme en France, numéro 19, 2013, article La signalétique, points de vue des graphistes, Vanina Pinter
• JO 2024 : des pictogrammes qui font débat - Le Dessous des images - ARTE, octobre 2023
• Exposition impact - quels enjeux environnementaux pour une école de design ? ENSCI, École Nationale Supérieure De Création Industrielle
• Wikipédia, article la synthèse soustractive
• Wikipédia, article la synthèse additive
  
  

Bases de pratiques sur le logiciel Adobe Indesign, paramétrages de création de fichier, découverte des espaces de travail et outils, création d’un bloc de texte courant, usage de repères. Paramétrage de la grille de ligne de base et d’un gabarit, mise en place d’une numérotation des pages. Utilisation des modes d’aperçu du document, assemblage, enregistrement, exports.

• 0:00 - Introduction
• 0:08 - Paramètres de création de fichier
• 2:04 - Présentation espaces de travail, outils
• 8:45 - Paramètres d’un bloc de texte courant
• 11:40 - Placement de repères
• 12:07 - Grille de ligne de base
• 14:08 - Gabarit de mise en page
• 15:42 - Numérotation de pages
• 17:06 - Utilisation du gabarit de mise en page
• 17:57 - Modes d’aperçu du document
• 19:28 - Assemblage du document
• 21:53 - Enregistrement fichier natif .indd ou .idml
• 23:30 - Export pour impression
• 25:50 - Export pour le web

Séance de composition de la carte (recto titre + texte + énigme de la carte suivante / verso pictogramme) Format de la carte 148x210 mm

Import et gestion de visuels, contrôle de la qualité, définition des images, notion de rapports entre les différents niveaux de texte, création d’un niveau de titre et d’un niveau de note, de styles de paragraphes, de texte et d’objets.

• 0:00 - Introduction
• 0:52 - Import et gestion de visuels
• 3:09 - Contrôle de la définition des images
• 6:16 - Notion de rapports de corps et niveaux de texte
• 8:08 - Création d’un titre
• 9:49 - Création d’une note
• 12:15 - Styles de paragraphes
• 14:50 - Styles de caractères
• 16:58 - Styles d’objets

Séance de découverte et d’analyse de la composition d’objets éditoriaux. Composition de la double page (titre, informations, texte, résultats de vos recherches, interviews, photos, dessins) et de la carte (recto titre + texte + énigme de la carte suivante / verso pictogramme). Format de la carte 148x210 mm, format de la double-page 160x240 mm.

Bases de correction orthotypographique sur Adobe Indesign, gestion de paragraphes alignés à gauche (drapeaux) et justifiés.

• 0:00 - Introduction
• 0:29 - Affichage des caractères masqués
• 0:56 - Country Girls de Edna O’Briens, texte choisi pour le tutoriel
• 1:11 - Relecture de l’orthographe du document
• 2:06 - Outil "Rechercher/Remplacer"
• 3:06 - Vérification des éléments à positionner en exposant
• 5:12 - Vérification des signes typographiques simples
• 9:00 - Vigilance, opération de plusieurs relectures
• 9:44 - Différents types d’espaces
• 11:21 - Gestion de paragraphes alignés à gauche (drapeaux)
• 13:47 - Gestion de paragraphes alignés justifiés
• 16:22 - Mots en langue étrangère et titres d’ouvrages

Vous êtes invité·es à construire en collectif un jeu de piste permettant la découverte de l’école lors des journées portes ouvertes 2026. La conception de ce jeu sera l’occasion de vous confronter aux différentes étapes du processus de travail de designer·euses graphiques.

ATTENDUS DE COURS :

Le travail prendra la forme de trois ateliers successifs autour de la conception pour chacun·e d’entre vous d’une carte, d’une affiche et d’une double-page contribuant à une édition collective.

CRITÈRES D’ÉVALUATION :

Découverte et appropriation des fondamentaux de la mise en page sur des supports variés. Gestion d’un espace de travail, média + Grille (livre affiche dépliant site web), composition en rapport avec un format, rapport texte image, hiérarchie, utilisation de polices de caractères. Création de signes (picto), gestion de la couleur, maîtrise de l’export, impression et façonnage. Maîtrise de logiciels de dessin vectoriel et de mise en page. Présence, implication, prise en compte des retours des enseignant·es sur les projets.

RÉFÉRENCES INDICATIVES :

Sitographie

http://problemata.org/fr/
https://www.centrenationaldugraphisme.fr/
https://t-y-p-o-g-r-a-p-h-y.org/
https://anothergraphic.org/

Ouvrages

Robin Kinross, La typographie moderne. Un essai d’histoire critique, Éditions B42, 2012 Pendant la lecture, Gerard Unger, Éditions B42, 2015 https://www.space-invaders.com/flashinvaders/