Načo slúžia Stĺpce?
Použite ich, keď hotové bloky neposkytujú požadované rozloženie. Kontajner umožňuje spojiť rôzne bloky do dvoch alebo troch oblastí. Poskytuje voľnosť, ale najviac sa hodí vtedy, keď naozaj potrebujete vlastnú kompozíciu.
Blok Stĺpce
Najprv hľadajte samostatný špecializovaný blok. Na kombináciu obrázka s textom, výhod či cien je bežný blok často jednoduchší a lepšie prispôsobený mobilu. Stĺpce majú zmysel, keď potrebujete spojiť viac typov obsahu vo vlastných pomeroch.
Najčastejšie rozloženia
- 50 / 50: dve rovnocenné oblasti.
- 33 / 67: kratšia doplnková časť a väčší hlavný priestor.
- 40 / 60 a 60 / 40: miernejší rozdiel vo vizuálnej váhe.
- 33 / 33 / 33: tri rovnako veľké oblasti.
Na telefóne sa stĺpce zoradia pod seba. Uistite sa, že aj v tomto poradí dáva obsah zmysel.
40 % – doplnkový stĺpec
Užší stĺpec je vhodný na krátke vysvetlenie alebo vedľajší krok.
60 % – hlavný obsah
Širší stĺpec poskytuje viac miesta na vysvetlenie. V tejto ukážke je medzi stĺpcami väčšia medzera, obsah je zvisle vycentrovaný a na mobile sa poradie obráti, takže hlavné posolstvo sa zobrazí ako prvé.
50 / 50 – prvý stĺpec
Dve rovnako dôležité časti dostanú rovnaký priestor. Rozloženie je vhodné, keď obe prinášajú podobne významné informácie.
Druhý stĺpec, rovnaká váha. Kontajner Stĺpce môže okrem textu obsahovať aj rôzne typy blokov vedľa seba.
Stupňovité stĺpce: zvislý posun
Pri dvojstĺpcovom rozložení môže jeden stĺpec začínať nižšie, napríklad pri dvoch vysokých fotografiách. V nastavení Posun zvolíte stĺpec, ktorý má byť nižšie, a pri Veľkosť posunu vyberiete Malý, Stredný alebo Veľký.
- Posun sa uplatní iba pri stĺpcoch vedľa seba. Na mobile sa zoradia bežne pod seba.
- Posunutá dvojica sa zarovná nahor bez ďalšieho zvislého centrovania.
Najprehľadnejšie to vyzerá, keď oba stĺpce začínajú fotografiou.
Prvý stĺpec
Tento stĺpec začína na svojej obvyklej pozícii.
Druhý stĺpec so stredným posunom
Pravý stĺpec začína nižšie, a tak dve zvislé fotografie vytvárajú stupňovité rozloženie.
Čo sa dá pri Stĺpcoch nastaviť?
Pomery, rozostupy, mobilné správanie aj vzhľad každého stĺpca samostatne.
Rozloženie
Jeden stĺpec alebo pomery 50/50, 33/67, 67/33, 40/60, 60/40, 25/75, 75/25 a tri rovnaké stĺpce.
Medzera medzi stĺpcami
Od nulovej medzery po väčší vzdušný rozostup.
Zvislé zarovnanie
Hore, na stred alebo dole pri rôznej výške obsahu.
Poradie na mobile
Určíte, ktorý stĺpec príde prvý a pri akej šírke sa zmení rozloženie.
Štýl stĺpca
Každý môže mať vlastné pozadie, vnútorné odsadenie, orámovanie, zaoblené rohy a tieň.
Pozadie a šírka →
Celý blok môže mať vlastnú farbu a užšiu, širokú či plnú šírku.
Kedy je lepší špecializovaný blok?
Vlastné rozloženie stavajte až vtedy, keď bežné možnosti nestačia.
VOĽNOSŤ TAM, KDE JE UŽITOČNÁ
Vytvorte vlastné rozloženie, ktoré dáva zmysel aj na telefóne.
Pracujte s pomermi, medzerami a poradím na mobile. Keď stačí hotový blok, použite radšej ten.