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.
V textu také může být umístěný hypertextový odkaz, který musí být být odlišen barevně, podrtžením. Doporučuje se odkaz zvýraznit ještě při přejezdu kurzorem vizuální změnou, například změnou barvy. Jinou barvu by měl mít i navštívený odkaz.
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ř
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.
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í tabulky | Záhlaví tabulky | Záhlaví tabulky | |
|---|---|---|---|
| Parametr | Hodnota | Hodnota | Hodnota |
| Parametr | Hodnota | Hodnota | Hodnota |
| Parametr | Hodnota | Hodnota | Hodnota |
| Parametr | Hodnota | Hodnota | Hodnota |
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.
