Kortversjonen
- Bauhaus var en tysk skole for kunst, håndverk og design, grunnlagt av Walter Gropius i Weimar i 1919 og stengt i Berlin i 1933 under press fra naziregimet.
- Bauhaus-design foretrekker enkle geometriske former, primærfarger, sans serif-skrift, asymmetriske layouter og ideen om at formen skal følge funksjonen.
- I 1923 ba Wassily Kandinsky folk ved skolen om å koble en trekant, et kvadrat og en sirkel til gult, rødt og blått; selv foreslo han en gul trekant, et rødt kvadrat og en blå sirkel.
- Herbert Bayer tegnet en skrift med bare små bokstaver kalt universal i 1925, et tidlig eksempel på skolens jakt på enklere, mer rasjonell typografi.
- For å bruke Bauhaus-stilen i dag bør du låne prinsippene om tydelig struktur og begrenset farge i stedet for å kopiere formene bokstavelig.
På denne siden
Bauhaus-design er stilen som kom ut av Bauhaus, en tysk skole for kunst, håndverk og design som eksisterte fra 1919 til 1933. Den er kjent for enkle geometriske former, primærfarger, sans serif-bokstaver, asymmetriske layouter og troen på at godt design skal være nyttig, godt laget og egnet for industriell produksjon. Ideene ligger fortsatt under det meste av moderne grafisk design, fra rutenettet i en plakat til ikonene på mobilen din.
En kort historie om Bauhaus
Hva som skjedde
Hva som skjedde
Hva som skjedde
Hva som skjedde
Hva som skjedde
Hva som skjedde
Hva som skjedde
Lærerne var bemerkelsesverdige: blant dem Johannes Itten, Paul Klee, Wassily Kandinsky, László Moholy-Nagy og Josef Albers. Albers skrev senere Interaction of Color, fortsatt en av de beste bøkene om hvordan farger endrer hverandre, og den henger direkte sammen med moderne fargelære.
Bauhaus-farger og former, med CSS
Uttrykket de fleste ser for seg er rødt, gult og blått med svart, på en offwhite bunn, bygget av sirkler, kvadrater og trekanter. Kandinskys spørreskjema fra 1923, som foreslo den gule trekanten, det røde kvadratet og den blå sirkelen, ble en forkortelse for hele skolen, selv om Bauhaus-arbeider brukte mange flere farger enn det.
Harde stopp, der én farge slutter akkurat der den neste begynner, er nøkkelen. De gjør en gradient om til en skarp form. Former med gradienter viser flere av disse, og koden under setter fire sammen til én flis.
.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-designerne ville ha skrift som var tydelig, rasjonell og moderne. Herbert Bayer mente at store bokstaver var unødvendige og tegnet universal, et geometrisk alfabet helt uten versaler; mange av skolens egne trykksaker droppet store bokstaver en periode. Plakater satte sans serif-skrift i kraftige blokker, ofte rotert, med tykke linjer og felt som organiserte siden.
- Geometriske sans serif-skrifter: rund o, rette stammer, jevne streker. Futura, lansert i 1927, er ikke en Bauhaus-skrift, men deler ånden; Jost på Google Fonts er en gratis skrift i samme gate.
- Overskrifter med små bokstaver: et stille nikk til Bayers universal.
- Rotert tekst: tekst som løper opp langs siden av en plakat gir den asymmetriske, dynamiske følelsen.
- Felt og linjer: tykke svarte linjer som deler og styrer, i stedet for bokser.
Slik bruker du Bauhaus-design i dag
Kopierer du formene og primærfargene nøyaktig, får du noe som ser ut som en museumsbutikk. Den varige verdien i Bauhaus ligger i prinsippene, og de fungerer med hvilken som helst palett.
- 1
Start med funksjonen
Bestem hva designet må gjøre, som å kunngjøre en dato eller selge et produkt, og la det avgjøre layouten.
- 2
Bygg på et rutenett, og bryt det én gang
Legg alt på et tydelig rutenett, og la så én form eller linje skjære på tvers. Den spenningen er svært Bauhaus. Sveitsisk design utviklet rutenettet videre.
- 3
Begrens fargene
Tre farger pluss svart og en papirbunn. Bytt ut primærfargene med profilfargene dine, så leses strukturen fortsatt som Bauhaus.
- 4
Bruk former som struktur
En sirkel kan ramme inn et foto, et felt kan holde en overskrift, en trekant kan peke mot handlingsoppfordringen.
- 5
Hold skriften enkel
Én geometrisk sans serif, to vekter, satt stort og venstrejustert.
En overskrift med små bokstaver, en liten overlinje og enkle detaljer: Bauhaus-tilbakeholdenhet i et moderne arrangementsinnlegg.
De samme prinsippene på et omslag i 1600×1200, med en levende bakgrunn i stedet for flate primærfarger.
Det andre eksempelet viser den moderne vrien. Bauhaus-layouten forblir streng, men bakgrunnen er en Mark fra Gradiently i stedet for flat rødt eller blått: fortsatt en begrenset palett, fortsatt strukturell, men med eget lys og korn, og når du har sikret deg den, er den bare din. Den stramme teksten ligger på det roligste området, så rutenettet holder seg skarpt.
Liker du Bauhaus, kan du sammenligne med den dekorative glamouren i art deco-design, den rå ærligheten i brutalistisk design og det lekne 1980-tallsopprøret i Memphis-design.
Spørsmål folk stiller
Hva er Bauhaus-design?
Stilen fra Bauhaus-skolen i Tyskland, fra 1919 til 1933: geometriske former, primærfarger, sans serif-skrift, asymmetriske layouter og vekt på funksjon.
Hva er Bauhaus-fargene?
Rødt, gult og blått med svart og hvitt er fargene som oftest forbindes med stilen, delvis på grunn av Kandinskys spørreskjema om form og farge fra 1923.
Hvilken skrift brukes i Bauhaus-design?
Geometriske sans serif-skrifter. Herbert Bayer tegnet en skrift med bare små bokstaver kalt universal i 1925; i dag gir Futura eller gratisskriften Jost en lignende følelse.
Hvorfor ble Bauhaus stengt?
Skolen stengte i Berlin i 1933 under press fra naziregimet, som så på modernismen dens som politisk mistenkelig.
Hvordan lager jeg en plakat i Bauhaus-stil?
Bruk et tydelig rutenett, noen få kraftige geometriske former, tre farger pluss svart på en papirbunn, og enkel sans serif-skrift satt venstrejustert eller rotert.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår