# Bauhaus-design: former, primærfarver og idéer, der holder

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

En skole, der kun eksisterede i fjorten år, former stadig, hvordan plakater, møbler, apps og logoer ser ud. Her er, hvad Bauhaus faktisk lærte, og hvordan du låner det uden at lave et pastiche.

## The short version

- Bauhaus var en tysk skole for kunst, håndværk og design, grundlagt af Walter Gropius i Weimar i 1919 og lukket i Berlin i 1933 under pres fra nazistyret.
- Bauhaus-design foretrækker enkle geometriske former, primærfarver, sans-serif-skrift, asymmetriske layouts og tanken om, at formen skal følge funktionen.
- I 1923 bad Wassily Kandinsky folk på skolen om at parre en trekant, et kvadrat og en cirkel med gul, rød og blå; han foreslog en gul trekant, et rødt kvadrat og en blå cirkel.
- Herbert Bayer tegnede i 1925 en skrift med kun små bogstaver kaldet universal, et tidligt eksempel på skolens vilje til enklere og mere rationel typografi.
- For at bruge Bauhaus-stilen i dag skal du låne dens principper om klar struktur og begrænset farve frem for at kopiere dens former bogstaveligt.

**Bauhaus-design** er den stil, der kom ud af Bauhaus, en tysk skole for kunst, håndværk og design, som eksisterede fra 1919 til 1933. Den er kendt for enkle geometriske former, primærfarver, sans-serif-bogstaver, asymmetriske layouts og en tro på, at godt design skal være nyttigt, velgjort og egnet til industriel produktion. Dens idéer ligger stadig under det meste moderne grafisk design, fra gitteret i en plakat til ikonerne på din telefon.

## En kort historie om Bauhaus

| År | Hvad der skete |
| --- | --- |
| 1919 | Walter Gropius grundlægger Staatliches Bauhaus i Weimar og forener undervisning i kunst og håndværk. |
| 1923 | En stor udstilling præsenterer skolens arbejde; Kandinsky kører sit spørgeskema om form og farve. |
| 1925 | Skolen flytter til Dessau. Herbert Bayer tegner sin universal-skrift med små bogstaver. |
| 1926 | Bygningen i Dessau, tegnet af Gropius, åbner, med glasvægge og det hele. |
| 1928 til 1930 | Hannes Meyer leder skolen og skubber den mod arkitektur og social mening. |
| 1930 til 1933 | Ludwig Mies van der Rohe leder; skolen flytter til Berlin i 1932 og lukker i 1933. |
| Efter 1933 | Lærerne udvandrer. Gropius og Marcel Breuer underviser på Harvard, Mies i Chicago, Josef Albers på Black Mountain College og senere Yale. |

Fjorten år, tre byer, tre ledere. Udvandringen efter 1933 er en stor del af forklaringen på, at idéerne spredte sig så vidt.

Lærerne var bemærkelsesværdige: Johannes Itten, Paul Klee, Wassily Kandinsky, László Moholy-Nagy og Josef Albers iblandt dem. Albers skrev senere *Interaction of Color*, stadig en af de bedste bøger om, hvordan farver ændrer hinanden, og som hænger direkte sammen med moderne [farveteori](https://gradiently.design/da/guide/color-theory-basics).

## Bauhaus-farver og -former, med CSS

Det udtryk, de fleste ser for sig, er rød, gul og blå med sort på en offwhite bund, bygget af cirkler, kvadrater og trekanter. Kandinskys spørgeskema fra 1923, som foreslog den gule trekant, det røde kvadrat og den blå cirkel, blev stenografien for hele skolen, selvom Bauhaus-arbejde brugte mange flere farver end det.

- Bauhaus-rød: #be1e2d
- Bauhaus-gul: #f2c12e
- Bauhaus-blå: #21409a
- Sort: #111111
- Papir: #f1ece1

En Bauhaus-inspireret palet. Primærfarverne er en anelse varmet og fordybet, tættere på trykfarve end på RGB på skærm.

- Blå cirkel: `radial-gradient(circle at 50% 50%, #21409a 0 38%, #f1ece1 38.5%)`
- Rød kvartcirkel: `radial-gradient(circle at 0% 100%, #be1e2d 0 60%, #f2c12e 60.5%)`
- Gul trekant: `linear-gradient(135deg, #f2c12e 0 50%, #111111 50%)`
- Sort halvcirkel: `radial-gradient(circle at 50% 100%, #111111 0 45%, #21409a 45.5%)`
- Fire kvarte: `conic-gradient(from 0deg, #be1e2d 0 25%, #f2c12e 0 50%, #21409a 0 75%, #111111 0)`
- Røde striber: `repeating-linear-gradient(90deg, #be1e2d 0 24px, #f1ece1 24px 48px)`

Bauhaus-former lavet udelukkende i CSS med hårde farvestop. Hver er én enkelt gradient, du kan kopiere.

Hårde stop, hvor én farve slutter præcis der, hvor den næste begynder, er nøglen. De gør en gradient til en skarp form. [Gradientformer](https://gradiently.design/da/guide/gradient-shapes) dækker flere af dem, og koden nedenfor kombinerer fire i én flise.

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

En Bauhaus-flise i fire dele: en rød kvartcirkel, en gul trekant, en blå cirkel og et sort kvadrat, hver i sin egen kvadrant.

## Bauhaus-typografi

Bauhaus-designerne ville have skrift, der var klar, rationel og moderne. Herbert Bayer argumenterede for, at store bogstaver var unødvendige, og tegnede universal, et geometrisk alfabet helt uden versaler; mange af skolens egne trykte materialer droppede versaler i en periode. Plakater satte sans-serif-skrift i fede blokke, ofte drejet, med tykke streger og bjælker til at organisere siden.

- **Geometriske sans-serif-skrifter:** rundt o, lige stammer, jævne streger. Futura, udgivet i 1927, er ikke en Bauhaus-skrift, men deler ånden; Jost på Google Fonts er en gratis skrift i samme retning.
- **Overskrifter med små bogstaver:** et stille nik til Bayers universal.
- **Drejet tekst:** skrift, der løber op langs siden af en plakat, giver den asymmetriske, dynamiske følelse.
- **Bjælker og streger:** tykke sorte linjer, der deler og leder, i stedet for bokse.

## Sådan bruger du Bauhaus-design i dag

At kopiere former og primærfarver præcist giver noget, der ligner en museumsbutik. Bauhaus' varige værdi ligger i dens principper, som virker med enhver palet.

1. **Start fra funktionen** Beslut, hvad designet skal gøre, som at meddele en dato eller sælge et produkt, og lad det afgøre layoutet.
2. **Byg på et gitter, og bryd det så én gang** Læg alt på et klart gitter, og lad så én form eller linje skære på tværs. Den spænding er meget Bauhaus. [Schweizisk design](https://gradiently.design/da/guide/swiss-design) udviklede gitteret videre.
3. **Begræns farven** Tre farver plus sort og en papirbund. Byt primærfarverne ud med dine brandfarver, og strukturen læses stadig som Bauhaus.
4. **Brug former som struktur** En cirkel kan ramme et foto ind, en bjælke kan rumme en overskrift, en trekant kan pege på opfordringen til handling.
5. **Hold skriften enkel** Én geometrisk sans-serif, to vægte, sat stort og venstrejusteret.

Et arrangementsopslag i højformat med teksten form følger funktion med små bogstaver, en lille overskrift og en detaljelinje

En overskrift med små bogstaver, en lille overskrift over og enkle detaljer: Bauhaus-tilbageholdenhed på et moderne arrangementsopslag.

En forside i bredformat med teksten Form, farve, linje og et nummer over

De samme principper på en forside i 1600×1200, med en levende baggrund i stedet for flade primærfarver.

Det andet eksempel viser det moderne twist. Bauhaus-layoutet forbliver strengt, men baggrunden er en Mark i Gradiently i stedet for flad rød eller blå: stadig en begrænset palet, stadig strukturel, men med sit eget lys og korn, og når du har sikret dig den, er den kun din. Den stramme skrift står på dens roligste område, så gitteret forbliver skarpt.

Hvis du kan lide Bauhaus, så sammenlign den med den dekorative glamour i [art deco-design](https://gradiently.design/da/guide/art-deco-design), den rå ærlighed i [brutalistisk design](https://gradiently.design/da/guide/brutalist-design) og dens legende oprør fra 1980'erne i [Memphis-design](https://gradiently.design/da/guide/memphis-design).

## FAQ

### Hvad er Bauhaus-design?

Stilen fra Bauhaus-skolen i Tyskland, fra 1919 til 1933: geometriske former, primærfarver, sans-serif-skrift, asymmetriske layouts og fokus på funktion.

### Hvad er Bauhaus-farverne?

Rød, gul og blå med sort og hvid er de farver, der oftest forbindes med den, delvis på grund af Kandinskys spørgeskema om form og farve fra 1923.

### Hvilken skrift bruges i Bauhaus-design?

Geometriske sans-serif-skrifter. Herbert Bayer tegnede i 1925 en skrift med små bogstaver kaldet universal; i dag giver Futura eller den gratis Jost en lignende stemning.

### Hvorfor lukkede Bauhaus?

Skolen lukkede i 1933 i Berlin under pres fra nazistyret, som så dens modernisme som politisk mistænkelig.

### Hvordan laver jeg en plakat i Bauhaus-stil?

Brug et klart gitter, nogle få fede geometriske former, tre farver plus sort på en papirbund og enkel sans-serif-skrift, sat venstrejusteret eller drejet.