Design graphique
Design graphique
Définition et champs
Le design graphique organise texte, image et couleur pour transmettre un message. Il couvre :
- Identité visuelle (logos, chartes graphiques)
- Édition (livres, magazines, affiches)
- Signalétique (aéroports, musées)
- Packaging
- Design numérique (sites, apps, motion design)
Éléments fondamentaux
1. Le logo
- Logotype : uniquement typographique (Google, Coca-Cola).
- Symbole : uniquement pictural (Apple, Nike).
- Combiné : symbole + logotype (Adidas). Critères de qualité : simplicité, mémorisation, déclinabilité, unicité, intemporalité.
2. Charte graphique
Document qui codifie l'identité visuelle : logo (versions, zones de protection), palette chromatique, typographies, iconographie, principes de mise en page, ton éditorial.
3. Système graphique
Ensemble cohérent de composants réutilisables (grille, boutons, cartes) — se rapproche du design system en numérique (Material Design de Google, Human Interface Guidelines d'Apple).
Grands mouvements et écoles
- Bauhaus (Herbert Bayer) : sans-serif, géométrie.
- Style suisse (Müller-Brockmann, Ruder) : grille, Helvetica, objectivité.
- Push Pin Studios (Milton Glaser — logo I ♥ NY, 1977).
- Postmodernisme (Wolfgang Weingart, David Carson — magazine Ray Gun).
- Métahaven, Bureau Mirko Borsche : graphisme contemporain de rupture.
Formats et supports
| Support | Formats standards |
|---|---|
| Affiche | 40×60, 60×80, 120×176 cm (abribus), 4×3 m (grand format) |
| Édition | A5, A4, formats à l'italienne, à la française |
| Web | Responsive : 375 px (mobile), 768 px (tablette), 1440 px (desktop) |
| Réseaux sociaux | 1:1 (Instagram feed), 9:16 (stories, TikTok), 16:9 (YouTube) |
Logiciels de référence
Adobe Illustrator (vectoriel), Photoshop (bitmap), InDesign (mise en page), Figma (UI/UX), Affinity Suite (alternative), After Effects (motion), Blender (3D).
Print vs Digital
| Critère | Digital | |
|---|---|---|
| Colorimétrie | CMJN, Pantone | RVB, HEX |
| Résolution | 300 dpi | 72-144 dpi (retina : 2×) |
| Support | papier, textile | écran (émissif) |
| Format | fixe | responsive |
Enjeux contemporains
- Accessibilité (contraste WCAG AA/AAA, typographies dyslexie-friendly).
- Sobriété numérique : sites légers (écoconception web).
- Motion design et interfaces animées.
- IA générative (Midjourney, DALL·E, Firefly) : outil d'idéation, questions d'éthique et de droits d'auteur.
- Direction artistique cross-média : cohérence sur tous les points de contact.
Designers graphiques à connaître
Paul Rand (IBM), Saul Bass (génériques), Milton Glaser, Massimo Vignelli (métro NYC), Neville Brody, Stefan Sagmeister, Paula Scher (Pentagram), M/M Paris, Studio Dumbar, Non-Format.
À retenir
Le design graphique n'est pas décoration : c'est un outil de communication stratégique. Le meilleur graphisme est celui dont on ne remarque pas l'ingéniosité, tant il facilite la lecture et la mémorisation du message.
Sources et références
Ce cours est rédigé par l'équipe RévisionBac à partir du programme officiel et des sources institutionnelles ci-dessous. Elles permettent de vérifier les définitions, les chiffres et les normes citées.
- 1.Programmes et ressources du lycée général et technologique — Éduscol — Ministère de l'Éducation nationale
- 2.Bulletin officiel de l'Éducation nationale (programmes du baccalauréat) — education.gouv.fr
- 3.Éco-conception et analyse du cycle de vie — ADEME
- 4.Propriété industrielle et dessins et modèles — INPI
- 5.Textes de loi et jurisprudence — Légifrance
- 6.Guides et recommandations de sécurité numérique — ANSSI
Contenu vérifié et mis à jour le 08/08/2026. Les liens renvoient vers les sites officiels des éditeurs cités.
Historique éditorial
Ce chapitre est rédigé et relu par l'équipe RévisionBac, puis enrichi par les contributions validées.
- — Dernière mise à jour du cours (relecture et enrichissement)
- — Première publication de la fiche de cours