L’essentiel en bref
- Le Bauhaus était une école allemande d’art, d’artisanat et de design fondée par Walter Gropius à Weimar en 1919 et fermée à Berlin en 1933 sous la pression du gouvernement nazi.
- Le design Bauhaus privilégie les formes géométriques simples, les couleurs primaires, les polices sans empattement, les mises en page asymétriques et l’idée que la forme doit suivre la fonction.
- En 1923, Wassily Kandinsky demanda aux gens de l’école d’associer un triangle, un carré et un cercle au jaune, au rouge et au bleu ; il proposa un triangle jaune, un carré rouge et un cercle bleu.
- Herbert Bayer dessina en 1925 une police entièrement en minuscules appelée universal, un des premiers exemples de la volonté de l’école d’aller vers une typographie plus simple et plus rationnelle.
- Pour utiliser le style Bauhaus aujourd’hui, empruntez ses principes de structure claire et de couleurs limitées plutôt que de copier littéralement ses formes.
Sur cette page
Le design Bauhaus est le style issu du Bauhaus, une école allemande d’art, d’artisanat et de design qui a fonctionné de 1919 à 1933. Il est connu pour ses formes géométriques simples, ses couleurs primaires, ses lettrages sans empattement, ses mises en page asymétriques et sa conviction qu’un bon design doit être utile, bien fait et adapté à la production industrielle. Ses idées sous-tendent encore la plupart du graphisme moderne, de la grille d’une affiche aux icônes de votre téléphone.
Un bref historique du Bauhaus
Ce qui s’est passé
Ce qui s’est passé
Ce qui s’est passé
Ce qui s’est passé
Ce qui s’est passé
Ce qui s’est passé
Ce qui s’est passé
Les enseignants étaient remarquables : Johannes Itten, Paul Klee, Wassily Kandinsky, László Moholy-Nagy et Josef Albers, entre autres. Albers écrivit plus tard Interaction of Color, toujours l’un des meilleurs livres sur la façon dont les couleurs s’influencent, ce qui relie directement à la théorie des couleurs moderne.
Couleurs et formes Bauhaus, en CSS
L’allure que la plupart des gens imaginent est du rouge, du jaune et du bleu avec du noir, sur un fond blanc cassé, construite avec des cercles, des carrés et des triangles. Le questionnaire de Kandinsky de 1923, qui proposait le triangle jaune, le carré rouge et le cercle bleu, est devenu le raccourci de toute l’école, même si le travail du Bauhaus utilisait bien plus de couleurs.
Les arrêts francs, où une couleur s’arrête exactement là où la suivante commence, sont la clé. Ils transforment un dégradé en forme nette. Les formes en dégradé en couvre d’autres, et le code ci-dessous en combine quatre en une tuile.
.bauhaus-tile {
aspect-ratio: 1 / 1;
background-color: #f1ece1;
background-image:
radial-gradient(circle at 100% 100%, #be1e2d 70%, transparent 70.5%),
linear-gradient(135deg, #f2c12e 50%, transparent 50%),
radial-gradient(circle, #21409a 45%, transparent 45.5%),
linear-gradient(#111111, #111111);
background-size: 50% 50%;
background-position: 0 0, 100% 0, 0 100%, 100% 100%;
background-repeat: no-repeat;
}Typographie Bauhaus
Les designers du Bauhaus voulaient une typographie claire, rationnelle et moderne. Herbert Bayer soutenait que les capitales étaient inutiles et dessina universal, un alphabet géométrique sans aucune capitale ; beaucoup de documents imprimés de l’école abandonnèrent un temps les capitales. Les affiches composaient du texte sans empattement en blocs gras, souvent pivotés, avec de gros filets et barres pour organiser la page.
- Sans empattement géométriques : o rond, hampes droites, traits réguliers. Le Futura, sorti en 1927, n’est pas une police Bauhaus mais en partage l’esprit ; Jost sur Google Fonts est une police gratuite dans la même veine.
- Titres en minuscules : un discret clin d’œil à l’universal de Bayer.
- Texte pivoté : un texte qui monte le long de l’affiche donne le sentiment asymétrique et dynamique.
- Barres et filets : de gros traits noirs qui séparent et orientent, à la place des cadres.
Comment utiliser le design Bauhaus aujourd’hui
Copier exactement les formes et les primaires donne quelque chose qui ressemble à une boutique de musée. La valeur durable du Bauhaus est dans ses principes, qui fonctionnent avec n’importe quelle palette.
- 1
Partez de la fonction
Décidez ce que le design doit faire, comme annoncer une date ou vendre un produit, et laissez cela décider de la mise en page.
- 2
Construisez sur une grille, puis cassez-la une fois
Posez tout sur une grille claire, puis laissez une forme ou une ligne la traverser. Cette tension est très Bauhaus. Le style suisse a développé la grille plus loin.
- 3
Limitez la couleur
Trois couleurs plus du noir et un fond papier. Remplacez les primaires par les couleurs de votre marque et la structure se lira toujours comme du Bauhaus.
- 4
Utilisez les formes comme structure
Un cercle peut encadrer une photo, une barre peut porter un titre, un triangle peut désigner l’appel à l’action.
- 5
Gardez un texte simple
Un sans empattement géométrique, deux graisses, grand et aligné à gauche.
Un titre en minuscules, un petit surtitre et un détail simple : la retenue Bauhaus sur un post d’événement moderne.
Les mêmes principes sur une couverture 1600×1200, avec un arrière-plan vivant à la place des primaires à plat.
Ce second exemple montre la touche moderne. La mise en page Bauhaus reste stricte, mais l’arrière-plan est un Mark de Gradiently au lieu d’un rouge ou d’un bleu à plat : toujours une palette limitée, toujours structurelle, mais avec sa propre lumière et son grain, et une fois réservé il est à vous seul. Le texte rigoureux se pose sur sa zone la plus calme, donc la grille reste nette.
Si vous aimez le Bauhaus, comparez-le au glamour décoratif de l’Art déco, à l’honnêteté brute du design brutaliste, et à sa rébellion ludique des années 1980 dans le design Memphis.
Les questions qu’on nous pose
Qu’est-ce que le design Bauhaus ?
Le style de l’école du Bauhaus en Allemagne, de 1919 à 1933 : formes géométriques, couleurs primaires, polices sans empattement, mises en page asymétriques et priorité à la fonction.
Quelles sont les couleurs Bauhaus ?
Le rouge, le jaune et le bleu avec du noir et du blanc sont les couleurs les plus associées au Bauhaus, en partie à cause du questionnaire de Kandinsky de 1923 sur les formes et les couleurs.
Quelle police dans le design Bauhaus ?
Des sans empattement géométriques. Herbert Bayer dessina en 1925 une police en minuscules appelée universal ; aujourd’hui, le Futura ou le Jost gratuit donnent une sensation similaire.
Pourquoi le Bauhaus a-t-il fermé ?
L’école a fermé en 1933 à Berlin sous la pression du gouvernement nazi, qui voyait dans son modernisme un danger politique.
Comment faire une affiche de style Bauhaus ?
Utilisez une grille claire, quelques formes géométriques franches, trois couleurs plus du noir sur un fond papier, et un texte sans empattement aligné à gauche ou pivoté.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil