Kapitola 5 - Design účinného slidu
Motivace
Design slidu není jen otázka vkusu. Dobrý design říká publiku, co je důležité, co spolu souvisí a v jakém pořadí má informace číst. Špatný design naopak přidává šum. Publikum musí hádat, kam se dívat, a část energie spotřebuje na orientaci místo na porozumění.
Design účinného slidu můžeme rozdělit do tří oblastí: arrangement, visual elements a movement. V této kapitole se zaměříme hlavně na první dvě oblasti.
Co se naučíš
- používat rozmístění prvků jako nositele významu,
- rozlišit kontrast, hierarchii, jednotu, prostor, blízkost a tok,
- pracovat s pozadím, barvou, textem a obrázky,
- poznat, kdy slide obsahuje příliš mnoho prvků,
- navrhnout čitelný slide s jasnou pointou.
Výklad
Arrangement: význam vzniká rozmístěním
Umístění prvků na slidu ovlivňuje, jak je publikum pochopí. Dva prvky blízko sebe působí, že spolu souvisí. Větší prvek působí důležitěji než menší. Prvek nahoře nebo vlevo může být vnímán jako začátek. Prázdné místo pomáhá oku odpočinout a odlišit části od sebe.
Základní principy:
| Princip | Co říká publiku |
|---|---|
| kontrast | toto je jiné nebo důležité |
| hierarchie | toto je hlavní, toto je vedlejší |
| jednota | tyto části patří k sobě |
| prostor | tady má oko čas a místo |
| blízkost | tyto prvky spolu souvisí |
| tok | čti nebo sleduj tímto směrem |
Kontrast
Kontrast pomáhá publiku rychle poznat hlavní bod. Může vzniknout velikostí, tvarem, barvou, odstínem nebo umístěním. Kontrast ale musí mít důvod. Když zvýrazníš náhodný prvek jen proto, že to vypadá zajímavě, publikum dostane falešnou stopu.
Dobrá otázka:
Co má být první věc, které si publikum všimne?
Pokud odpověď není jasná, slide potřebuje upravit.
Hierarchie
Hierarchie ukazuje vztahy mezi prvky. Nadpis, hlavní číslo, doplňkový text a poznámka nemají mít stejnou vizuální váhu. Publikum by mělo i z dálky poznat, co je hlavní sdělení a co je jen podpora.
Hierarchii vytváříme například:
- velikostí písma,
- tloušťkou řezu,
- umístěním,
- množstvím volného prostoru,
- barvou nebo odstínem,
- pořadím odhalování.
Visual elements
Budeme pracovat se čtyřmi základními složkami slidu:
| Složka | Role |
|---|---|
| background | vytváří plochu a kontext, nemá soutěžit s obsahem |
| color | pomáhá odlišit, sjednotit nebo zvýraznit |
| text | nese přesná slova, ale má být rychle čitelný |
| images | ukazují situaci, emoci, objekt nebo metaforu |
Pozadí
Pozadí není hlavní obsah. Má vytvořit klidnou plochu, na které ostatní prvky vyniknou. Rušné pozadí, výrazná textura nebo dekorativní obrázek může způsobit, že text a grafy budou hůře čitelné.
Dobré pozadí:
- nepřebíjí text,
- nechává dost kontrastu,
- odpovídá náladě prezentace,
- pomáhá jednotnému vzhledu.
Barva
Barva má být záměrná. Může vyznačit kategorii, zvýraznit důležitou hodnotu nebo vytvořit jednotný styl. Příliš mnoho barev ale působí chaoticky. V běžné školní prezentaci často stačí neutrální základ, jedna hlavní barva a jedna barva pro zvýraznění.
Barvu nikdy nepoužívej jako jediný nositel informace. Část publika může mít horší zrak, sedět daleko nebo vnímat barvy jinak. Když je něco důležité, pomoz si také popisem, tvarem, umístěním nebo kontrastem světlosti.
Text
Text na slidu má být rychle zpracovatelný. Pokud publikum čte dlouhé věty, přestává poslouchat. To neznamená, že na slidu nesmí být žádná slova. Znamená to, že každé slovo má mít práci.
Praktický postup pro zkrácení textu:
- Vyber slide s příliš dlouhým textem.
- Zvýrazni v každé odrážce jedno klíčové slovo.
- Zkus prezentovat jen podle zvýrazněných slov.
- Odstraň zbytek textu.
- Nech na slidu jen slova, čísla nebo fráze, které ti pomáhají mluvit.
Obrázky
Obrázek má nést význam. Může ukázat reálný objekt, situaci, srovnání, detail nebo emoci. Slabý obrázek je takový, který by šel vyměnit za libovolný jiný bez změny sdělení.
Při výběru obrázku se ptej:
- Co přesně tento obrázek vysvětluje?
- Je čitelný i z dálky?
- Nepřebíjí text?
- Je použit legálně a s ohledem na licenci?
Praktický úkol
Vytvoř dvojici slidů na stejné téma:
- První slide udělej záměrně špatně: příliš mnoho textu, slabá hierarchie, rušné pozadí.
- Druhý slide navrhni podle principů této kapitoly.
- Přidej krátké vysvětlení, co jsi změnil a proč.
- Nech spolužáka určit hlavní pointu obou slidů během pěti sekund.
Tahák
| Když slide nefunguje | Zkus |
|---|---|
| není jasné, co je hlavní | zesílit kontrast a hierarchii |
| prvky vypadají náhodně | upravit blízkost a zarovnání |
| slide působí přeplněně | přidat prostor a ubrat obsah |
| text je špatně čitelný | zvětšit písmo a zjednodušit pozadí |
| barvy ruší | omezit paletu |
| obrázek je jen dekorace | vyměnit ho za významový prvek |
Co už umím
- Vysvětlím, jak rozmístění prvků vytváří význam.
- Použiju kontrast k určení hlavního bodu.
- Vytvořím vizuální hierarchii.
- Zkrátím text tak, aby slide nebyl `slidedument`.
- Vyberu obrázek, který podporuje sdělení.
Návaznost na ŠVP
- tvorba a úprava digitálního obsahu,
- práce s multimediálními prvky,
- estetická a funkční stránka digitálního výstupu,
- prezentace a kritické hodnocení vlastní práce.