Aikaisemmassa artikkelissani esitin lyhyen taiteen historian ja siitä, miten sen periaatteet saattavat koskea modernin web-suunnittelun kauppaa.

Tässä jatkan teemaa, mutta keskityn moderniin muotoilun liikkeisiin (lähinnä 1900-luvulla), joilla on opetuksia opettamaan meitä ja inspiraatiota tarjoamaan.

Haaste modernilla suunnittelulla on, että kymmeniä liikkeitä on, ja ne kaikki limittyvät toisiinsa sekamelssa.

Asiat eivät enää ole yhtä yksinkertaisia ​​kuin vuosisataisen renessanssin tai barokin ajan. Jotta se olisi hallittavissa, olen valinnut muutamia liikkeitä, joita kannattaa tarkastella täällä.

Taide- ja käsityöliike

Aloitamme matkan kanssa Taide- ja käsityöliike , joka alkoi noin 1860 ja kukoisti vuoteen 1910 saakka. Liike korosti käsityötä ja yksinkertaisuutta ja oli herkkä varsinaisille materiaaleille, joita käytettiin työn luomiseen.

Pohjimmiltaan liike oli suora vastaus nykyaikaiseen koneen ikärajaan, ja se haastoi sen tyylillä ja sisustuksella. Keskittyminen yksinkertaisuuteen, toimivuuteen ja käsityötaitoon Taide- ja käsityöliike tarjoaa monia asioita, joita nykyaikainen suunnittelija voi hyödyntää.

Hyväksytty, piirustus periaatteet liikkumasta, joka vastusti olennaisesti nykyaikaisia ​​koneita ja niiden soveltaminen web-kehitykseen, on ilmeinen ongelma. Mutta katsotaan, mitä keksimme.

Huolestuttu käyttötarkoituksesta ja teknisestä yksinkertaisuudesta kauden suunnittelijat tukivat voimakkaasti koristeita ja malleja, mutta silti osallistui yleiseen laatuun ja tyyliin. Nämä elementit olivat niin perustavanlaatuisia, että tästä aikakaudesta peräisin oleva kirja oli omistautunut niihin, Koristeen kielioppi .

Koriste, kuviot ja hienostuneisuus

Googlen luonteen sivu, jota Kelmscott Press painaa, tuo esiin mielenkiintoisen veneen ja esteettisen, joka on pohjimmiltaan vastustanut massatuotantoa. Miten voimme soveltaa tätä web-suunnitteluun? Harppaus on melko vaikeaa, mutta mielestäni meillä on voittaja täällä:

Huolimatta siitä, että verkkosivusto, joka on perustavanlaatuinen taso, edustaa teknologian omaksumista, tämä sivusto on fantastinen sillan taiteen ja käsityön tyylin ja verkon välille.

Aloittelijoille se on erittäin käsityönä tunne siihen. Tausta oli todennäköisesti käsityönä, ennen kuin se muutettiin digitaaliseksi vektorimuodoksi. Sivusto selkeästi kuvastaa aiheen (eli kohopaino), jolla on suora yhteys käsityötaitoon. Eniten grafiikan tai koristeen puute sen hienostuneisuuden lisäksi tekee siitä tyylikkään.

Toinen mielenkiintoinen, vaikka hyvin erilainen, esimerkki on Zaarly , joka pakkaa erillisen visuaalisen punsin. Sivusto yhdistää modernit toiminnot käsityötaitoiseen tyyliin. Käsin tehty kuva ja luonnollinen väripaletti yhdistävät tämän suunnitelman konkreettisiin käsityötaitoihin. Monin tavoin suunnittelija välittää tämän suunnittelun kylmältä, steriililtä teknologioilta, joita käytetään sen luomiseen, vaan sen sijaan henkilökohtaiseen, luonnolliseen tuntumiseen.

Sivusto ei varmasti pidättäytyvät nykyaikaisista työkaluista Facebookin, Twitterin ja Google Mapsin integraation avulla. Itse asiassa kaunis muotoilu olisi hyödytön ilman sen nykyaikaista soveltamista ja merkitystä.

Katsotaanpa tämän tyylin vaikutusta. Voisi olettaa, että se päätettiin satunnaisesti. Ehdotan, että sitä laskettiin huolellisesti. Se edustaa radikaalisti erilaista lähestymistapaa kuin Craigslist , Zaarlyn kilpailija. Tekemällä verkkosivustolle henkilökohtaisen ja vähemmän "digitaalisen", suunnittelijat ovat yrittäneet houkutella ihmisiä täysin eri tasolle. Suunnittelu palvelee erittäin tarkkaa tarkoitusta tuotteen kanssa, joka on täysin yhteensopiva Arts and Crafts -liikkeen ihanteiden kanssa.

Art nouveau

Art Nouveau -liike oli suosittu noin 1900 ja se tunnetaan parhaiten sen vaikutuksesta arkkitehtuuriin. Tyyli veti kukka- ja kasvielementtejä, tyyliteltyjä virtaavia viivoja. Tämä elementtien yhdistelmä tekee taidetta tästä ajasta suhteellisen helposti tunnistettavaksi.

Kaunis juliste Maude Adams Joan of Arc Alfons Mucha sisältää kaikki jugendtyylin perusperiaatteet. Selvästi näkyvät kukkakuviot ja virtaavat viivat. Maalauksen tyyli korostuu tekniikalla, jota käytetään sen luomiseen ilman, että häiritsisi täysin kaunista tulosta. Se on kuin muiden tyyliteltyjen liikkeiden realististen ja koristeellisten elementtien yhdistelmä ( Impressionismi , esimerkiksi).

En olisi voinut kompastua parempaa esimerkkiä modernin muotoilun art nouveau -elementeistä kuin idesign Sivustolla. Ylhäällä virtaavat elementit ovat ilmeisin viittaus tähän kauteen. Heitä muihin elementteihin, mukaan lukien kukko, polkupyörä ja käsi, ja sinulla on hyvin selvä homage 1900-luvun alussa.

Vaikka Art Nouveau -yhteys on selvä, modernit kosketukset tekevät sivustosta todella erinomaisen. Etusijalla ovat yksinkertaiset animaatiot sivun yläosassa. Pienet elementit, kuten nämä, menevät pitkälle sivun tuomiseen elämään.

Bauhaus

Bauhaus oli saksalainen koulu, joka juoksi noin 1919-1933. Se oli valtava vaikutus nykyaikaiseen suunnitteluun ja lähes kaikki taiteen muodot, jotka seurasivat, varsinkin kaupallinen taide.

Kuten useimmat liikkeet tekevät, Bauhaus-tyyli eroaa tiukasti edeltäjänsä kanssa. Poissa ovat taideteollisuus- ja jugend-tyylien koristelu ja koristelu. Paikallaan on muotoilun ja toiminnan yhdistäminen, joka oli monessa suhteessa aidon minimalismin syntymä. Yrittäminen toimintojen ja suunnittelun yhdenmukaistamiseksi on huomattavan samanlainen kuin nykyään web-suunnitteluyhteisön käyttäjäkokemukset.

Barcelona Chair Barcelona puheenjohtaja edellä on suunnitellut Mies van der Rohe , yksi Bauhausin johtajista. Yksinkertainen tuoli takaa täydellisesti esteettisen. Se on virtaviivaistettu ja uskomattoman tyylikäs ja silti täysin suunniteltu toimimaan, mistä syystä sitä käytetään vielä tänään, 80 vuotta.

Minimalististen sivustojen löytäminen on huomattavasti helppoa , mutta löytää ne, jotka myös omaksuvat Bauhaus-tyyliin, ovat vaikeampia. Identiteetti suunniteltu tekee sen tehokkaasti. Sivusto on selvästi minimalismia, mutta syventyy.

Toiminto ja muotoilu

Bauhaus-tyylin mukaisesti Identity Designed on minimalistinen verkkosivusto, joka on varmistanut sen toimivan erittäin hyvin. Sivun otsikko näyttää yksinkertaisen tuotemerkin, "ID". Sieltä meillä on yksinkertainen selkeä valikkopalkki; käyttäjä heti tietää navigoinnin verkkosivuilla. Se seuraa yleissopimuksia, kun se toimii kauniisti.

Toinen Bauhausin ominaisuus on sen käyttö sans-serif-kirjasimet. Loppujen lopuksi kirjasintyyppi voi hoitaa tehtävänsä täydellisesti ilman kaikkia niitä ylimääräisiä päätteitä , korvat ja aseet ! Puhumattakaan, sans-serif-kirjasimet voivat olla itsessään oveltakuntoisia.

Lopuksi huomaa, kuinka varovasti käytetään väriä. Bauhaus-tyyliin kirkkaat värimallit ovat melkein olemattomia. Identity Design käyttää väriä erottaa linkit, mutta muussa tapauksessa väriä käytetään vain hienoimpia koristeita.

Kansainvälinen typografinen tyyli

Sveitsiläinen tyyli tunnetaan myös nimellä International Typographic Style, joka on peräisin Sveitsistä 1950-luvulla. Pinnalla se on Bauhausin toiminnallinen ja minimaalinen tyyli. Kun kaivataan syvemmälle, löydät painopisteen typografiasta, geometrisesta suunnittelusta ja verkkojärjestelmistä.

Jotkut graafisen suunnittelun suurimmista nimistä syntyivät tästä liikkeestä: Paul Rand , Max Miedinger . Miedinger ja Eduard Hoffmann loivat Helvetica jonka jotkut teistä ovat saattaneet kuulla.


(Kuva: Joe Kral )

Neue Grafik -lehden edellä oleva näyte on esimerkki kansainvälisestä typografisesta tyylistä. Huomaa lähes täydellistä luotettavuutta typografiasta, vahvasta sitoutumisesta verkkoon ja vasemmalle perustellulle tekstille.

Focus Lab Sivustolla ei ole 100% kansainvälistä tyyliä, mutta tavallaan tämä tekee siitä vielä paremman esimerkin. Loppujen lopuksi tällaisten vertailujen tarkoituksena on osoittaa, miten nämä ideoita nykytaiteesta voidaan mukauttaa nykyisiin tarpeisiin ja estetiikkaan.

Focus Lab -verkkosivustolla on näkyvästi hienostunut typografia tyylinä. Tyyppi ei vain välitä tietoja: se on sivun ensisijainen suunnitteluelementti (vaikka se ei olekaan Helvetica).

Myös verkko on kriittinen sivun tehokkuudelle. Ja vaikka ehkä hienovaraisempi yksityiskohti, kaikki teksti on jäljellä perusteltu, hyvin sopusoinnussa tyylin kanssa. Verkkosivusto on upea esimerkki modernista web-suunnittelusta ja osoittaa, että voimme hyödyntää mitä tahansa tarpeitamme mukaista tyyliä.

Pop-taide

Pop-taide tuli myös 1950-luvulta. Se syntyi Britanniassa ja löysi tiensä Yhdysvaltoihin. Andy Warhol on ehkä sen tunnetuin kannattaja.

Jälleen kerran me näemme taiteen liikkeen haastava perinne. Pop Art sisältää jokapäiväisiä esineitä, kuten sarjakuvat, julkkikuvia, kotitaloustavaroita ja jopa mainoksia.

Yksi vanhimmista Pop Art -esimerkkeistä on tämä kollaasi Richard Hamilton , nimeltään Juuri se, mikä tekee nykyisistä kodeista niin erilaisen, niin houkuttelevan? Tämä yhdistelmä 1950-luvun elämän eri elementtejä oli silmiinpistävä, ehkä järkyttävä, tämän tyylin demonstraatio.

Löydät verkkosivuja, jotka hyödyntävät Pop Art -tyyliä, mutta ne ovat olemassa. Yksi on Mixbits.com :

Ehkä suurin ero tämän ja Pop Art -tyylin välillä on, että Mixbits.com on tosiasiallisesti tarkoitettu käytettäväksi, ei vain katseltu. Kuitenkin käyttöliittymä sisältää tyylin elementtejä. Mitä Pop Art pyrkii saavuttamaan muuta kuin muuttaa näkemystämme siitä, mitä taide on? Mixbits.comin käyttöliittymä haastaa odotuksemme siitä, mitä web-sovellus näyttää. Ja se toimii loistavasti.

Emme tiedä inspiraation takana Pelican Hotel Sivustolla, mutta näytöt täällä näyttävät herättävän Richard Hamiltonin kollaasia. Kaupalliset näkökohdat pitävät suunnittelija liittäen arkipäivän tavaroita Hamiltonin tapaan, mutta tämän sivun kokoonpanon kaltainen kollaasi on jotain.

Punk

Kaikki eivät pitäneet 1970-luvun punk rock -tapahtumana virstanpylvään modernissa taiteessa ja suunnittelussa. Mutta sen vaikutus on kauaskantoinen ja melko pysyvää. Puhumattakaan, se on hieno vastakohta Bauhausin minimalismille.

Joitakin sen tärkeimpiä ominaisuuksia ovat kollaasi, raakakuvamaalit, järkyttävä sisältö ja voimakkaat kirkkaat värit, kuten loisteputki ja keltainen. Yksi mieleenpainuvimmista tuotteista on tämän albumin kansi Sex Pistols ' yksittäinen Jumala pelastakoon kuningattaren :

Tämä albumikuvio täydentää täydellisesti punk rockin aikakauden: järkyttävät grafiikat, kollaasit ja alhaisen tuotannon arvo. Katsotaanpa muutamia verkkosivujen malleja nähdäksesi, miten tämä tyyli elää.

Onneksi monet suunnittelijat, jotka hyväksyvät tämän estetiikan, eivät luovu prosessin käytettävyyden periaatteista. Ota edellä esitetyt kaksi esimerkkiä, Serge Seidlitz Sivuston ja kaupallisen lähestymistavan Puma Talk . Kumpikaan näistä verkkosivustoista ei ole kirjaimellisesti "punk rock". Ei ole lainkaan loukkaavaa, eikä sillä ole lainkaan lo-fi-tunnetta. Silti verkkosivut ovat juurtuneet tyyliin, vaikka ne ovat voimakkaasti modernisoituneet.

Eltaantunut on oikeampaa punk rock -hengelle. Tämän hetkisen semi-punk-bändin verkkosivustolla ei ole loukkaavaa peliä, mutta se on varmasti lo-fi-hakkerointi. Ja se sopii hyvin bändiin.

Jos olet ajatellut tämän tyyliä, harkitse sen vaikutusta yleisöön. Puma Talk käyttää esimerkiksi pseudo-punk-tyyliä yhteydenpidossa nuoren yleisön kanssa, vaikka käyttäjät eivät olisikaan tarpeeksi vanhoja kokeneet punkliikkeen ensiksi. Älä anna tyyli sanella projektia. Sen sijaan voit hyödyntää nykyaikaisia ​​tekniikoita ja lähestymistapoja ja varmista, että sivustosi on nykyisen yleisön kannalta tärkeä.

johtopäätös

Yritetään purkaa lukemattomia taidelajeja, jotka ovat olleet viimeisten 100 vuoden aikana, ärsyttävää. Viestinnän globalisaation myötä tyylit ovat sidoksissa siihen, että ne ovat ylivoimaisia. Mutta tämä ei ole opetushistorian opetus. Pikemminkin tavoitteenani oli valaista joidenkin nykyisten web-sivujen tyylejä.

Nykypäivän web-suunnittelijat hyödyntävät ideoita, jotka ovat vuosikymmeniä, ellei vuosisatojen ajan vanhoja. Jokaisen ajan todelliset innovaattorit pystyvät hyödyntämään menneisyyden ajatuksia, sopeutumaan nykyaikaisiin tarpeisiin ja luomaan tuoreita lähestymistapoja, jotka muokkaavat suunnittelijoiden tulevia sukupolvia.

Toivon, että tämä lyhyt esittely eri taiteen liikkeistä osoittaa kykyä tarkastella menneisyyttä. Luovuutta ei koskaan estetä, kun otetaan huomioon, mitä muut ovat tehneet. Päinvastoin: ymmärrys oppitunneista, jotka muut ovat oppineet, auttaa meitä mukauttamaan ajatuksiaan uuteen tyyliin.

Näetkö muitakin 1900-luvun tyyliä näkyvästi nykypäivän verkkosivuilla?