připomenutí předchozí hodiny a uvedení problému „Vizuální hierarchie, kontrast a kompozice“. 5–12 min: stručná teorie – hierarchie, kontrast, zarovnání, opakování, prázdný prostor, kompozice. 12–18 min: společná ukázka prvního kroku a kontrolních kritérií. 18–36 min: samostatná práce nebo práce ve dvojici – Přepracovat záměrně nepřehledný snímek ve dvou variantách a vybrat lepší řešení. 36–41 min: vzájemná kontrola podle zadání a oprava zjištěné chyby. 41–45 min: uložení výstupu (Původní a dvě opravené varianty), krátký exit ticket a pojmenování dalšího kroku.
Prezentování a vizuální komunikace · 45 minut
Vizuální hierarchie, kontrast a kompozice
Žák opraví nepřehledný snímek podle zásad vizuální komunikace.
00
ČASOVÁ OSA
Struktura 45minutové hodiny
01
VIDEO LEKCE
Ukázka a vysvětlení postupu
▶
Video je připravené k doplnění
Video ukáže princip, první kroky, kontrolu a typickou chybu. Nebude obsahovat celý hotový upravitelný úkol.
provider: youtube · youtubeId: ""02
STUDIJNÍ MATERIÁL
Výklad: z čeho se učíš
Prezentace není dokument rozdělený na snímky. Snímek podporuje mluvené sdělení, vede pozornost a používá text, obraz nebo graf jen tehdy, když pomáhají publiku porozumět.
Nejdříve se plánuje hlavní sdělení a pořadí částí. Teprve potom se vybírá nástroj, rozvržení, písmo, obraz a způsob exportu.
Vizuální hierarchie ukazuje, co má divák vidět první, druhé a třetí. Kontrast odlišuje prvky, zarovnání je spojuje, opakování vytváří systém a prázdný prostor zabraňuje přeplnění. Kompozice je celkové uspořádání prvků na ploše.
Praktická část vede k výstupu „Původní a dvě opravené varianty“. Práci kontroluj podle kritérií: Čitelnost, hierarchie, práce s prostorem a zdůvodnění. Každý krok musí být možné doložit otevřeným souborem, správným nastavením nebo krátkým vysvětlením.
Nejčastější rizika této hodiny jsou: Přidávání efektů místo odstranění chaosu. Nedostatečný kontrast mezi textem a pozadím. Proto je důležitá závěrečná kontrola před odevzdáním.
Slovníček pojmů
hierarchie
Uspořádání prvků podle důležitosti tak, aby bylo jasné, kam se dívat nejdříve.
kontrast
Rozdíl mezi prvky, například textem a pozadím, který umožňuje jejich rozlišení.
zarovnání
Umístění textu nebo objektů vůči společné hraně či ose.
opakování
Záměrné používání stejných vizuálních prvků, které vytváří jednotnost.
prázdný prostor
Volná plocha kolem prvků, která zlepšuje orientaci a zdůrazňuje důležité části.
kompozice
Celkové rozmístění a vzájemné vztahy prvků na ploše.
03
ŘÍZENÁ PRÁCE
Postup krok za krokem
- 01
Otevři určené prostředí a ve své projektové složce vytvoř nebo otevři pracovní soubor pro tuto hodinu.
- 02
Najdi hlavní sdělení.
- 03
Odeber nepodstatný text.
- 04
Vytvoř variantu založenou na obrazu.
- 05
Vytvoř variantu založenou na výrazném textu.
- 06
Porovnej hierarchii, kontrast, kompozici a čitelnost.
- 07
Ulož pracovní verzi pod jednoznačným názvem obsahujícím číslo hodiny, téma a verzi.
- 08
Porovnej výsledek s kontrolními kritérii, oprav alespoň jednu nalezenou chybu a odevzdej požadovaný výstup.
04
PRACOVNÍ PODKLADY
Stáhni si soubory, se kterými budeš pracovat
Náhled ukazuje pouze strukturu a typ výsledku. Hotové upravitelné řešení ve studentské části není.
Důležité: Podklady jsou vstupy k práci, nikoli kompletní řešení. Vlastní výsledek musí vzniknout podle zadání, testu a reflexe.
05
OTEVŘENÉ ODPOVĚDI
Pracovní list
1. Startovací otázkaStačí 2–3 věty. Nehodnotí se předchozí znalost, ale schopnost pojmenovat výchozí představu.
Co už o tématu „Vizuální hierarchie, kontrast a kompozice“ víš? Napiš jeden příklad z běžného života nebo ze školy.
2. Práce s pojmyNepřepisuj pouze definici. Ukaž, jak se pojem projeví v konkrétní situaci.
Vysvětli vlastními slovy alespoň tři pojmy: hierarchie, kontrast, zarovnání, opakování, prázdný prostor, kompozice. Ke každému přidej krátký příklad.
3. Modelová situaceUveď, podle jakého pravidla nebo kritéria ses rozhodoval/a.
Snímek obsahuje dlouhý odstavec, několik barev, malý obrázek a nejasný nadpis. Popiš své rozhodnutí a zdůvodni ho.
4. Plán praktické prácePostup má mít jasný začátek, jednotlivé kroky a očekávaný výsledek.
Rozepiš vlastní postup k zadání: Přepracovat záměrně nepřehledný snímek ve dvou variantách a vybrat lepší řešení.
5. SebekontrolaPřeveď hodnoticí kritéria na konkrétní kontrolní otázky.
Podle čeho poznáš, že je práce hotová správně? Vycházej z kritérií: Čitelnost, hierarchie, práce s prostorem a zdůvodnění.
6. Exit ticketOdpověď má být konkrétní a vztahovat se k dnešnímu tématu.
Napiš jednu věc, kterou už umíš, jednu chybu, které se chceš vyhnout, a jeden další krok.
06
PRAKTICKÁ PRÁCE
Vizuální hierarchie, kontrast a kompozice
Snímek obsahuje dlouhý odstavec, několik barev, malý obrázek a nejasný nadpis. 1. Najdi hlavní sdělení. 2. Odeber nepodstatný text. 3. Vytvoř variantu založenou na obrazu. 4. Vytvoř variantu založenou na výrazném textu. 5. Porovnej hierarchii, kontrast, kompozici a čitelnost.
Očekávaný výstup
Původní snímek, dvě opravené varianty a zdůvodnění volby.
07
DŮKAZ O UČENÍ
Odevzdání praktického úkolu
Více souborů
Původní a dvě opravené varianty
Dokonči praktickou práci a odevzdej důkaz: Původní a dvě opravené varianty. Stáhni pouze pracovní podklady, zpracuj je samostatně a před odevzdáním projdi kontrolní kritéria. Hotové řešení je dostupné jen v učitelské části.
Zatím nebyl vybrán žádný soubor.
V samostatném HTML se ukládají odpovědi a názvy vybraných souborů pouze do tohoto prohlížeče. Skutečný upload provede aplikace Kurzy/Studio.
08
ZÁVĚREČNÁ KONTROLA
Test
09
REFLEXE
Co si z lekce odnášíš
Dokončeno neznamená pouze vytvořeno. Po dokončení lekce žák prokáže cíl odevzdáním výstupu: Původní a dvě opravené varianty. Výsledek porovná se vzorem a zkontroluje podle uvedených kritérií.