Ontogenéza webdizajnéra a fylogenéza webdizajnu

V biológii údajne platí zákon: „Ontogenéza je skrátená fylogenéza“. Ľudsky povedané, vnútromaternicový (teda pred narodením) vývoj jedinca predstavuje historický vývoj celého druhu. Tento zákon prekvapujúco platí aj vo webdesigne.

Ak ešte niekto nepochopil, skúsim podrobnejšie. Ak sledujeme vývoj grafických návrhov webdizajnéra, je možné, že v skrátenom čase zachytíme vývoj grafického designu internetu, teda vlnami štýlov, ktoré ho ovplyvňovali. V praxi budem demonštrovať na sebe. Predstavím vývoj vzhľadu môjho webu o Photoshope. Prvú fázu, keď sa ešte všetci používatelia internetu navzájom poznali, logicky vynechám, vtedy grafika nezohrávala žiadnu úlohu.

Gif a boom tabuliek

V tejto dobe bol internet najčastejšou príčinou epilepsie. Animovaný gif bol všade. K tomu pridajme nechutný tabuľkový kód a značka font. Úžasná rýchlosť, prezeranie v prehliadači pripomínalo rozbiehanie nákladného vlaku (tr, td, td, td…).

Takto som začínal aj ja. Bol som ešte dieťa s čerstvým občianskym preukazom. Niet divu, že sa dnes hanbím za tento výtvor. Mladícka nerozvážnosť.

CSS v praveku

Gif začína ustupovať. Niektoré prehliadače trochu podporujú CSS. Weby už niesu epileptické, ale nečitateľné a nepoužiteľné. Písmo sa zmenšuje, kontrast textu s pozadím tiež a podpora CSS pomáha vypnúť podčiarknutie odkazov. Jednoducho, žiadna použiteľnosť a prístupnosť.

Mňa to samozrejme neminulo. Vtedy (nie, keď bola táto móda, ale keď som vytváral nový návrh) som sa už začínal zaoberať grafickým designom, ale typografia mi veľa nehovorila. Dopadlo to nasledovne. Trocha CSS, aby sa nepovedalo, ale tabuľky zostali. Prvé náznaky sémantiky.

Boom štandardov

Prehliadače sa pochlapili, najmä IE. CSS sa už dá použiť bez vážnejších problémov. Kvôli obchodu sa oplatí investovať do použiteľnosti a kvôli SEO aj do validity a sémantiky.

Môj prvý návrh, za ktorý sa až tak hanbiť nemusím. Po grafickej stránke ústup k minimalizmu, ktorý sa v rokoch 2004-2006 stal módnou záležitosťou. Kód nebol zlý a hlavne validný, prehľadnosť, povedzme celkom na úrovni. Všimnite si diagonálne prúžky, tie sú stále v móde (to bude možno aj na samostatný článok).

Web 2.0

CSS galérie idú prasknúť množstvom webov. Všetky vyzerajú identicky, invencia minimálna. Do popredia sa dostávajú komunitné portály a služby, nastáva doba internetových aplikácií. Toto je internet dneška. Stačí sa obhliadnuť. Po grafickej stránke málo invencie. Prílišná gýčovitosť a všade takzvaný glass efekt a zrkadlenia.

Po prvý raz prestáva platiť zmieňovaný zákon. Svoj najnovší počin som založil striktne na dobrej použiteľnosti. Minimalizmus v praxi. Pri tomto webe zvíťazil obsah nad formou. Chcel by som, aby to bolo na internete v móde, ale to je iba tajný sen. Pretože, pre bežného a rádového človeka to nieje dosť „cool“, ani „in“. V čom ja vidím krok dopredu, priblíženie sa k samotnej textovej informácii, na ktorej je projekt založený, iní vidia grafický úpadok. Ale nieje to až tak zlé a spolucítiaci sa nájdu. Aj posledný návrh sa dostal do nejakých CSS galérií.

Celkove si myslím, že to čiastočne funguje. Aspoň na mne sa dá do určitej fázy sledovať vývoj internetu. Môj, zhruba trojročný vývoj celkom slušne pokrýva vývoj za posledných 10 rokov.

Komentáre

1 ivusko

Ja by som vyzdvihol zas, že web dva celá nulovské weby, majú väčšie fonty, dobrý kontrast, farby sú sviežejšie, pracuje sa viac s bielou farbou, elementy majú okolo seba priestor. Efekty sa robia skôr pomocou javascriptu, flash sa používa menej. Je to len a len na designérovi, že či sa s tým pohrá a vytvorí niečo unikátne a originálne (pritom môže ostať v trendy štýle). Maj sa

2 Mac

[1] Myslím, že hovoríš o svetlých výnimkách, chvála im. Mne sa väčšina zdá krikľavá a gýčová. Uvidíme, kam sa to vyvinie, sme iba na začiatku. Našťastie existuje prístupnosť a použiteľnosť, ktoré šialeným grafikom zaväzujú ruky.

3 embuck

V tých tvojich premenách časom som sa našiel. Tiež som tým prešiel so svojou stránkou, ale to asi každý. pekný prehľad.

4 Mac

[3] Tak sa zdá. že moja teória o aplikovateľnosti zákona z biológie do webdesignu platí. Potešil by si ma, ak by si aj ty ukázal premeny svojej stránky.

5 iWhy

Áno je to pekne zhrnutie. Ešte si možno spomeniete na éru dirty brushov a ich nadmernému používaniu v dizajnoch kde sa to hodilo najmenej.

Čo sa tyká dnešných trendov glass a presudo 3D efektov tie sú podlá mňa trvácnejšie. Písal sa asi rok 2002 keď boli trendy jemne šikmé patterny, malé pixelové fonty a pixelove fonty ktoré vychádzal z doslova z nejakých začiatkov unixu a starých dos gamesiek ktorý jednoducho nemohol mat dlhu perspektívu. Ak vezmeme v úvahu glass efekty, ktoré zišli najskôr z osx UI a pretrváva dodnes, ale našťastie v ustálenejšej a rozumnejšej forme. Mame tu Vistu a nového Leoparda a nevyzerá to tak, že by tento trend upadal ba naopak Tiger sa taktiež snaží glossy a glass efekty podčiarknuť. Tieto systémy tu budeme mat ešte dobrých pár rokov a možno tieto dnešné trendy neupadnú do kategórie out.

6 dusoft

Len by som dodal, ze bola este jedna faza, na ktoru si uz asi nepamatas – a to web bez tabuliek.

poznali sme akurat tagy CENTER, FONT, HR, obcas nejaky B a I a samozrejme nadpisy Hx. ked nad tym tak rozmyslam, boli sme blizsie semantike ako kedykolvek potom (posledne tri roky vynimajuc).

7 dusoft

a zabudol som na nekonecne   – ktore sme pouzivali na vypchavky priestoru – umiestnovanie textu a obrazkov

8 Mac

[6] Veď hneď na začiatku je napísané, že prvú fázu vynechávam. Každý si vie predstaviť ako to vyzeralo a kto nie, nech si vypne štýly :).

9 bzunda

ten druhy bol najkrajsi … neviem co je na tom terajsom … onicom … neprehladneeee ….

Komentáre formátuje textile.

Píšte slušne, s diakritikou, k téme a neanonymne.

Meno*

Web

Komentár možno odoslať po zobrazení náhľadu.