Hoja de repaso: Histoire et évolution du design graphique

📋 Plan du Cours

  1. Supports et supports (Histoire du design graphique)
  2. Dataviz et narration (Histoire du design graphique)
  3. Signalisation et pictogrammes (Histoire du design graphique)
  4. Design d'interface urbaine (Histoire du design graphique)
  5. Icônes culturelles (Histoire du design graphique)

📖 1. Supports et supports (Histoire du design graphique)

🔑 Notions clés & Définitions

Volumen
AUTEUR (date) : Le volumen désigne un support écrit sous forme de rouleau, où texte et images cohabitent en continu, permettant une lecture linéaire prolongée.

Codex
AUTEUR (date) : Le codex est un support de texte constitué de pages reliées entre elles, souvent organisées en colonnes, marquant une évolution majeure par rapport au rouleau.

Lettrines
AUTEUR (date) : Les lettrines sont des lettres initiales décoratives, souvent plus grandes ou ornées, utilisées pour structurer visuellement un manuscrit.

Marges
AUTEUR (date) : Les marges désignent l’espace laissé vide autour du texte, servant à la décoration, à la lecture facilitée ou à la notation.

Hiérarchie typographique
AUTEUR (date) : La hiérarchie typographique organise visuellement le contenu par des variations de taille, de style ou de couleur, pour distinguer titres, sous-titres et corps de texte.

📝 Points essentiels

Le papyrus d'Ani, datant d'environ 1250 av. J.-C., illustre parfaitement le volumen, un support où texte et illustrations cohabitent sur un rouleau long. Ce format permet une lecture linéaire continue, caractéristique de l’écriture antique.
Le Codex Sinaiticus, du IVe siècle, marque une étape clé dans l’histoire du support écrit avec la transition vers le codex. Il présente une mise en page en colonnes très structurée, facilitant la lecture et la référence.
Les Très Riches Heures du Duc de Berry, du XVe siècle, illustrent l’apogée de l’organisation manuscrite avant l’imprimerie. Ce manuscrit se distingue par l’usage élaboré de lettrines, de marges décoratives et d’une hiérarchie typographique soignée, témoignant d’un haut niveau de structuration visuelle.

💡 À retenir

L’évolution du support, du rouleau au codex, a profondément influencé la structuration visuelle du texte, permettant une organisation plus claire et esthétique, comme le montre l’apogée des manuscrits avant l’imprimerie.

📖 2. Dataviz et narration (Histoire du design graphique)

🔑 Notions clés & Définitions

Carte figurative
Minard (1869) : Représentation graphique combinant cinq variables (distance, température, nombre de soldats, direction, dates) pour raconter la campagne de Russie de 1812-1813. Elle permet de visualiser simultanément plusieurs dimensions d’un récit historique.

Topologie
Harry Beck (1933) : Approche de conception de plans où la structure des connexions est privilégiée sur la géographie réelle. La topologie met en avant la compréhension des relations entre éléments plutôt que leur position précise dans l’espace.

Métaphore mécanique
Fritz Kahn (1920s) : Utilisation d’images et de concepts mécaniques pour expliquer le corps humain. La métaphore mécanique mêle science et design pour rendre accessible la compréhension du fonctionnement biologique.

📝 Points essentiels

La carte de Minard illustre comment la combinaison de cinq variables permet de raconter une histoire complexe, ici la campagne de Russie, en intégrant des dimensions multiples dans une seule visualisation. Harry Beck a révolutionné la lecture des plans en privilégiant la topologie, ce qui facilite la compréhension des connexions sans se soucier de la géographie précise. Fritz Kahn, quant à lui, utilise des métaphores mécaniques pour expliquer le corps humain, mêlant science et design pour rendre l’information plus accessible.

💡 À retenir

La visualisation des données transforme des informations complexes en récits visuels accessibles, en utilisant des méthodes telles que la combinaison de variables, la topologie ou la métaphore mécanique pour simplifier et clarifier la narration.

📖 3. Signalisation et pictogrammes (Histoire du design graphique)

🔑 Notions clés & Définitions

ISOTYPE

  • AUTEUR : voir section 1

Pictogramme modulaire
Concept créé par Otl Aicher pour concevoir des pictogrammes sportifs lors des Jeux Olympiques de Munich (1972). Il s'agit d'une grille structurée permettant d'assurer une cohérence et une simplicité dans la représentation graphique.

Signalétique universelle
Système de communication visuelle destiné à être compris par tous, indépendamment de la langue ou de la culture, facilitant la compréhension immédiate des informations.

Identité visuelle olympique
Ensemble des éléments graphiques, notamment la signalétique et les pictogrammes, conçus pour représenter l'événement olympique de manière cohérente et reconnaissable à l’échelle mondiale.

Grille modulaire
Structure de référence créée par Otl Aicher, composée de lignes et de points, permettant de standardiser la création de pictogrammes pour assurer uniformité et lisibilité.

📝 Points essentiels

Otto Neurath et Gerd Arntz ont développé l'ISOTYPE pour démocratiser l'information sociale. Leur système comprenait plus de 4000 pictogrammes destinés à expliquer des faits sociaux complexes de façon visuelle, facilitant la compréhension universelle et immédiate.

Lance Wyman a intégré dans la signalétique des Jeux Olympiques de Mexico (1968) des motifs traditionnels mexicains, s'inspirant de l'art optique. Son approche a permis de créer une identité visuelle forte, ancrée dans la culture locale tout en étant accessible mondialement.

Otl Aicher a conçu une grille modulaire pour les pictogrammes sportifs lors des JO de Munich (1972). Cette grille, encore utilisée aujourd'hui, a standardisé la création de pictogrammes, assurant cohérence, simplicité et efficacité dans la signalétique olympique.

💡 À retenir

La création de systèmes visuels universels comme l'ISOTYPE ou la grille modulaire d'Otl Aicher a permis de faciliter la communication globale en rendant l'information visuelle accessible, immédiate et compréhensible par tous, indépendamment des langues ou des cultures.

📖 4. Design d'interface urbaine (Histoire du design graphique)

🔑 Notions clés & Définitions

Smart City
P : La Smart City désigne une ville intégrant des technologies numériques pour améliorer la gestion urbaine, la qualité de vie et la connectivité. Elle repose sur la collecte et l’analyse de données pour optimiser les services publics et l’environnement urbain.

Bornes interactives
P : Dispositifs physiques installés dans l’espace public, équipés de technologies numériques permettant l’accès à des services, informations ou connexions, comme le Wi-Fi ou des données en temps réel.

Organisme sensoriel urbain
P : Concept théorisé par Antoine Picon (date non précisée), décrivant la ville comme un corps doté de capteurs et de dispositifs qui perçoivent, collectent et transmettent des données, transformant la ville en un système sensible et connecté.

Données en temps réel
P : Informations collectées et transmises instantanément, permettant une réaction immédiate ou une mise à jour continue des services et de l’environnement urbain.

Interface urbaine
P : La matérialisation physique ou numérique permettant l’interaction entre l’usager et l’environnement urbain, intégrant technologies et espace public pour créer des points de convergence entre espace physique et numérique.

📝 Points essentiels

Le projet The LinkNYC illustre concrètement cette évolution : il remplace les anciennes cabines téléphoniques par des bornes offrant du Wi-Fi et des informations en temps réel, incarnant la ville comme un organisme sensoriel. Ces bornes constituent une interface urbaine qui matérialise la convergence entre espace public et technologies numériques, permettant une interaction fluide entre usagers et environnement.

Antoine Picon conceptualise la ville comme un organisme sensoriel grâce à l’intégration des données en temps réel. Cette approche transforme la gestion urbaine en un système sensible, où chaque élément de l’espace public devient un capteur contribuant à la perception globale de la ville.

Le design d’interface urbaine, en intégrant ces dispositifs, participe à la création d’un espace connecté, où la technologie devient une extension du corps urbain, facilitant la circulation de l’information et la réactivité de la ville.

💡 À retenir

Le design graphique dans l’espace urbain s’intègre à travers des interfaces physiques et numériques qui matérialisent la convergence entre espace public et technologies, faisant de la ville un organisme sensoriel capable de percevoir et d’adapter ses services en temps réel.

📖 5. Icônes culturelles (Histoire du design graphique)

🔑 Notions clés & Définitions

  • Pochette illustrée
    Alex Steinweiss (1939) : première pochette d'album illustrée de l'histoire, révolutionnant le marketing musical en apportant une identité visuelle à la musique enregistrée.

  • Symbole universel
    Le prisme de Pink Floyd (1973) : design épuré représentant un prisme dispersant la lumière, devenu un symbole mondial grâce à sa simplicité et sa puissance visuelle.

  • Visualisation de données artistique
    Peter Saville (1979) : utilisation d'une visualisation de données (ondes radio d’un pulsar) transformée en œuvre d’art minimaliste et punk, illustrant la fusion entre science et esthétique.

  • Style ransom note
    Jamie Reid : style de lettre de rançon, utilisant des lettres découpées dans des magazines, définissant l’esthétique punk et une attitude rebelle dans la conception graphique.

📝 Points essentiels

  • Alex Steinweiss crée en 1939 la première pochette illustrée, marquant une étape clé dans l’histoire du design graphique et du marketing musical en apportant une identité visuelle forte aux albums.

  • Le prisme de Pink Floyd, conçu en 1973, devient un symbole universel grâce à un design épuré, jouant sur la simplicité et la puissance visuelle, ce qui lui confère une reconnaissance mondiale.

  • Jamie Reid, avec la pochette des Sex Pistols, introduit le style de lettre de rançon, caractérisé par des lettres découpées dans des magazines, qui définit l’esthétique punk et une attitude contestataire.

  • Peter Saville, en 1979, reprend une visualisation de données pour créer une œuvre d’art minimaliste, illustrant comment le design peut fusionner science et esthétique pour produire des symboles culturels forts.

💡 À retenir

Le design graphique forge des symboles culturels puissants, capables de transcender leur support d’origine pour devenir des icônes universelles, incarnant des mouvements et des idées à travers des styles visuels distinctifs.

📅 Repères chronologiques

DateÉvénement
1250 av. J.-C.Papyrus d'Ani illustrant le volumen, support antique de lecture linéaire.
IVe siècleCodex Sinaiticus, étape clé dans la transition vers le codex.
XVe siècleTrès Riches Heures du Duc de Berry, manuscrit illustré avec lettrines et marges décoratives.
1869Minard crée la carte figurative de la campagne de Russie.
1920sFritz Kahn utilise la métaphore mécanique pour expliquer le corps humain.
1933Harry Beck conçoit le plan topologique du métro de Londres.
1968Jeux Olympiques de Mexico, Wyman développe une signalétique intégrant motifs traditionnels.
1972JO de Munich, Otl Aicher conçoit la grille modulaire pour pictogrammes sportifs.

📊 Tableaux de Synthèse

Supports et supports (Histoire du design graphique)

SupportDéfinitionAuteur / DateCaractéristiques principales
VolumenSupport écrit sous forme de rouleau, texte et images en continuLecture linéaire prolongée, support antique
CodexSupport constitué de pages reliées, organisé en colonnesFacilité de référence, organisation structurée
Manuscrit (Très Riches Heures)Manuscrit illustré avec lettrines, marges décoratives, hiérarchie typographiqueOrganisation visuelle élaborée, haut niveau esthétique

Dataviz et narration

ConceptDéfinition / ExempleAuteur / DatePoints clés
Carte figurativeVisualisation combinant plusieurs variables (ex : Minard)Minard (1869)Raconter une histoire complexe via plusieurs dimensions
TopologieConception privilégiant la structure des connexions sur la géographie réelle (ex : plan métro Londres)Harry Beck (1933)Facilite la compréhension des relations sans souci de localisation précise
Métaphore mécaniqueUtilisation d’images mécaniques pour expliquer des systèmes biologiques (ex : Fritz Kahn)Fritz Kahn (1920s)Rendre l’information accessible par analogie visuelle

Signalisation et pictogrammes

NotionDéfinition / ExempleAuteur / DatePoints clés
ISOTYPESystème de pictogrammes pour démocratiser l’information socialeOtto Neurath & Gerd Arntz (années 1930)Plus de 4000 pictogrammes pour communiquer universellement
Pictogramme modulaireCréé par Otl Aicher pour les JO de Munich (1972), grille structurée pour cohérence graphiqueOtl Aicher (1972)Standardisation, simplicité, lisibilité

Design d’interface urbaine

NotionDéfinition / ExempleAuteur / DatePoints clés
Smart CityVille intégrant technologies numériques pour gestion optimiséeCollecte et analyse des données en temps réel
Bornes interactivesDispositifs dans l’espace public offrant services et infosInteraction physique et numérique avec usagers
Organisme sensorielLa ville comme un corps doté de capteurs et dispositifs connectésAntoine PiconVille sensible, système connecté en temps réel

⚠️ Pièges & Confusions Fréquentes

  1. Confondre volumen et codex : le volumen est un rouleau continu, le codex est un livre relié.
  2. Assimiler la métaphore mécanique à une simple illustration ; elle sert à rendre accessible une compréhension complexe.
  3. Croire que la topologie privilégie la géographie précise ; elle privilégie la structure des connexions.
  4. Confondre signalétique universelle et identité visuelle spécifique ; la première vise à être comprise par tous.
  5. Sous-estimer l’impact des lettrines dans l’organisation visuelle du manuscrit.
  6. Confondre support antique (papyrus) et support médiéval (manuscrit illustré).
  7. Croire que la grille modulaire d’Aicher est uniquement esthétique ; elle assure cohérence et standardisation.

✅ Checklist Examen

  1. Connaître la définition du volumen selon AUTEUR et sa caractéristique principale.
  2. Identifier les caractéristiques du codex et ses avantages par rapport au rouleau.
  3. Expliquer l’importance des lettrines dans l’organisation des manuscrits selon AUTEUR.
  4. Comprendre comment la hiérarchie typographique facilite la lecture d’un manuscrit.
  5. Décrire la visualisation multi-variable selon Minard avec ses cinq dimensions.
  6. Expliquer le concept de topologie selon Harry Beck et son application dans les plans urbains.
  7. Définir la métaphore mécanique selon Fritz Kahn et son objectif pédagogique.
  8. Présenter le système ISOTYPE développé par Otto Neurath pour démocratiser l’information visuelle.
  9. Analyser l’intérêt de la grille modulaire conçue par Otl Aicher pour les pictogrammes sportifs.
  10. Définir la notion de Smart City selon P et ses enjeux liés aux données en temps réel.
  11. Illustrer le concept d’organisme sensoriel urbain avec l’exemple des bornes interactives dans The LinkNYC.
  12. Maîtriser les auteurs clés : Perroux sur la croissance, Minard sur dataviz narrative, Neurath sur ISOTYPE, Aicher sur grille modulaire, Picon sur organisme sensoriel urbain.

Pon a prueba tus conocimientos

Pon a prueba tus conocimientos sobre Histoire et évolution du design graphique con 5 preguntas de opción múltiple con correcciones detalladas.

1. Quelle est la conséquence principale de l’utilisation du volumen comme support écrit antique ?

2. Qu'est-ce que le volumen dans l'histoire du design graphique ?

Realiza el cuestionario →

Repasa con tarjetas de memoria

Memoriza los conceptos clave de Histoire et évolution du design graphique con 10 tarjetas de memoria interactivas.

Supports (Histoire du design) — définition ?

Supports écrits pour la transmission de textes et images.

Dataviz — rôle ?

Raconter une histoire à partir de données visuelles.

Signalisation — importance ?

Faciliter la compréhension immédiate par tous.

Ver tarjetas de memoria →

Similar courses

Crea tus propias hojas de repaso

Importa tu curso y la IA genera hojas, cuestionarios y tarjetas de memoria en 30 segundos.

Generador de hojas