Design Bauhaus: forme, colori primari e idee che durano

Il design Bauhaus è lo stile nato dal Bauhaus, una scuola tedesca di arte, artigianato e design attiva dal 1919 al 1933. È noto per forme geometriche semplici, colori primari, lettering sans serif, impaginazioni asimmetriche e la convinzione che un buon design debba essere utile, ben fatto e adatto alla produzione industriale. Le sue idee stanno ancora sotto gran parte del graphic design moderno, dalla griglia di un poster alle icone del tuo telefono.

Breve storia del Bauhaus

Gli insegnanti erano straordinari: Johannes Itten, Paul Klee, Wassily Kandinsky, László Moholy-Nagy e Josef Albers, tra gli altri. Albers scrisse poi Interaction of Color, ancora uno dei migliori libri su come i colori si influenzano a vicenda, che si collega direttamente alla teoria del colore moderna.

Colori e forme Bauhaus, con il CSS

Il look che la maggior parte delle persone immagina è rosso, giallo e blu con il nero, su un fondo bianco sporco, costruito con cerchi, quadrati e triangoli. Il questionario di Kandinsky del 1923, che proponeva il triangolo giallo, il quadrato rosso e il cerchio blu, divenne la sintesi di tutta la scuola, anche se il lavoro del Bauhaus usava molti più colori di questi.

Gli arresti netti, dove un colore finisce esattamente dove inizia il successivo, sono la chiave. Trasformano un gradiente in una forma nitida. Le forme con i gradienti ne trattano altre, e il codice qui sotto ne combina quattro in una sola piastrella.

.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;
}

Tipografia Bauhaus

I designer del Bauhaus volevano un testo chiaro, razionale e moderno. Herbert Bayer sosteneva che le maiuscole fossero superflue e disegnò universal, un alfabeto geometrico senza maiuscole; per un periodo molti materiali stampati della scuola rinunciarono alle maiuscole. I poster componevano il testo sans serif in blocchi grassetti, spesso ruotati, con filetti e barre spessi per organizzare la pagina.

• Sans serif geometrici: o rotonda, aste dritte, tratti uniformi. Futura, uscito nel 1927, non è un carattere Bauhaus ma ne condivide lo spirito; Jost su Google Fonts è un carattere gratuito dello stesso filone.
• Titoli in minuscolo: un discreto omaggio all’universal di Bayer.
• Testo ruotato: il testo che corre lungo il lato di un poster dà la sensazione asimmetrica e dinamica.
• Barre e filetti: spesse linee nere che dividono e orientano, al posto dei riquadri.

Come usare oggi il design Bauhaus

Copiare esattamente forme e primari produce qualcosa che sembra il negozio di souvenir di un museo. Il valore duraturo del Bauhaus sta nei suoi principi, che funzionano con qualsiasi palette.

1. 1

   Parti dalla funzione

   Decidi cosa deve fare il design, come annunciare una data o vendere un prodotto, e lascia che sia questo a decidere l’impaginazione.

2. 2

   Costruisci su una griglia, poi rompila una volta

   Disponi tutto su una griglia chiara, poi lascia che una forma o una linea la attraversi. Quella tensione è molto Bauhaus. Il design svizzero ha sviluppato ulteriormente la griglia.

3. 3

   Limita il colore

   Tre colori più il nero e un fondo carta. Sostituisci i primari con i colori del tuo brand e la struttura si legge ancora come Bauhaus.

4. 4

   Usa le forme come struttura

   Un cerchio può incorniciare una foto, una barra può reggere un titolo, un triangolo può indicare l’invito all’azione.

5. 5

   Mantieni semplice il testo

   Un sans serif geometrico, due pesi, grande e allineato a sinistra.

Quel secondo esempio mostra la variazione moderna. L’impaginazione Bauhaus resta rigorosa, ma lo sfondo è un Mark di Gradiently invece di un rosso o blu piatto: ancora una palette limitata, ancora strutturale, ma con luce e grana proprie, e una volta riservato è solo tuo. Il testo rigido sta sulla sua area più calma, così la griglia resta nitida.

Se ti piace il Bauhaus, confrontalo con il glamour decorativo dell’Art Déco, l’onestà cruda del design brutalista e la ribellione giocosa degli anni Ottanta nel design Memphis.