Digitální výukový materiál zpracovaný v rámci projektu „EU peníze školám“

1. Digitální výukový materiálzpracovaný v rámci projektu „EU peníze školám“ Projekt: CZ.1.07/1.5.00/34.0386 „SŠHL Frýdlant.moderní školy“ Škola: Střední škola hospodářská a lesnická, Frýdlant Bělíkova 1387, příspěvková organizace Šablona: III/2 Sada: VY_32_INOVACE_ICT.3.26 Estetické zásady grafické kompozice Vytvořeno: 04. 10. 2013 Ověřeno: 24. 10. 2013 Třída: 3.OA, 3.VE

2. Estetické zásadygrafické kompozice Vzdělávací oblast: Vzdělávání v informačních a komunikačních technologiích Předmět: Informační a komunikační technologie Ročník: 3. Autor: Bc. Aleš Přikryl Časový rozsah: 1 vyučovací hodina Pomůcky: počítač, dataprojektor Klíčová slova: estetické zásady, kompozice, zarovnání, kontrast, blízkost, opakování Anotace:Materiál seznamuje žáky se základními estetickými principy grafické kompozice.

3. …cílem není ovládání grafických programů,ale kvalitně upravený dokument…

4. 4 základní principy • Zarovnání • Kontrast • Blízkost • Opakování

5. 1. Zarovnání • vnáší řád a přehlednost • propojuje jednotlivé prvky • využití vodících linek • každý prvek by měl být viditelně zarovnán vůči jiným prvkům

6. [1]

7. 2. Kontrast • netýká se jen barev • prvky, které nejsou úplně stejné,musí být výrazněodlišné     Arial 36 Calibri 28 Arial 36 Times New Roman 20

8. 3. Blízkost • skupiny prvků, které k sobě logicky patří,mají být blízko sebe i v dokumentu • skupiny mají být navzájem odděleny(např. bílou plochou)

9. 3. Blízkost Nákup: rohlíky 10 ks Ovoce Pečivo jablka 1kg chléb veka hrušky 1kg banány3kg • Nákup • Ovoce • jablka 1 kg • hrušky 1 kg • banány 3 kg • Pečivo • rohlíky 10 ks • chléb • veka  

10. 4. Opakování • opakování stejných prvků(písmo, linky, barvy, tvary…)v celém dokumentu, díle, sérii, … • vzbuzuje pocit pořádku • zvyšuje přehlednost

11. [2]

12. Opakování

13. 1. Zásada blízkosti znamená: • podobné prvky se musí dotýkat • skupiny prvků, které logicky patří k sobě, by měly být u sebe • nejlépe je používat podobná písma

14. 2. Zásada kontrastu říká: • v dokumentu se používají pouze černobílé fotografie • není dobré mít mírně odlišné prvky v podobném barevném provedení • nejlépe je používat pouze černou a bílou barvu

15. 3. Pro zarovnání platí: • vnáší řád a přehlednost • je synonymem pro ořez • používá se pouze u textových polí

16. Správné odpovědi

17. 1. Zásada blízkosti znamená: • podobné prvky se musí dotýkat • skupiny prvků, které logicky patří k sobě, by měly být u sebe • nejlépe je používat podobná písma

18. 2. Zásada kontrastu říká: • v dokumentu se používají pouze černobílé fotografie • není dobré mít mírně odlišné prvky v podobném barevném provedení • nejlépe je používat pouze černou a bílou barvu

19. 3. Pro zarovnání platí: • vnáší řád a přehlednost • je synonymem pro ořez • používá se pouze u textových polí

20. Použité zdroje • Obrazová kompozice. Wikipedie: Otevřená encyklopedie [online]. [cit. 2013-10-04]. Dostupné z: http://cs.wikipedia.org/w/index.php?title=Obrazov%C3%A1_kompozice&oldid=10989641 • Princip symetrie. Wikipedie: Otevřená encyklopedie [online]. [cit. 2013-10-04]. Dostupné z: http://cs.wikipedia.org/w/index.php?title=Princip_symetrie&oldid=10999939 • Princip kontrastu. Wikipedie: Otevřená encyklopedie [online]. [cit. 2013-10-04]. Dostupné z: http://cs.wikipedia.org/w/index.php?title=Princip_kontrastu&oldid=10754746 Pokud není uvedeno jinak, jsou použité objekty vlastní originální tvorbou autora. Materiál je určen pro bezplatné používání pro potřeby výuky a vzdělávání na všech typech škol a školských zařízení. Jakékoliv další využití podléhá autorskému zákonu. Veškerá vlastní díla autora (fotografie, videa) lze bezplatně dále používat i šířit při uvedení autorova jména.

21. Použité zdroje • Princip role. Wikipedie: Otevřená encyklopedie [online]. [cit. 2013-10-04]. Dostupné z: http://cs.wikipedia.org/w/index.php?title=Princip_role&oldid=10754732 • Princip rytmu. Wikipedie: Otevřená encyklopedie [online]. [cit. 2013-10-04]. Dostupné z: http://cs.wikipedia.org/w/index.php?title=Princip_rytmu&oldid=10754769 Pokud není uvedeno jinak, jsou použité objekty vlastní originální tvorbou autora. Materiál je určen pro bezplatné používání pro potřeby výuky a vzdělávání na všech typech škol a školských zařízení. Jakékoliv další využití podléhá autorskému zákonu. Veškerá vlastní díla autora (fotografie, videa) lze bezplatně dále používat i šířit při uvedení autorova jména.

22. Použitý obrazový materiál [1] LLEWELLYN, Gavin. The perfect landing page [INFOGRAPHIC]. Flickr – Photo Sharing! [online]. [cit. 2013-10-04]. Dostupné pod licencí Creative Commons z: http://www.flickr.com/photos/gavinjllewellyn/6924415704/sizes/c/ [2] Rdsmith4. The Great Books of the Western World. Wikimedia [online].[cit. 2013-10-04]. Dostupné pod licencí Creative Commons z: http://commons.wikimedia.org/wiki/File:Great_Books.jpg Pokud není uvedeno jinak, jsou použité objekty vlastní originální tvorbou autora. Materiál je určen pro bezplatné používání pro potřeby výuky a vzdělávání na všech typech škol a školských zařízení. Jakékoliv další využití podléhá autorskému zákonu. Veškerá vlastní díla autora (fotografie, videa) lze bezplatně dále používat i šířit při uvedení autorova jména.