# Design Bauhaus: forme, colori primari e idee che durano

[Canonical HTML page](https://gradiently.design/it/guide/bauhaus-design)

Una scuola vissuta solo quattordici anni plasma ancora l’aspetto di poster, mobili, app e loghi. Ecco cosa insegnava davvero il Bauhaus, e come prenderne spunto senza fare un pastiche.

## The short version

- Il Bauhaus fu una scuola tedesca di arte, artigianato e design fondata da Walter Gropius a Weimar nel 1919 e chiusa a Berlino nel 1933 sotto la pressione del governo nazista.
- Il design Bauhaus predilige forme geometriche semplici, colori primari, caratteri sans serif, impaginazioni asimmetriche e l’idea che la forma debba seguire la funzione.
- Nel 1923 Wassily Kandinsky chiese alle persone della scuola di abbinare un triangolo, un quadrato e un cerchio al giallo, al rosso e al blu; propose un triangolo giallo, un quadrato rosso e un cerchio blu.
- Herbert Bayer disegnò nel 1925 un carattere tutto minuscolo chiamato universal, un primo esempio della spinta della scuola verso un testo più semplice e razionale.
- Per usare oggi lo stile Bauhaus, prendi in prestito i suoi principi di struttura chiara e colore limitato invece di copiarne alla lettera le forme.

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

| Anno | Cosa accadde |
| --- | --- |
| 1919 | Walter Gropius fonda lo Staatliches Bauhaus a Weimar, unendo l’insegnamento delle arti figurative e dell’artigianato. |
| 1923 | Una grande mostra presenta il lavoro della scuola; Kandinsky conduce il suo questionario su forma e colore. |
| 1925 | La scuola si trasferisce a Dessau. Herbert Bayer disegna il suo carattere minuscolo universal. |
| 1926 | Si inaugura l’edificio di Dessau progettato da Gropius, con le sue pareti di vetro. |
| Dal 1928 al 1930 | Hannes Meyer dirige la scuola e la spinge verso l’architettura e lo scopo sociale. |
| Dal 1930 al 1933 | Ludwig Mies van der Rohe dirige; la scuola si trasferisce a Berlino nel 1932 e chiude nel 1933. |
| Dopo il 1933 | Gli insegnanti emigrano. Gropius e Marcel Breuer insegnano a Harvard, Mies a Chicago, Josef Albers al Black Mountain College e poi a Yale. |

Quattordici anni, tre città, tre direttori. L’emigrazione dopo il 1933 spiega in gran parte perché le idee si diffusero così ampiamente.

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](https://gradiently.design/it/guide/color-theory-basics) 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.

- Rosso Bauhaus: #be1e2d
- Giallo Bauhaus: #f2c12e
- Blu Bauhaus: #21409a
- Nero: #111111
- Carta: #f1ece1

Una palette di ispirazione Bauhaus. I primari sono un po’ scaldati e approfonditi, più vicini all’inchiostro stampato che all’RGB dello schermo.

- Cerchio blu: `radial-gradient(circle at 50% 50%, #21409a 0 38%, #f1ece1 38.5%)`
- Quarto di cerchio rosso: `radial-gradient(circle at 0% 100%, #be1e2d 0 60%, #f2c12e 60.5%)`
- Triangolo giallo: `linear-gradient(135deg, #f2c12e 0 50%, #111111 50%)`
- Semicerchio nero: `radial-gradient(circle at 50% 100%, #111111 0 45%, #21409a 45.5%)`
- Quattro quarti: `conic-gradient(from 0deg, #be1e2d 0 25%, #f2c12e 0 50%, #21409a 0 75%, #111111 0)`
- Strisce rosse: `repeating-linear-gradient(90deg, #be1e2d 0 24px, #f1ece1 24px 48px)`

Forme Bauhaus fatte solo in CSS con arresti di colore netti. Ognuna è un singolo gradiente che puoi copiare.

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](https://gradiently.design/it/guide/gradient-shapes) ne trattano altre, e il codice qui sotto ne combina quattro in una sola piastrella.

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

Una piastrella Bauhaus in quattro parti: un quarto di cerchio rosso, un triangolo giallo, un cerchio blu e un quadrato nero, ciascuno nel proprio quadrante.

## 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. **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. **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](https://gradiently.design/it/guide/swiss-design) ha sviluppato ulteriormente la griglia.
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. **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. **Mantieni semplice il testo** Un sans serif geometrico, due pesi, grande e allineato a sinistra.

Un post evento verticale con la scritta la forma segue la funzione in minuscolo, con un piccolo occhiello e una riga di dettaglio

Un titolo in minuscolo, un piccolo occhiello e dettagli semplici: la sobrietà Bauhaus su un post evento moderno.

Una copertina orizzontale con la scritta Forma, colore, linea e un numero di uscita sopra

Gli stessi principi su una copertina 1600×1200, con uno sfondo vivo al posto dei primari piatti.

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](https://gradiently.design/it/guide/art-deco-design), l’onestà cruda del [design brutalista](https://gradiently.design/it/guide/brutalist-design) e la ribellione giocosa degli anni Ottanta nel [design Memphis](https://gradiently.design/it/guide/memphis-design).

## FAQ

### Cos’è il design Bauhaus?

Lo stile della scuola Bauhaus in Germania, dal 1919 al 1933: forme geometriche, colori primari, caratteri sans serif, impaginazioni asimmetriche e un’attenzione alla funzione.

### Quali sono i colori del Bauhaus?

Rosso, giallo e blu con nero e bianco sono i colori più associati a esso, in parte per il questionario di Kandinsky del 1923 su forma e colore.

### Che font si usa nel design Bauhaus?

Sans serif geometrici. Herbert Bayer disegnò nel 1925 un carattere minuscolo chiamato universal; oggi Futura o il gratuito Jost danno una sensazione simile.

### Perché chiuse il Bauhaus?

La scuola chiuse nel 1933 a Berlino sotto la pressione del governo nazista, che vedeva nel suo modernismo un sospetto politico.

### Come posso fare un poster in stile Bauhaus?

Usa una griglia chiara, poche forme geometriche decise, tre colori più il nero su un fondo carta e un testo sans serif semplice, allineato a sinistra o ruotato.