1919–1933

Bauhaus

Muoto seuraa funktiota. Vähemmän ei ole vähemmän — se on tarpeeksi.

Periaatteet

Muoto seuraa funktiota

Jokainen elementti on olemassa koska se palvelee tarkoitusta. Jos se ei viesti, navigoi tai jäsennä — se poistetaan. Tämä ei ole minimalismia esteettisenä mieltymyksenä. Se on kuria menetelmänä.

Universaali muoto

Ympyrä. Neliö. Kolmio. Kolme muotoa. Kolme pääväriä. Nämä eivät ole valintoja — ne ovat aksioomia. Kaikki monimutkainen palautuu näihin alkeismuotoihin. Monimutkaisuutta ei lisätä; se löydetään yksinkertaisuuden sisältä.

Grid on näkyvä

Art Decossa rakennetta juhlitaan. Art Nouveaussa rakenne piilotetaan. Bauhausissa rakenne on sisältö itse. Grid ei ole työkalu — se on design. Katsot sitä juuri nyt.

Miksi tämä tyyli on olemassa

Weimar, 1919. Walter Gropius perustaa koulun. Ei taidekoulua. Ei käsityökoulua. Koulun joka kieltäytyy erottelusta. Bauhaus — kirjaimellisesti 'rakennustalo' — esittää että taide, käsityö ja teollisuus ovat yksi tieteenala.

Koulu kesti neljätoista vuotta. Natsit sulkivat sen 1933. Mutta sen neljätoista vuotta tuottivat sanaston joka yhä hallitsee designia: groteskin, gridin, pääväripaletin, koristeen hylkäämisen epärehellisyytenä.

Where it appeared

  • Dessaun rakennus (1925) — lasia, terästä, valkoisia seiniä. Arkkitehtuuri on manifesti
  • Herbert Bayerin Universal-kirjasin — yksi aakkosto, ei suuraakkosia. Miksi kaksi muotoa yhdelle äänteelle?
  • Marcel Breuerin Wassily-tuoli — putkiterästä, nahkatasoja. Istuminen pelkistettynä rakenteeksi

Legacy

Jokainen groteskifontti. Jokainen grid-järjestelmä. Jokainen 'puhdas' käyttöliittymä. Joka kerta kun suunnittelija poistaa elementin ja design paranee — se on Bauhausia. Se ei luonut tyyliä. Se loi käyttöjärjestelmän kaikille tyyleille jotka seurasivat.

Typografia

Yksi kirjasintyyppi. Useita lihavuuksia. Se on järjestelmä. Bauhaus hylkää ajatuksen että eri sisältö tarvitsee eri äänen. Sisältö eriytetään koolla, lihavuudella ja sijainnilla — ei vaihtamalla instrumenttia.

  • Vain groteski — päätteet ovat koristetta. Koriste on epärehellisyyttä.
  • Lihavuus hierarkiana — kevyt, tavallinen, lihava, musta. Neljä tasoa. Tarpeeksi.
  • Versaalit otsikoissa — ei koristeeksi vaan erotteluksi. Otsikko on rakenteellisesti erilainen kuin leipäteksti. Sen tulisi näyttää rakenteellisesti erilaiselta.
  • Väljä välistys — kirjaimet tarvitsevat ilmaa. Tiivis välistys on sekamelskaa.

Väri

Bauhausin väriteoria ei koske paletteja — se koskee suhteita. Johannes Itten ja Josef Albers opettivat ettei mikään väri ole olemassa eristyksissä. Jokainen väri muuttuu naapurinsa vaikutuksesta. Tämä ei ole koristelua. Se on fysiikkaa.

Bauhausin paletti on perusvärinen: punainen, sininen, keltainen — plus musta ja valkoinen. Ei siksi että muut värit olisivat vääriä, vaan koska nämä ovat pelkistymättömiä. Niitä ei voi sekoittaa muista väreistä. Ne ovat aksioomia.

  • Päävärit — punainen, sininen, keltainen. Pelkistymättömiä. Aksiomaattisia.
  • Musta ja valkoinen — ei värejä vaan olosuhteita. Valon läsnäolo ja poissaolo.
  • Väri funktiona — punainen tarkoittaa seis, vaara, huomio. Sininen tarkoittaa etäisyyttä, rauhaa, rakennetta. Keltainen tarkoittaa energiaa, varoitusta, valoa. Väri viestii ennen kuin se koristaa.

Kontrasti

Bauhausin kontrasti on binääristä. Ei Victorianin kerroksellisia jännitteitä tai Art Nouveaun lempeää sävyisyyttä. Tässä kontrasti on päällä/pois. Musta/valkoinen. Läsnä/poissa.

Musta ja valkoinen

Perustavanlaatuinen pari. Ei lämmin-ja-kylmä, ei tumma-ja-vaalea — absoluuttinen läsnäolo ja absoluuttinen poissaolo. Mustaa mustetta valkoisella paperilla. Korkein mahdollinen kontrasti. Kaikki muu on kompromissi.

Paksu ja ohut

2px viiva 700-lihavuisen otsikon vieressä 400-lihavuisen leipätekstin vieressä. Kolme lihavuutta, kolme tasoa. Järjestelmä on eksplisiittinen. Ei ole epäselvyyttä siitä mikä on raskaampi.

Väri ja neutraali

Yksi aksenttiväri monokromaattista kenttää vasten. Väri ei ole koristelua — se on signaali. Se merkitsee sen yhden asian joka on erilainen, sen yhden asian joka vaatii huomiota. Kaikki muu vetäytyy.

Rytmi

Bauhausin rytmi on mekaanista ja säännöllistä. Ei Art Nouveaun biologista hengitystä tai Art Decon seremoniallista kulkuetta. Se on koneen rytmiä — täsmällistä, ennustettavaa, järkkymätöntä.

Gridin tahti

Yhtäläiset välit. Aina. Osioiden välinen tila on sama kuin kappaleiden välinen tila kerrottuna vakiolla. Järjestelmä on matemaattinen, ei intuitiivinen.

Viiva jakajana

Ei koristetta osioiden välissä. Viiva. 2px. Musta. Se on jakaja. Se ei koristele — se erottaa. Sen kauneus on sen rehellisyys.

Typografiset lihavuuden vaihdokset

Lihava. Tavallinen. Lihava. Tavallinen. Lihavuuden vuorottelu luo rytmin ilman ainuttakaan koriste-elementtiä. Pelkkä rakenne tuottaa musiikkia.

Hierarkia

Bauhausin hierarkia saavutetaan vain kolmella työkalulla: koko, lihavuus ja tila. Ei värivaihtelua tekstissä. Ei koristekehyksiä. Ei koristeellista erottelua. Jos et osaa luoda hierarkiaa näillä kolmella työkalulla, hierarkiasi on epätosi.

Koko

Otsikko on suurempi. Se riittää. Ei suurempi JA lihavampi JA värillinen JA kehystetty — vain suurempi. Yksi ero, selkeästi ilmaistuna.

Lihavuus

Lihava otsikoille. Tavallinen leivälle. Kevyt kuvateksteille. Kolme lihavuutta, kolme tasoa. Järjestelmä on valmis.

Tila

Enemmän tilaa otsikon yläpuolella kuin alapuolella. Otsikko kuuluu sille mitä seuraa, ei sille mitä edeltää. Tila luo ryhmittelyn. Ryhmittely luo hierarkian.

Tila

Tila Bauhausissa on mitattua, ei tunnettua. Se ei ole Art Decon kunnioitettu tyhjyys tai Art Nouveaun asuttu tunnelma. Se on täsmällinen määrä — laskettu, johdonmukainen, systemaattinen.

Tyhjä tila ei ole tyhjää. Se on materiaali — yhtä todellinen kuin muste, yhtä rakenteellinen kuin pylväs. Sillä on tietty leveys, tietty tarkoitus, tietty suhde jokaiseen muuhun elementtiin.

Valo

Ei vinjettiä. Ei tunnelmaa. Ei teatraalista valaistusta. Sivu on tasaisesti valaistu — kuin laboratorio, kuin työpaja, kuin luokkahuone. Jokainen elementti saa saman valon koska jokainen elementti ansaitsee saman tarkastelun.

Tämä ei ole designin puutetta. Se on radikaalein suunnittelupäätös tällä sivustolla: kieltäytyä draamasta. Luottaa siihen että sisältö, grid ja typografia ovat riittäviä ilman tunnelmallista apua.

Tunnusomaiset piirteet

Bauhaus tunnistetaan ei siitä mitä se lisää vaan siitä mistä se kieltäytyy.

Koristeen hylkääminen

Ei jakajakoristeita. Ei kulmakoukeroita. Ei tekstuurioverlayta. Ei koristereunuksia. Jokainen tällä sivulla oleva elementti on toiminnallinen. Jos poistaisit sen, tietoa katoaisi. Se on testi.

Näkyvä grid

Muut tyylit piilottavat gridinsä. Bauhaus tekee siitä eksplisiittisen. 2px mustat reunat, johdonmukaiset välit, matemaattinen välistys — nämä eivät ole näkymätöntä infrastruktuuria. Ne ovat design itse.

Pääväri teoriana

Aksenttiväriä ei valita tunnelmasta tai ilmapiiristä. Se valitaan väittämänä: mitä punainen tekee tälle sommitelmalle? Mitä sininen tekee? Paletti on koe, ei mieltymys.

Koulu perintönä

Bauhaus on ainutlaatuinen tämän sivuston tyylien joukossa: se oli koulu, ei vain liike. Sen periaatteet opetettiin, testattiin ja hiottiin pedagogiikan kautta. Jokainen sääntö on olemassa koska opettaja selitti sen oppilaalle ja oppilas testasi sen. Tämä on designia tietona, ei makuna.

Miten tämä tyyli rikkoutuu

Bauhaus rikkoutuu kun kuri pettää — kun suunnittelija lisää jotain mitä ei ole ansaittu.

Koriste-elementit

Yksi koriste. Yksi pyöristetty kulma. Yksi liukuväri. Yksi pudotusvarjo käytettynä tunnelmaan rakenteen sijaan. Mikä tahansa näistä rikkoo sopimuksen. Bauhaus ei ole 'enimmäkseen minimaalista' — se on täysin minimaalista. Ei ole olemassa 'vähän koristetta'.

Liian monta väriä

Yksi aksenttiväri. Musta. Valkoinen. Harmaa. Se on järjestelmä. Toinen aksenttiväri tuo epäselvyyttä — kumpi on signaali? Kumpi on häly? Sillä hetkellä kun et osaa vastata heti, järjestelmä on pettänyt.

Ilmaisullinen typografia

Kursiivi korostukseen. Koristefontit otsikoihin. Vaihteleva kirjainväli tunnelmaan. Kaikki nämä tuovat ilmaisua — ja ilmaisu on järjestelmän vihollinen. Bauhaus-typografia viestii rakenteen, ei tunteen, kautta.

Tunnelmaefektit

Vinjetit, tekstuurit, liukuvärit, sumennusefektit — kaikki luovat tunnelmaa. Bauhausilla ei ole tunnelmaa. Sillä on selkeys. Sillä hetkellä kun sivu tuntuu paikalta dokumentin sijaan, periaate on rikottu.