Markkinat
Hinnoittelu
Kirjaudu sisäänAloita
SuunnitteluopasIdeat ja trendit
Ideat ja trendit

Bauhaus-muotoilu: muodot, päävärit ja kestävät ideat

Vain neljätoista vuotta toiminut koulu vaikuttaa yhä julisteisiin, huonekaluihin, sovelluksiin ja logoihin. Näin Bauhaus opetti ja näin lainaat sitä ilman pastissia.

GradientlyVahvistettu Gradiently-tili·1. lokakuuta 2026·4 min lukuaika
Kansi: Lilac Shrine · GR·SBRY·X2

Lyhyesti

  • Bauhaus oli saksalainen taiteen, käsityön ja muotoilun koulu, jonka Walter Gropius perusti Weimariin vuonna 1919 ja joka suljettiin Berliinissä vuonna 1933 natsihallinnon painostuksesta.
  • Bauhaus-muotoilu suosii yksinkertaisia geometrisia muotoja, päävärejä, päätteetöntä typografiaa, epäsymmetristä taittoa ja ajatusta muodon seuraamisesta tehtävää.
  • Vuonna 1923 Wassily Kandinsky pyysi koulun väkeä yhdistämään kolmion, neliön ja ympyrän keltaiseen, punaiseen ja siniseen. Hän ehdotti keltaista kolmiota, punaista neliötä ja sinistä ympyrää.
  • Herbert Bayer suunnitteli vuonna 1925 pelkistä pienaakkosista koostuvan universal-fontin, varhaisen esimerkin koulun pyrkimyksestä yksinkertaisempaan ja järkiperäisempään typografiaan.
  • Nykyään Bauhaus-tyyliä kannattaa lainata selkeän rakenteen ja rajatun värimäärän periaatteina muotojen suoran kopioinnin sijaan.
Tällä sivulla
Bauhausin lyhyt historiaBauhausin värit ja muodot CSS:lläBauhausin typografiaBauhaus-muotoilun käyttö tänään

Bauhaus-muotoilu syntyi Bauhausissa, saksalaisessa taiteen, käsityön ja muotoilun koulussa, joka toimi vuodesta 1919 vuoteen 1933. Se tunnetaan yksinkertaisista geometrisista muodoista, pääväreistä, päätteettömistä kirjaimista, epäsymmetrisestä taitosta ja ajatuksesta, että hyvän suunnittelun tulee olla hyödyllistä, hyvin tehtyä ja teolliseen tuotantoon sopivaa. Sen ideat ovat edelleen modernin graafisen suunnittelun pohjalla julisteen ruudukosta puhelimesi kuvakkeisiin.

Bauhausin lyhyt historia

1919

Mitä tapahtui

Walter Gropius perustaa Staatliches Bauhausin Weimariin yhdistäen kuvataiteen ja käsityön opetuksen.
1923

Mitä tapahtui

Suuri näyttely esittelee koulun töitä. Kandinsky toteuttaa muoto- ja värikyselynsä.
1925

Mitä tapahtui

Koulu muuttaa Dessauhun. Herbert Bayer suunnittelee pienaakkosista koostuvan universal-fonttinsa.
1926

Mitä tapahtui

Gropiuksen suunnittelema Dessaun rakennus avautuu lasiseinineen.
1928 ja 1930 välisenä aikana

Mitä tapahtui

Hannes Meyer johtaa koulua kohti arkkitehtuuria ja yhteiskunnallista tehtävää.
1930 ja 1933 välisenä aikana

Mitä tapahtui

Ludwig Mies van der Rohe johtaa. Koulu muuttaa Berliiniin vuonna 1932 ja sulkeutuu vuonna 1933.
Vuoden 1933 jälkeen

Mitä tapahtui

Opettajat muuttavat maasta. Gropius ja Marcel Breuer opettavat Harvardissa, Mies Chicagossa, Josef Albers Black Mountain Collegessa ja myöhemmin Yalessa.
VuosiMitä tapahtui
1919Walter Gropius perustaa Staatliches Bauhausin Weimariin yhdistäen kuvataiteen ja käsityön opetuksen.
1923Suuri näyttely esittelee koulun töitä. Kandinsky toteuttaa muoto- ja värikyselynsä.
1925Koulu muuttaa Dessauhun. Herbert Bayer suunnittelee pienaakkosista koostuvan universal-fonttinsa.
1926Gropiuksen suunnittelema Dessaun rakennus avautuu lasiseinineen.
1928 ja 1930 välisenä aikanaHannes Meyer johtaa koulua kohti arkkitehtuuria ja yhteiskunnallista tehtävää.
1930 ja 1933 välisenä aikanaLudwig Mies van der Rohe johtaa. Koulu muuttaa Berliiniin vuonna 1932 ja sulkeutuu vuonna 1933.
Vuoden 1933 jälkeenOpettajat muuttavat maasta. Gropius ja Marcel Breuer opettavat Harvardissa, Mies Chicagossa, Josef Albers Black Mountain Collegessa ja myöhemmin Yalessa.
Neljätoista vuotta, kolme kaupunkia ja kolme johtajaa. Vuoden 1933 jälkeinen maastamuutto selittää pitkälti ideoiden laajan leviämisen.

Opettajakunta oli poikkeuksellinen: Johannes Itten, Paul Klee, Wassily Kandinsky, László Moholy-Nagy ja Josef Albers muiden muassa. Albers kirjoitti myöhemmin Interaction of Colorin, joka on yhä parhaita kirjoja värien keskinäisestä vaikutuksesta. Se liittyy suoraan moderniin värioppiin.

Bauhausin värit ja muodot CSS:llä

Useimmat kuvittelevat punaisen, keltaisen ja sinisen sekä mustan luonnonvalkoisella pohjalla, ympyröistä, neliöistä ja kolmioista rakennettuna. Kandinskyn vuoden 1923 kyselyssä ehdottamat keltainen kolmio, punainen neliö ja sininen ympyrä alkoivat edustaa koko koulua, vaikka sen töissä käytettiin paljon muitakin värejä.

Bauhaus-henkinen paletti. Päävärit ovat hieman lämpimämpiä ja syvempiä, lähempänä painomustetta kuin näytön RGB-värejä.
Bauhaus-muotoja pelkällä CSS:llä ja terävillä värirajoilla. Kukin on yksi kopioitava liukuväri.

Terävät rajat, joissa väri loppuu täsmälleen seuraavan alkaessa, ovat avain. Ne tekevät liukuväristä tarkan muodon. Liukuvärimuodot näyttää lisää, ja alla oleva koodi yhdistää neljä muotoa yhteen laattaan.

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;
}
Neliosainen Bauhaus-laatta: punainen neljännesympyrä, keltainen kolmio, sininen ympyrä ja musta neliö omissa neljänneksissään.

Bauhausin typografia

Bauhaus-suunnittelijat tavoittelivat selkeää, järkiperäistä ja modernia typografiaa. Herbert Bayer piti suuraakkosia turhina ja piirsi universalin, geometrisen kirjaimiston ilman niitä. Monet koulun omat painotuotteet luopuivat suuraakkosista hetkeksi. Julisteissa päätteetön teksti asettui vahvoihin, usein käännettyihin lohkoihin, ja paksut viivat sekä palkit järjestivät sivua.

  • Geometriset päätteettömät fontit: pyöreä o, suorat pystyviivat ja tasaiset vedot. Vuonna 1927 julkaistu Futura ei ole Bauhaus-fontti, mutta jakaa sen hengen. Google Fontsin Jost on ilmainen samanhenkinen vaihtoehto.
  • Otsikot pienaakkosin: hillitty viittaus Bayerin universaliin.
  • Käännetty teksti: julisteen reunaa ylös kulkeva teksti luo epäsymmetrisen, dynaamisen tunnun.
  • Palkit ja viivat: paksut mustat viivat jakavat ja ohjaavat laatikoiden sijaan.

Bauhaus-muotoilun käyttö tänään

Muotojen ja päävärien tarkka kopiointi näyttää museon lahjakaupalta. Bauhausin kestävä arvo on periaatteissa, jotka toimivat millä tahansa paletilla.

  1. 1

    Aloita tehtävästä

    Päätä, mitä suunnitelman pitää tehdä, esimerkiksi ilmoittaa päivä tai myydä tuote. Anna sen määrittää taitto.

  2. 2

    Rakenna ruudukolle ja riko se kerran

    Aseta kaikki selkeään ruudukkoon ja anna yhden muodon tai viivan kulkea sen poikki. Jännite on hyvin Bauhaus-henkinen. Sveitsiläinen muotoilu kehitti ruudukkoa edelleen.

  3. 3

    Rajaa värit

    Kolme väriä, musta ja paperipohja. Vaihda päävärit brändiväreihisi, ja rakenne tuntuu yhä Bauhausilta.

  4. 4

    Käytä muotoja rakenteena

    Ympyrä kehystää kuvan, palkki kantaa otsikon ja kolmio osoittaa toimintakehotteeseen.

  5. 5

    Pidä typografia pelkistettynä

    Yksi geometrinen päätteetön fontti, kaksi leikkausta, suuri koko ja vasen tasaus.

Luentosarja
muoto seuraa tehtävää
Torstaisin klo 19, vanha painotalo
Gradiently · @gradiently

Pienaakkosotsikko, pieni yläotsikko ja selkeät tiedot: Bauhausin hillitty ote modernissa tapahtumajulkaisussa.

Numero 04
Muoto, väri, viiva
Gradiently · @gradiently

Samat periaatteet 1600×1200-kannessa. Elävä tausta korvaa tasaiset päävärit.

Toinen esimerkki näyttää modernin muunnelman. Bauhaus-taitto pysyy täsmällisenä, mutta taustalla on Gradiently Mark tasaisen punaisen tai sinisen sijaan. Paletti on edelleen rajattu ja rakenteellinen, mutta siinä on oma valo ja rae. Lunastuksen jälkeen se kuuluu vain sinulle. Jämäkkä teksti asettuu rauhallisimpaan kohtaan, joten ruudukko pysyy terävänä.

Jos pidät Bauhausista, vertaa sitä art decon koristeelliseen loistoon, brutalistisen muotoilun paljaaseen rehellisyyteen ja 1980-luvun leikkisään kapinaan Memphis-muotoilussa.

Löydä liukuväri, joka on vain sinun

Selaa tuhansia Markeja, suunnittele millä tahansa niistä ilmaiseksi ja lunasta se, joka tuntuu sinulta.

Selaa Markkinoita

Usein kysyttyä

Mitä Bauhaus-muotoilu on?

Saksalaisen Bauhaus-koulun tyyli vuosien 1919 ja 1933 väliseltä ajalta: geometriset muodot, päävärit, päätteetön typografia, epäsymmetrinen taitto ja toiminnallisuus.

Mitkä ovat Bauhausin värit?

Punainen, keltainen ja sininen sekä musta ja valkoinen yhdistetään siihen vahvimmin, osin Kandinskyn vuoden 1923 muoto- ja värikyselyn vuoksi.

Mitä fonttia Bauhaus-muotoilussa käytetään?

Geometrisiä päätteettömiä fontteja. Herbert Bayer piirsi pienaakkosfontti universalin vuonna 1925. Nykyään Futura tai ilmainen Jost antaa samanhenkisen vaikutelman.

Miksi Bauhaus suljettiin?

Koulu suljettiin Berliinissä vuonna 1933 natsihallinnon painostuksesta. Hallinto piti sen modernismia poliittisesti epäilyttävänä.

Miten teen Bauhaus-tyylisen julisteen?

Käytä selkeää ruudukkoa, muutamaa vahvaa geometrista muotoa, kolmea väriä ja mustaa paperipohjalla sekä pelkistettyä päätteetöntä tekstiä vasemmalle tasattuna tai käännettynä.

Jaa tämä opas

Kirjoittanut GradientlyVahvistettu Gradiently-tili

Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.

Katso profiilimme

Tällä sivulla

Bauhausin lyhyt historiaBauhausin värit ja muodot CSS:lläBauhausin typografiaBauhaus-muotoilun käyttö tänään

Jaa tämä opas

Seuraavaksi aiheesta Ideat ja trendit

Art deco -muotoilu: kultaa, geometriaa ja glamouria

Lue myös

Kaikki oppaat aiheesta Ideat ja trendit
Ideat ja trendit

Sveitsiläinen tyyli: gridi, typografia ja käyttö tänään

5 min lukuaika

Sveitsiläinen tyyli antoi graafiselle suunnittelulle gridin, rakkauden päätteettömiin fontteihin ja tavan antaa rakenteen puhua. Se on yhä nopein tie asetteluihin, jotka näyttävät rauhallisilta ja varmoilta.

Ideat ja trendit

Art deco -muotoilu: kultaa, geometriaa ja glamouria

4 min lukuaika

Auringonsäteitä, porrastettuja muotoja, korkeita kirjaimia ja kultaa mustalla: art deco on viime vuosisadan loistokkain tyyli. Näin se rakentui ja näin käytät sitä tänään ilman pastissia.

Liukuvärit

Liukuvärimuodot: aidon näköiset möykyt ja pallot

3 min lukuaika

Liukuvärillä täytetty möykky on helppo. Valossa painavalta tuntuva möykky on eri asia. Ero syntyy viidestä pienestä valon suuntaan liittyvästä päätöksestä.

Löydä ilme, joka on vain sinun.

Jokainen Mark on elävä tausta, jolla on yksi omistaja. Kokeile vapaata Markia ja lunasta omasi, kun se tuntuu oikealta.

Aloita suunnittelu

Tarkista sertifikaatti

Kirjoita sertifikaatin numero tai Markin koodi nähdäksesi, kuka sen omistaa.

Toimii ChatGPT:n ja Clauden kanssa

Pyydä tekoälyltäsi designia. Se tekee sen Markissasi, muokkausvalmiina.

ChatGPTClaude
Näin yhdistät

Tuote

  • Markkinat
  • Selaa
  • Hinnoittelu
  • Sertifikaatit

Opi

  • Suunnitteluopas
  • Ohjekeskus
  • Mitä uutta

Kehittäjille

  • Yleiskatsaus
  • ChatGPT ja Claude
  • API-viite
  • API-avaimet

Yritys

  • Tietoa meistä
  • Ota yhteyttä
  • Kirjaudu sisään

Juridiikka

  • Ehdot
  • Tietosuoja
  • Hyvitykset
  • Markin suoja
  • Evästeet
  • Kaikki käytännöt
Liiku kirjainten yli. Jokaisessa on oikea Mark.Kosketa kirjainta nähdäksesi sen Markin.Yksi nimi. Kymmenen Markia sen sisällä.
© 2026 Gradiently