11. 3. 2007 v sekci webdesign:

Webdesign s mřížemi

Vybočovat z mřízky může jen designér, který mřížku ovládl. Důkladně, dokonale a absolutně. Jinak bude výsledkem jen další strašný bastl.

SuE přeložila pro Interval moc hezký článek od Molly Holzschlag, který polemizuje nad bouráním pravoúhlého gridu (mřížky) na webu. Potíž je v tom, že když něco neumím, tak to nemůžu začít porušovat (a vemte jed, že Molly umí).

Zpět do minulosti

Web je poměrně mladé médium. Knihy jsou tu staletí, noviny o něco kratší dobu, leč stále řádově déle než web. Web se od novin i knih liší především svou dynamičností – web musí být přístupný na Palmu stejně jako na širokoúhlém megalomanském displayy. Webdesigner se musí vyrovnat s rozličnými typografickými omezeními a různě technicky zdatnými uživateli, kteří budou na jeho webu hledat informace.

Kniha je jednou vytištěna a vypadá všude stejně (fajn, fajn – pomineme nevidomé), web nikoliv. Neznamená to ovšem, že by se web neměl od knih a novin co učit!

Osobně začínám čím dál víc preferovat design ve striktní a jasně definované vertikální a potažmo horizontální mřížce. Mřížka jako taková má pro designéra i uživatele spoustu přínosů. Když se webdesingner při tvorbě návrhu upne na předem vytvořenou mřížku, tak už si prostě nebude moct dovolit nadesignovat úplnou kravinu.

Mřížka dá webu jasnou hierarchii a zpřehlední celkový návrh. A až ve chvíli, kdy budou vaše weby vypadat jak pohled na Mírov, tak si můžete dovolit mřížku porušit a začít vytvářet živelné organické návrhy (se spoustou absolutního pozicování a tak vůbec).

Nu – nebudeme tady jen planě teoretizovat, příště přijde tvorba mřížky prakticky, symetrická a asymetrická mřížka, příklady webů se skvělou mřížkou a možná i kouzelník.

Komentáře

1. Ji31
11. 03. 07, 18.17

„Displayy“ → Displayi ;-)

11. 03. 07, 18.34

No, jsem zvědavý na tu praktickou část, zatím jsou to jen plky :)

11. 03. 07, 19.17

Mřížka je mřížka je mřížka. Jo jo. Doplním ti studijní materiál, http://www.designmeltdown.com/chapters/grid/. Potěšilo mě, že vystaven je tam i náš skromný český Moderní web :)

11. 03. 07, 21.06

Mimochodem, jak jsou utvářena ta URL? Zrovna u tohoto spotu mi přijde dost… avantgardní ;–)

11. 03. 07, 21.31

[4] dle nálady systému, sklerotičnosti autora před publikací a použité diaktritiky.. nepíšu v UTF, takže se pro mě nehodí žádný z Davidových pluginů… a taky si většinou vzpomenu :-)

6. dgx
11. 03. 07, 22.07

[4] to jsou Kůl Url 2.0

Mimochodem, jsem rád že žiješ ;-)

11. 03. 07, 23.05

[5] Když jsem to viděl, chvíli jsem si myslel, že to nové gorilátko chtějí taky pojmenovat Moja a udělat z nich webdesignérské duo ;–)

8. kahi
12. 03. 07, 00.11

> [článek], který polemizuje nad bouráním pravoúhlého gridu…
opravdu? :)

> Když se webdesingner při tvorbě návrhu upne na předem vytvořenou mřížku, tak už si prostě nebude moct dovolit nadesignovat úplnou kravinu. Mřížka dá webu jasnou hierarchii…

To je nesmysl. Hierarchie (teď tomu amerikánci tuším říkaj sémantika) není dána mřížkou, ta spíš dělá zbytečné hranice a bariéry pro obsah, než aby pomáhala. Jediná její výhoda je v tom, že web v mřížce, jak říkáš, vypadá přehlednější, uklizenější.

Podobně nesouhlasím s názorem, že do webu bez konzervativní striktní mřížky by se neměl pouštět tvůrce nezvládající mřížku. Zde, pokud jsem četl dost pozorně, jsi opět vynechal to, bez čeho tvá slova nepůsobí na čtenáře jako logicky správné, potažmo obsahově kvalitní dílo – zdůvodnění.

To, co dává webu vnější hierarchii, je grafický dyzajn a typografie. Představ si člověka, který tyto dvě věci ovládá, zná jejich principy. Nezná ale „pravidla“ tvorby s mřížkou. Přes tuto neznalost dokáže vytvořit hierarchický, použitelný web. Hierarchie s mřížkou nesouvisí.

Jak píše Molly, mřížka, o které je řeč, je částečně důsledek zvyku, jakožto pozůstalosti tabulkových layoutů. Také bude odrazem zvyklosti z jiných forem informačních sdělení, například zmíněných novin. Mohl bych jen hádat, jestli je pořádkumilovnost (tvorba mřížkovitých uspořádání) pouhým přeneseným a aplikovaným zvykem (tzn. umělým výtvorem společnosti), anebo intuitivní snahou o strohý geometrický systém, člověčí podsatě vlastní. Vsadil bych na to první. Vytvořit rovné, pravidelné, minimalisticky funkcionalistické (?) dílo je přece jen z technického hlediska snažší.

12. 03. 07, 08.53

Kahi:

Ad hierarchie a přínosy mřížky. Mřížka je tu především od toho, aby jasně vymezila hranice jednotlivých elementů a zamezila tak potencionálnímu chaosu.

Přehlednost a uklizenost vidím také jako hlavní přednost mřížky, protože se díky nim člověk lépe na webu orientuje – a to přece chceme, ne?

Proč by se neměl pouštět člověk neznalý mřížky do nemřížkových webů? Protože designovat s mřížkou je mnohem jednodušší než bez ní. Bez mřížky spíše vznikne začítečnický bastl.

Osobně považuju dobrou mřížku za součást typografie webu a web je pro mě 90% typografie, 5% teorie barev a 5% práce s obrázky href=„http://­www.informati­onarchitects.jp/the-web-is-all-about-typography-period“ rel=„nofollow“>http:/­/www.informati­onarchitects.jp/the-web-is-all-about-typography-period :-)

Jinak mřížka jako taková nijak neurčuje, jak bude výsledný web vypadat – mohou vznikat šílené umělecké kreace, nikoliv jen minimalistický funkcionalismus (mrkni na web.burza href=„http://­web.burza.hr/“ rel=„nofollow“>http:/­/web.burza.hr/ – graficky náročný webík se skvělou mřížkou).

btw. ano, mrkni na odstavec Kódování za mřížemi :-)

10. SuE
12. 03. 07, 10.06

no když už jsme u těch překladů, tak si taky přihřeju polívčičku, ať to nemusíte číst englicky:
http://suewebik.net/…rafie_1.html href=„http://­suewebik.net/we­bove/webdesig­n95_typografi­e1.html“ rel=„nofollow“>http:/­/suewebik.net/we­bove/webdesig­n95_typografi­e1.html

11. kahi
12. 03. 07, 13.11

I když si představím mříž jako součást typografie, pořád mi připadá jako stejně zkostnatělý pozůstatek…

Z čeho vycházíš při předpokladu, že začátečník ignorující mřížku se spíš dopustí bastlu? Když pomineme toho teoretického ducha, který se nad tématem vznáší, neboť porušování mřížky je prozatím teorie… a když pomineme, že začátečník těžko bude mít tendenci dělat něco co ještě neviděl… Stále nechápu tvou jistotu. Řekni filosofe, je ještě nějaký důvod proč nevěříš začátečníkovi, kromě toho, že má před sebou technický problém?

Začátečníci zpočátku vytvářejí bastly. Nějaká mřížka, očividně, nemá moc tomu zabránit. Ty myslíš, že bez mřížky by to bylo horší. Já myslím, že by to bylo stejné. Teď by to chtělo nějaký konkrétní podklad :),

12. 03. 07, 15.56

Pokud jde o jistotu, tak jedinou jistotu, kterou mohu nabídnout je moje vlastní zkušenost (věčného začátečníka). Provokativní tón v úvodu článku je tu proto, aby si ho lidé všimli a klikli na odkaz :-) (pokud Ti schází krapet té nejistoty)..

Spíše by mě zajímal ten zkostnatělý pozůstatek.. to mi připomíná Marka Prokopa a jeho mrtvé SEO.. většina velkých webů používá nějakým způsobem mřížku, většina informačně natřískaných webů používá mřížku, většina hodně navštěvovaných webů používá mřížku (statisticky se pls podívej na nějaký velmi navštěvovaný web pro širokou veřejnost a uvidíš). Ale mřížka je jen zkostnatělý pozůstatek, co? :-)

13. kahi
12. 03. 07, 19.20

Většina velkých webů je taky zkostnatělá… chceš-li, můžeme říct, že se drží konvencí. Kdyby porušování mřížky bylo běžné do té míry, že by se objevovalo i na velkých informačních webech, asi by nebylo zapotřebí, aby Molly psala a SuE překládala takové články…

12. 03. 07, 19.32

Osobně považuji rozvržení webových stránek do pravidelné pravoúhlé mřížky také za pozůstatek, ovšem nikoli zkostnatělý, ale funkční a hodnotný. Je to prostě shodou okolností metoda, která umožňuje nejefektivněji zprostředkovat největší objem informací.

Jsou však okamžiky, kdy je použití tohoto designérského přístupu na škodu, nikoli ku prospěchu věci. Pokud budu designovat prezentační web nové vůně, exkluzivních šperků nebo Poršátka, je na místě extravagance, která upoutá – právě ve srovnání se stereotypním designem informačních stránek.

Myslím, že Molly Holzschlagové šlo právě o to upozornit, že sice pravidelné pravoúhlé mřížky používat můžeme, ale dnes už nemusíme…

12. 03. 07, 19.58

Kahi – (neumí a nechci to řešit, protože mi přestaly chodit SPAMy jak mavnutim kouzelneho proutku) – ano dalo by se říci, že je zkostnatělá, protože se drží konvencí.. leč ono je to potřeba.. internet tu není pro partu webdesignérů a naši zákazníci z nich povětšinou nežijí – příjmy jim chodí od těch druhých.

Pro ty druhé je internet černá krabička a modré éčko. Ti druzí ví, že menu je vlevo a odkazy jsou modré a portrhané.. weby neděláme pro sebe, ale pro ně.. tedy aspoň většinu. Proto mám rád mřížky a velmi aktivně je používám – až budu dělat web pro Ferrari, tak je s majestátní lehkostí vesele zahodím :-)

Viléme – naprostý souhlas :-)

16. Catch
12. 03. 07, 22.21

Zapojuji se z nemocnicniho luzka z mobilu a tak jen kratce. Toto tema je zajimave a jak budu mit pristup k plnohodnotnemu internetu neco vic si o tom prectu. Netusim totiz zda jsem se nejakou mrizkou ridil :) nebo ji snad vedome pouzival :)

17. numero
13. 03. 07, 17.10

Hh, já teda nemám co kecat, protož jsem lama, ale zrovna tenhle web se mi blbě čte, minulý design byl lepší :-)