Jak jsem psala tohleto a támhleto

5minutové čtení

,

Perex článku, nějaký text uvozující článek, shrnuje nejpodstatnější body, nakousává téma, vzbuzuje zvědavost, neříká vše, to podstatné vytečkuje…

H2: Nadpis druhé úrovně

Další text musí být členěn na kratší obsahové bloky – odstavce. Příliš dlouhé bloky se obtížně čtou. Krátké úseky textu členěné pomocí podnadpisů lze rychle „skenovat“ pohledem, pro vyhledání konkrétní požadované informace. V textu mohou být krátké části zvýrazněné vytučněním nebo delší části textu zvýrazněné kurzívou.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut odio accumsan, congue lorem non, molestie est. Sed ut odio bibendum urna condimentum rhoncus. Lorem ipsum dolor sit amet, consectetur.

S Tomášem jsem spolupracoval na tvorbě reklamních kampaní pro sociální média a mohu ho vřele doporučit. Určitě bych vyzdvihnul jeho vysokou úroveň znalostí a zároveň 100% profesionalitu, díky které je na něj maximální spolehnutí. Je přesný v dokončení projektů v termínu a prakticky non-stop k dispozici k řešení případných problémů.

Jakub Piskoř

Jakub Piskoř

Co-founder at Organikk.cz

Další text musí být členěn na kratší obsahové bloky – odstavce. Příliš dlouhé bloky se obtížně čtou. Krátké úseky textu členěné pomocí podnadpisů lze rychle „skenovat“ pohledem, pro vyhledání konkrétní požadované informace. V textu mohou být krátké části zvýrazněné vytučněním nebo delší části textu zvýrazněné kurzívou.

H3: Jak na vkládání obrázků?

Při vkládání ilustračních obrázků do textu je možné vkládat menší obrázky a text nechávat obtékat (v mobilu ale ne, tam bude každý obrázek přes celý blok). Obsahové obrázky nesoucí důležité informace, například grafy, technické výkresy, je vhodné vkládat přes celou plochu stránky. Při zachování příjemné délky řádku (viz tento příklad), doporučujeme spíše obrázky neobtékat.

Vždy je vhodné myslet na celkovou velikost – žádný vkládaný obrázek by neměl být na stránce vyšší, než je výška viewportu – pro prohlížení obrázku pak uživatel nemusí scrollovat stránkou. Obrázek, který by toto pravidlo porušoval, je nutné při vkládání změnšit.

Alt obrázku
Obrázek by měl mít popisek – právě popisky obrázků patří mezi obsah, který si uživatelé čtou přednostně.

H4: Jak na textové seznamy?

Grafika a administrace musí umožnit vkládání textových seznamů. Odrážkovaných i číslovaných, a to včetně zanořených podseznamů. V návrhu grafiky je nutné dát pozor na to, aby v případě seznamů odkazů bylo vdotykových zařízeních (mobil, tablet) dostatečné odsazení jednotlivých řádků – tak aby i silný prst při tapnutí klikl vždy jen na jeden řádek, nikoli na více najednou.

  • Zkouška nečíslovaného seznamu
  • Zkouška nečíslovaného seznamu druhá položka
  • Zkouška nečíslovaného seznamu třetí položka, tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. Tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. To by mohlo stačit.
H5: A pak jsou tu různé tabulky

Do velké míry jejich podobu určí grafik, při jejich tvorbě je ale potřeba pohlídat na dostatečnou výšku polí, na odsazení textu od okrajů a na chování tabulky na mobilních zařízeních.

Pokud je tabulka delší než šířka viewportu, zafixujeme její levý okraj a případně i levý sloupec s parametry. Ve zbytku tabulky je možné horizontálně scrollovat. Pro tyto případy je nutné zobrazit v tabulce scrollbar tak, aby ho uživatel viděl.

Záhlaví tabulkyZáhlaví tabulkyZáhlaví tabulky
ParametrHodnotaHodnotaHodnota
ParametrHodnotaHodnotaHodnota
ParametrHodnotaHodnotaHodnota
ParametrHodnotaHodnotaHodnota
I tabulka by měla mít popisek

Další text musí být členěn na kratší obsahové bloky – odstavce. Příliš dlouhé bloky se obtížně čtou. Krátké úseky textu členěné pomocí podnadpisů lze rychle „skenovat“ pohledem, pro vyhledání konkrétní požadované informace. V textu mohou být krátké části zvýrazněné vytučněním nebo delší části textu zvýrazněné kurzívou.



Mohly by vás zajímat další články ze stejné rubriky

3minutové čtení

Ahoj světe

Perex článku, nějaký text uvozující článek, shrnuje nejpodstatnější body, nakousává téma, vzbuzuje zvědavost, neříká vše, to podstatné vytečkuje…

5minutové čtení

Třetí příspěvěk

Perex článku, nějaký text uvozující článek, shrnuje nejpodstatnější body, nakousává téma, vzbuzuje zvědavost, neříká vše, to podstatné vytečkuje…