Bauhaus-design: former, primärfärger och bestående idéer

Bauhaus-design är den stil som växte fram ur Bauhaus, en tysk skola för konst, hantverk och design som verkade från 1919 till 1933. Den är känd för enkla geometriska former, primärfärger, sans serif-bokstäver, asymmetriska layouter och en övertygelse om att bra design ska vara användbar, välgjord och lämpad för industriell produktion. Dess idéer ligger fortfarande under det mesta av modern grafisk design, från rutnätet i en affisch till ikonerna i din mobil.

Bauhaus historia i korthet

Lärarna var enastående: Johannes Itten, Paul Klee, Wassily Kandinsky, László Moholy-Nagy och Josef Albers var bland dem. Albers skrev senare Interaction of Color, fortfarande en av de bästa böckerna om hur färger påverkar varandra, vilket knyter direkt an till modern färgteori.

Bauhaus-färger och former, med CSS

Den look de flesta föreställer sig är rött, gult och blått med svart, på en gråvit botten, byggd av cirklar, kvadrater och trianglar. Kandinskys enkät från 1923, som föreslog den gula triangeln, den röda kvadraten och den blå cirkeln, blev förkortningen för hela skolan, även om Bauhaus arbete använde många fler färger än så.

Hårda stopp, där en färg slutar exakt där nästa börjar, är nyckeln. De gör en gradient till en skarp form. Gradientformer tar upp fler av dessa, och koden nedan kombinerar fyra till en kakel.

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

Bauhaus-typografi

Bauhaus-designerna ville ha typografi som var tydlig, rationell och modern. Herbert Bayer hävdade att versaler var onödiga och ritade universal, ett geometriskt alfabet helt utan versaler; många av skolans egna trycksaker avstod från versaler en tid. Affischer satte sans serif-text i feta block, ofta roterade, med tjocka linjer och staplar för att organisera sidan.

• Geometriska sans serif-typsnitt: runt o, raka stammar, jämna streck. Futura, som kom 1927, är inte ett Bauhaus-typsnitt men delar andan; Jost på Google Fonts är ett gratistypsnitt i samma anda.
• Rubriker med gemener: en stillsam nick åt Bayers universal.
• Roterad text: text som löper längs sidan av en affisch ger den asymmetriska, dynamiska känslan.
• Staplar och linjer: tjocka svarta linjer som delar och leder, i stället för rutor.

Så använder du Bauhaus-design i dag

Att kopiera formerna och primärfärgerna exakt ger något som ser ut som en museibutik. Bauhaus bestående värde ligger i dess principer, som fungerar med vilken palett som helst.

1. 1

   Utgå från funktionen

   Bestäm vad designen måste göra, som att meddela ett datum eller sälja en produkt, och låt det avgöra layouten.

2. 2

   Bygg på ett rutnät, bryt det sedan en gång

   Lägg allt på ett tydligt rutnät och låt sedan en form eller linje skära tvärs över det. Den spänningen är mycket Bauhaus. Schweizisk design utvecklade rutnätet vidare.

3. 3

   Begränsa färgen

   Tre färger plus svart och en pappersbotten. Byt primärfärgerna mot dina varumärkesfärger så läses strukturen ändå som Bauhaus.

4. 4

   Använd former som struktur

   En cirkel kan ramma in ett foto, en stapel kan hålla en rubrik, en triangel kan peka mot uppmaningen.

5. 5

   Håll typografin enkel

   Ett geometriskt sans serif, två vikter, satt stort och vänsterjusterat.

Det andra exemplet visar den moderna vridningen. Bauhaus-layouten förblir sträng, men bakgrunden är en Gradiently-Mark i stället för platt rött eller blått: fortfarande en begränsad palett, fortfarande strukturell, men med eget ljus och korn, och när den är säkrad är den bara din. Den stela typografin ligger på dess lugnaste område, så att rutnätet förblir skarpt.

Om du gillar Bauhaus, jämför den med den dekorativa glamouren i art déco-design, den råa ärligheten i brutalistisk design och dess lekfulla uppror på 1980-talet i Memphis-design.