Webdesign – mřížka
Trocha obecného filosofování o rozvržení layoutu webu.
Grid neboli mřížka webu je rozmístění jednotlivých celků na stránce – někde je hlavička, jinde patička, tělo textu či menu. Vytvořit si skicu takovéto mřížky je ideální začátek veškerého webdesignování. Obecně platí – čím výraznější a pevnější je tato mřížka, tím dokonalejší bude design stránky a tím lépe se bude uživatel na webu orientovat.
Zdaleka to neznamená, že musíte používat pouze hranaté prvky. Jde spíše o to, aby do sebe vše přesně zapadalo a žádný prvek nevypadával z vámi vytvořené mřížky ven. Výraz přesně zapadalo nelze brát doslovně – prvky do sebe mohou zapadat i pomocí mezer, které jsou mezi nimi.
Když se jednotlivé části mřížky překrývají, nezapadají do sebe, popř. neustále mění pozici, tak je web na úspěšné cestě do umělecké galerie či na smeťák. Jestliže chcete jeden prvek zvýraznit, pak je někdy zajímavé nechat ho vystoupit z mřížky a tím ji záměrně porušit. To si ovšem můžete dovolit jen jednou – více porušení mřížky by mohlo mřížku webu zcela zbortit.
Při tvorbě základní mřížky webu nejspíše zjistíte, jak vás ve webdesignérském rozletu začínají omezovat obrázky. Nemůžete si dělat úplně co chcete, protože rozměr obrázku prostě rozumně nezměníte. Proto je konec konců tak populární fixní layout webu.
Komentáře
Zvláštní ale je, že i na webech s minimem obrázků nalezneme fixní layouty. Neviděl bych to jako dusledek obtíží s obrázky, ale prostě proto, že fixní layout je lehčí :)
Takových webů je ale celá řada, pokud se chce člověk odlišit, není rozházení na škodu.
ad [1] člověku možná, organizaci/firmě těžko.
Pokud je účelem webu upozornění na sebe (na autora webu), tak to není na škodu. Nicméně pokud je na stránce prezentováno něco jiného než autor, tak už to na škodu nejspíše bude.
ad [4]: odkaz patří k [3] (neboli já jako konecŽivota reaguju na komentář bíléhoKlobouka), komentáře 1&2 se vymoderovaly až pozděj :) Zajímavé :)
Já si myslím, že mřížka není známkou kvalitního designu, spíše
většinou nutnost daná a) písmem, b) možnostmi html.
tím (a) myslím to, že když napíšete nějaký text, tak aby šel číst,
tak by měl mít nějaký levý okraj, pravý okraj, začátek a konec, tj.
vyjde obdelník. Stejně tak když uděláte třeba menu, tak z toho vyjde
vertikální či horizontální obdelník. A stejně tak většina obrázků je
ve formě obdelníků. Takže stránku sestavujete vlastně z obdelníků a
máte obdelníkový prostor. Jestli tedy ona stránka má fungovat nějak
univerzálně, jako že chcete mít menu na stejném místě, nechcete mít
hnusné nevyplněné plochy na předem neznámých místech atp., tak prostě
nelze jinak, než je zarovnat do mřížky. Vemte si do ruky jakékoliv
papírové noviny, kde žádné omezení pro sazbu neexistuje a přesto
zjistíte, že jsou vlastně v mřížce.
Tím (b) je myšlena třeba neschopnost natočit text, udělat vícesloupcový
layout a hlavně – v nemožnost obtékání obrázků (teď neřeším
různé kvazifunkční obskurnosti jak to obejít u nějaké konkrétní
stránky). To je IMHO zásadní a je to hlavní bariéra, proč www stránky
nevypadají jako ty novinové. Tak možná za 8 let, až bude >90%
používaných prohlížečů schopno zobrazit SVG
I potom bude ale naprostá většina webů „mřížková“, prostě proto,
že plocha prohlížeče bude obdelník a zobrazovaná data také.
[2] Tak já používám fixní šířku (ať už s obrázky nebo ne) protože se mi pak text lépe čte. Neviděl bych v tom technické potíže.
To je celé? Zní to jako dlouhý perex, kterému chybí zbytek :)