Web Design Inspirace z historie moderního umění
Ve svém předchozím článku jsem představil krátkou historii umění a jak se od něj mohou vztahovat principy moderního obchodu s webovým designem.
Zde budeme pokračovat v tématu, ale soustředíme se na moderní designové hnutí (především 20. století), které nám mají ponaučení a inspiraci nabídnout.
Výzvou moderního designu je, že existují desítky pohybů a všichni se překrývají v zamotaném nepořádku.
Věci již nejsou tak jednoduché jako staleté renesanční nebo barokní období. Abych to zvládl, vybral jsem si několik tahů, které sem můžeme zkontrolovat.
Hnutí umění a řemesel
Začínáme s naší cestou Hnutí umění a řemesel , který začal kolem roku 1860 a vzkvétal až do roku 1910. Hnutí zdůrazňovalo řemeslné zpracování a jednoduchost a bylo citlivé na skutečné materiály použité k vytvoření díla.
Hnutí bylo v podstatě přímou reakcí na moderní strojní věk a napadlo ho ve svém stylu a výzdobě. Se zaměřením na jednoduchost, funkčnost a řemeslo nabízí hnutí Umění a řemesla mnoho věcí, které může moderní návrhář čerpat.
Přitažlivá je, že kreslení principů z hnutí, které bylo zásadně proti moderním strojním zařízením a jejich uplatnění na vývoj webových aplikací, představuje zřejmý problém. Ale podívejme se, s čím přicházíme.
Zaměřené na účel a technologickou jednoduchost, designéři období se těžce spoléhali na ornament a vzory, zatímco stále navštěvovali celkovou kvalitu a styl. Tyto prvky byly tak zásadní, že jim byla věnována kniha z tohoto období, Gramatika ornamentu .
Ornament, vzory a zdokonalení
Tato stránka z přírody gotiky , vytištěná firmou Kelmscott Press, ukazuje pečlivé řemeslo a estetiku, která je zásadně proti hromadné výrobě. Jak je možné použít pro návrh webových stránek? Skok je spíše obtížný, ale myslím, že tu máme vítěze:
Navzdory skutečnosti, že webová stránka, na nejzákladnější úrovni, představuje technologické objetí, je tato konkrétní web fantastickým mostem mezi stylem umění a řemesel a webem.
Pro začátek má pozoruhodně ručně vytvořený pocit. Pozadí bylo s největší pravděpodobností ručně vytvořeno předtím, než bylo převedeno na digitální vektorový formát. Stránky jasně odrážejí předmět (tj. Knihtisk), který sám má přímou vazbu na řemeslné zpracování. Nejvíce ze všech, nedostatek grafiky nebo dekorace, kromě jeho zdokonalení, opravdu dělá, že to vyhovuje stylu.
Dalším zajímavým, i když velmi odlišným příkladem je Zaarly , který obsahuje zřetelný vizuální punč. Webová stránka kombinuje moderní funkce s řemeslně orientovaným stylem. Ručně tvořená ilustrace a přirozená barevná paleta spojují tento design s hmatatelnými řemesly. Designer v mnoha směrech od tohoto designu odděluje od studených, sterilních technologií, které se používají k jeho tvorbě, místo toho za osobní, přirozený pocit.
Stránky se určitě zdrží moderních nástrojů, ale díky integraci ve Facebooku, Twitteru a Mapách Google. Ve skutečnosti by krásný design byl bez použití jeho moderní aplikace a relevance.
Zvažme dopad tohoto stylu. Dalo by se předpokládat, že to bylo náhodně rozhodnuto. Navrhoval bych, aby byl pečlivě vypočítán. Představuje radikálně jiný přístup, než je přístup Craigslist , závodník Zaarlyho. Díky tomu, že webové stránky jsou osobní a méně "digitální", se designéři pokoušeli oslovit lidi na zcela odlišné úrovni. Design má pro produkt velmi specifický účel, který je zcela v souladu s ideály hnutí Umění a řemesla.
secese
Secesní hnutí bylo populární zhruba kolem roku 1900 a je nejčastěji uznáváno jeho dopadem na architekturu času. Styl zachytil květinové a rostlinné prvky se stylizovanými proudícími liniemi. Tato kombinace prvků umožňuje, aby se umění z tohoto období poměrně snadno identifikovalo.
Krásný plakát Maude Adams jako Joan of Arc od Alfons Mucha představuje všechny základní principy secese. Jasně viditelné jsou květinové vzory a tekoucí linie. Styl malby je zdůrazněn technikou, kterou jsme vytvořili, aniž bychom odvrátili od absolutně krásného výsledku. Je to jako kombinace realistických a dekorativních prvků dalších více stylizovaných pohybů ( Impresionismus , například).
Nemohl jsem narazit na lepší příklad secesních prvků v moderním designu než idesign Webové stránky. Prchavé prvky nahoře jsou nejzřetelnějším odkazem na toto období. Házejte do ostatních prvků, včetně kohouta, kola a ruky, a máte velmi jasný počest počátku 20. století.
Zatímco spojení se secesí je jasné, moderní dotyky jsou tím, co dělá web skutečně vynikající. Nejdůležitější jsou jednoduché animace v horní části stránky. Drobné prvky, jako jsou tyto, mají dlouhou cestu k tomu, aby se stránka dostala do života.
Bauhaus
Bauhaus byla německá škola, která probíhala od roku 1919 do roku 1933. Měla ohromný vliv na moderní design a téměř všechny formy umění, které následovaly, zejména na komerční umění.
Většina pohybů je ve stylu Bauhausu kontrastována s předchůdci. Neprítomné jsou výzdoba a výzdoba umění a řemesel a secesního stylu. Na jejím místě je sloučení designu a funkce, což bylo v mnoha ohledech narozením skutečného minimalismu. Pokus o harmonizaci funkce a designu je pozoruhodně podobný snahám uživatelů o web design.
The Barcelona Chair výše navrhl Mies van der Rohe , jeden z ředitelů společnosti Bauhaus. Jednoduchá židle dokonale zachycuje estetiku. Je zjednodušená a neuvěřitelně stylová a přesto zcela navržená tak, aby mohla plnit svou funkci, což jsou důvody, proč se dnes používá ještě 80 let.
Hledání minimalistických webových stránek je pozoruhodně snadné , ale najít ty, které také přijmou styl Bauhausu, je těžší. Identita navržena funguje to efektivně. Webová stránka jasně zahrnuje minimalismus, ale jde hlouběji.
Funkce a design
V souladu s Bauhaus stylem, Identity Designed má minimalistické webové stránky a zajišťuje, že funguje velmi dobře. Záhlaví stránky zobrazuje jednoduchou značku "ID". Odtud máme jednoduchý přehledný panel nabídek. uživatel okamžitě ví, jak navigovat na webu. Sleduje konvence a funguje krásně.
Dalším rysem Bauhausu je jeho použití bezpatkového písma. Koneckonců, typ písma může svou funkci dokonale fungovat bez všech těch mimo patek , uších a paží ! Nemluvě o tom, sans-serif fonty mohou být pozoruhodně krásné samy o sobě.
Nakonec si všimněte, jak pečlivě se používá barva. Ve stylu Bauhausu jsou téměř bezvadné barevné kombinace. Identity Design používá barvu k odlišení odkazů, ale jinak se barva používá pouze pro nejjemnější výzdobu.
Mezinárodní typografický styl
Také známý jako švýcarský styl, mezinárodní typografický styl vznikl ve Švýcarsku v padesátých létech. Na povrchu je ztělesněním funkčního a minimálního stylu Bauhausu. Jak budete hlouběji hloubat, najdete zaměření na typografii, geometrický design a mřížkové systémy.
Některé z největších jmen v grafickém designu vyplynuly z tohoto pohybu: Paul Rand , Max Miedinger . Miedinger a Eduard Hoffmann vytvořili Helvetica typ písma, o kterém někteří možná slyšeli.
Vzorek uvedený výše v časopise Neue Grafik je příkladem mezinárodního typografického stylu. Všimněte si téměř úplné spoléhání na typografii, silné dodržování mřížky a levostranný text.
Focus Lab Webové stránky nejsou v mezinárodním stylu 100%, ale tím je to ještě lepší příklad. Koneckonců, takové srovnání mají ukázat, jak lze tyto myšlenky z moderního umění přizpůsobit současným potřebám a estetice.
Jasně viditelné na webu Focus Labu je vylepšená typografie jako stylový prvek. Typ nepředstavuje pouze informaci: je to primární prvek návrhu na stránce (i když to není zcela Helvetica).
Mřížka je také důležitá pro efektivitu stránky. A přestože je to snadnější detail, celý text je opodstatněný, což je velmi v souladu se stylem. Webová stránka je ohromujícím příkladem moderního webového designu a dokazuje, že můžeme využít jakýkoli styl, který vyhovuje našim potřebám.
Populární umění
Populární umění také vyšlo z padesátých let minulého století. Vznikla v Británii a našla cestu do USA. Andy Warhol je možná jeho nejznámější zastánce.
Opět vidíme umělecké hnutí, které vyzývá k tradici. Pop Art zahrnuje každodenní předměty, jako jsou komiks, celebrity, domácí předměty a dokonce i reklama.
Jeden z prvních příkladů Pop Art je tato koláž Richard Hamilton , s názvem Co je to, co dělá dnešní domov tak odlišné, tak přitažlivé? Toto sloučení nesourodých prvků života v 50. letech 20. století bylo nápadným, možná šokujícím, demonstrací tohoto stylu.
Hledání webů, které využívají styl Pop Art, je těžké, ale existují. Jeden je Mixbits.com :
Možná, že největší rozdíl mezi tímto stylem a stylem Pop Art je, že Mixbits.com je skutečně určen k tomu, aby byl používán, nikoliv jen viděn. Rozhraní však nese prvky stylu. Co má Pop Art za cíl dosáhnout jiného než změnit naši představu o tom, co je umění? Rozhraní Mixbits.com zpochybňuje naše očekávání, jak by měla vypadat webová aplikace. A to funguje brilantně.
Neznáme inspiraci za Pelican Hotel Ale zdá se, že zde vizuální scény vyvolávají koláž Richarda Hamiltona. Komerční úvahy neumožňují designérovi, aby ukládal každodenní předměty tak, jak to Hamilton dělal, ale něco podobného koláže o způsobu, jakým se tato stránka sestaví.
Punk
Ne každý by považoval punková rocková scéna v roce 1970 za milník v moderním umění a designu. Jeho vliv je však dalekosáhlý a spíše trvalý. Nemluvě o tom, že je to příjemný kontrast k minimalismu Bauhausu.
Některé z jeho hlavních rysů jsou koláž, zrcadlový obraz, šokující obsah a intenzivní zářivé barvy jako fluorescenční růžová a žlutá. Jedním z nejvíce nezapomenutelných produktů je obal alba pro Sex Pistols "jeden Bůh ochraňuj královnu :
Toto album umění perfektně ztělesňuje punkovou rockovku: šokující grafiku, koláž a nízkou produkční hodnotu. Podívejme se na několik návrhů webových stránek, abychom zjistili, jak tento styl žije.
Naštěstí mnozí z návrhářů, kteří tuto estetiku přijmou, se v tomto procesu nedopouštějí principů použitelnosti. Vezměte dva příklady, které jsou uvedeny výše, Serge Seidlitz Webových stránek a více komerčního přístupu Puma Talk . Jistě, ani jedna z těchto webových stránek není doslova "punk rock". Ani v nejmenším není urážlivé a ani jeden z nich nemá pocit lo-fi. Webové stránky jsou však zakořeněny ve stylu, a to i při silném modernizaci.
Zatuchlý je pravdivější k punk rockovému duchu. Stránky pro tuto současnou polo-punková kapela postrádají útočení, ale určitě má pocit souboje. A dobře se hodí kapele.
Pokud uvažujete o přijetí tohoto stylu, zvažte jeho vliv na vaše publikum. Puma Talk například využívá pseudopankový styl pro spojení s mladým publikem, přestože by uživatelé nebyli dostatečně starší, aby zažili punkové hnutí z první ruky. Nenechte styl určovat projekt. Místo toho využijte moderní techniky a přístupy a zajistěte, aby vaše webové stránky byly relevantní pro současné publikum.
Závěr
Snažím se odhalit nespočet uměleckých pohybů, ke kterým došlo za posledních 100 let, by bylo ohromující. S globalizací komunikace se styly vzájemně propojují na hranice. Ale toto není lekce v dějinách umění. Mým cílem bylo spíše osvětlit původ některých stylů, které dnes používáme na webu.
Dnešní weboví designéři využívají myšlenky, které jsou desetiletí, ne-li staletí, staré. Skuteční inovátoři v jakémkoli období jsou schopni využívat myšlenky minulosti, přizpůsobit se moderním potřebám a vytvářet nové přístupy, které formují budoucí generace návrhářů.
Doufám, že tento stručný úvod k různým uměleckým pohybům demonstruje sílu pohledu do minulosti. Kreativita nikdy není potlačena zvážením toho, co ostatní udělali. Naopak: pochopení ponaučení, které se ostatní naučili, nám pomáhá přizpůsobit své myšlenky novým stylům.
Vidíte, že na dnešních webových stránkách jsou prominentně zastoupeny jiné styly 20. století?