Manažerská grafika 01

1. Manažerská grafika 01 Aplikace výpočetní techniky Mgr. Milan Randák

2. Design - kompozice • je založenanavztahumezipotištěnou anepotištěnouplochouresp. najejichkontrastu • přehlednost, vyváženost, úhlednost, • rozvrženíplochy (rozvrženísnímku) • dleformátu a druhuprezentace

3. Design - kompozice • vhodnost • užitítextů, grafickýchprvků, obrázků • barva • přehlednost, vyváženost, rozvrženíplochy

4. Vztahy mezi prvky kompozice • Symetrie a asymetrie • Překrývání a seskupování objektů • Kontrast • Podobnost a protiklad • Rytmus

5. Symetrie a asymetrie • Symetrie • hlavníprvkynasvisléose • vhodné pro malémnožstvíprvků • v dokumentu, převážnětextu • nastředníosu • nejdůležitějšíprvek do optickéhostředu • vhodné pro slavnostní, klasickýcharakter

6. Symetrie a asymetrie • Asymetrie • u akcidenčníchdokumentů • plocha se rozdělína 9 základníchdílů a • textové a obrazovéprvky se umisťují • střídavěnapravou a levoustranu

7. Kontrast • bezkontrastů • systematickákonstrukcekompozice • klidný, důstojný, klasický, vyrovnanýdokument • s kontrasty • napětí, impulsy, změny, nezvyklétvary • např. malý - velký, hranatý - oblý, • statický - dynamický, rovný - křivý, pravidelný - nepravidelný, stabilní – labilní

8. Rytmus • Opakováníhlavníchkompozičníchprvkůpodleurčitéhosystému: • rovnoměrnýrytmus • vychýleníjednohoprvku - narušenírytmu

9. Podobnost a protiklad • nekonečnévariantytvarů • nutnohledatpodobnost - analogiitvaru • s vhodnýmtvarem a barevností • využívatabstrakce • vystiženícharakteristickýchznaků • využívatredukce • základnípředmětyjednohodruhu • bezdetailů

10. Harmonie dokumentu • Harmoniedokumentuzávisínavztazích: • meziprvkynavzájem • meziprvky a celkem • Volbadruhu, typu a řezupísma, zarovnání, prokladslov, písmen, řádků

11. Harmonie • výsledekzávisínaindividuálnímvnímání a vkusuuživatele • kompozicemůžepůsobitpříjemně, střídmě, klidněažnudně, naopakchaoticky, nelibě • stránky by mělybýtstabilní, vyvážené, optickylehce, • nepadat, nenaklánět se

12. Odstavec • Do bloku • tj. oboustranné • seriózní, klasické • u novin, časopisů, knih, akcidenčníchtisků • nevýhoda - ne do užšíchsloupců a přivětšímtypupísma, většíhustotaslov • Vlevo • neformální • časté, snadnočitelné • U prezentace

13. Odstavec • Na střed • stejnoměrnémezislovnímezeryiodstupypísmen, • slavnostní,kratšídokumenty, akcidenčnítisky • u prezentace • Volnátj. asymetrickáúprava • je zajímavá, ale obtížněčitelná

14. Stránka – slide • Přizlomustránky je nutnéřešit: • vznikvdov (prvnířádekodstavce, který je nastránceposlední) • sirotků (poslední, neúplnýřádekodstavce, který se nevešelnastránku a je jakoprvnínanásledujícístráncenebosloupci)

15. Barvy • barvypůsobína city • individuálně • významdanýhistorickouzkušeností • důležitá role přičtenídokumentů • černénabílém • ohleduplnébarvy • barvyovlivňujínašemínění

16. Barvy pestré (chromatické) • barvyaktivní • od žlutépřesčervenouaž k fialové • barvypasivní • od zelenéaž k modré • Barvyteplé • od žlutéaž k purpurové • útočné, dráždivé, unavující

17. Barvy pestré (chromatické) • Barvystudené • od modré až k zelené • světlemodrá • působípřívětivě, vyvolávápředstavuvzduchu, ticha a touhy • tmavěmodrá • klidná, vážnáažskličujícíbarva, navozujepocitdálky a hloubky, rozjímání

18. Barvy neutrální • bílá (tvrdá, střízlivá) • černá (plná) • odstínyšedé (tlumící, neutralizující) • stříbrná

19. Pozadí – světlé • Podporuječitelnost -kontrast • Přílišzářícípozadízvyšujeúnavu • U snímkůzávisí užitíbarvypozadínarozhodnutítvůrce a světelnýchpodmínkách • Přílišvýraznátapetazhoršuječitelnost - lepšíje čistépozadí

20. Pozadí – tmavé • Podporujeestetikupřidobrémkontrastu • Přílišvelkýkontrastpísma a pozadízvyšujeúnavu • Působínaemoce • V případěhoršíchsvětelnýchpodmínek je obvyklelepšípozadísvětlé

21. Písmo • Soubor znaků tiskovéhho písma • Základní • Rozšířený • Kompletní

22. Znak • písmeno • číslice • interpunkční a diakritickáznaménka (akcenty) • symboly • drobnégraficképrvky • značkyměnovýchjednotek • znakynapř.: • pomlčka • dolní a horníuvozovky • matematickéznaky a dalšíprvky

23. Základní funkce písma • pro zvýšeníinformačníhoobsahudokumentu • čitelnost • čtenínesmíunavovat • musípůsobitesteticky

24. Čitelnost písma ovlivňuje • druhpísma • velikostpísma • prokladpísma • mezerymezijednotlivýmiznaky • nastavit u formátpísma - prokládánípísmavelikosti > 20 bodů • rozpalpísma • vzdálenost - mezerameziřádky

25. Čitelnost písma ovlivňuje • délkadolních a horníchdotahů • rozdíl v tloušťcevertikálních a horizontálníchtahů • tj. duktus - poměrtloušťkypísmovýchtahů k výšcepísma • šířkaznaku • mezislovnímezery • délkařádku

26. Druh písma • proporcionálnínapř. Times Roman • šířkypísmovýchznakůnejsoustejné, každýznakmápřidělenvlastníčtverčík • Čtverčík 72 bodů = 72b * 72b • neproporcionálnínapř. Courier • každýznakmápřidělenstejněvelkýčtverčík

27. Druh písma • Rozdělenípísmapodlezakončenítahů • patkovéserifovépísmo • bezpatkovébezserifovépísmo • kaligraficképísmo (Campaign), zdobné (Zapf Calligraphic, Arabia), lomené (Old Town, Village, American Text AT)

28. Typ písma • pojmenováníkonkrétníhopísmajehopřesnýmnázvem • (font =znakovásada) • např. Times New Roman

29. Řez písma • tj. konkrétníverzezákladníhotypupísma • např. kurzíva, rozšířené • Řezymohoubýtspecifikoványpodle • váhypísma • šířkypísma • stylupísma

30. Řez písma • Řezypodleváhypísma • normální • tučné • kurzívní • polotučnákurzíva

31. Rodina písma • tj. skupinatypůpísmaodvozená od základníhotypuvytvořená v různýchkresebnýchvariantách, tj. v různýchřezechpísma • např. rodina Times New Roman

32. Grafika Základní rozdělení: • Vektorová grafika • Bitmapová (rastrová) grafika

33. Vektorová grafika • Vektorová grafika označuje způsob ukládání obrazových informací v počítači. • V případě vektorové grafiky je obraz reprezentován pomocí geometrických objektů (body, přímky, křivky, polygony).

34. Vektorová grafika – výhody • Vektorová grafika má proti rastrové grafice některé výhody: • je možné libovolné zmenšování nebo zvětšování obrázku bez ztráty kvality • je možné pracovat s každým objektem v obrázku odděleně • výsledná velikost obrázku je obvykle mnohem menší než u rastrové grafiky • Vektorová grafika se používá zejména pro počítačovu sazbu, tvorbu ilustrací, diagramů a počítačových animací. Pro práci s vektorovu grafikou se používají zvláštní vektorové editory (např. Adobe Illustrator, Corel Draw, ZonerCallisto)

35. Bitmapová (rastrová) grafika • V bitmapové grafice je celý obrázek popsán pomocí jednotlivých barevných bodů (pixelů). • Body jsou uspořádány do mřížky. • Každý bod má určenu svou přesnou polohu a barvu. • Tento způsob popisu obrázků používá např. televize nebo digitální fotoaparát. • Kvalitu obrázku ovlivňuje především rozlišení a barevná hloubka. • Rozmístění a počet barevných bodů obvykle odpovídají zařízení, na kterém se obrázek zobrazuje (monitor, papír). Pokud se obrázek zobrazuje na monitoru, stačí rozlišení 72 DPI, pro tisk na tiskárně 300 DPI.

36. Bitmapová grafika – nevýhody • Nevýhody bitmapové grafiky: • velké velikosti souborů (při velkém rozlišení a barevné hloubce může velikost obrázku dosáhnout několika megabytů – to neplatí při užití komprimovaných formátů) • změna velikosti (zvětšování obrázku) vede ke zhoršení obrazové kvality obrázku • tzn. zvětšování obrázku je možné jen v omezené míře, neboť při větším zvětšení je na výsledném obrázku patrný rastr • zmenšením obrázku se „část pixelů zapomene“

37. Co je myšlenková mapa • Technika, která používá přirozený způsob vizuálního myšlení k organizaci, strukturování a reprezentaci informací a myšlenek v grafické podobě. • Využívá větvení, slova, obrázky, barvy a jiné grafické prvky.

38. Myšlenkové mapy

39. Od papíru k obrazovce (a zpět) • Dříve se používala tužka a papír, flipchart apod. • Softwarová aplikace zvyšuje inovativní a kreativní potenciál pracovníků, umožňuje zachycení a sdílení znalostí. • Velké mapy – na obrazovce se stávají nepřehlednými - tisknout a slepit

40. Co je vizuální myšlení? • Koncept založený na výzkumu fungování mozku. • Stimulace smyslů (zrak, hmat) a emocí zvyšující kreativitu • Zkrácení doby, snížení námahy a stresu, růst produktivity.

41. Levá a pravá mozková hemisféra • Levá - lineární, logické, analytické, kvantitativní, racionální a verbální myšlení • Pravá - nelineární, holistické (celostní), intuitivní, imaginativní a neverbální myšlení • Zapamatování a kreativita se posilují, pokud stimulujeme obě strany mozku. Tradiční, na textu založené postupy, využívají „levý“ mozek, „pravý“ se zapojuje, pokud užíváme hierarchické struktury, prostorové prvky, symboly, barvy. • „Visuální těsnopis“ – stimuluje a zjednodušuje komunikaci, podněcuje kreativní myšlení  lepší projekty, výrobky, služby, rozhodnutí

42. Omezenost myšlení • Schopnost logického uspořádání informací a znalostí je podmínkou úspěchu v informační a znalostní společnosti • Mozek umí mnohem účinněji pracovat s vizuální informací • Tradiční lineární způsob myšlení zleva doprava, shora dolů má svá omezení. Schopnost porozumět psanému textu není totéž jako jeho „našprtání“ – je třeba se naučit „vytáhnout“ to, co je důležité, hledat vztahy mezi myšlenkami.

43. Výhody myšlenkových map • Nejvhodnější způsob organizace myšlenek, používá celostní reprezentace. • Přirozeným způsobem zvyšuje aktivitu duševních činností • Přirozeným způsobem posiluje paměť, koncentraci, kreativitu, inovativní myšlení. • Usnadňuje pochopení souvislostí • Usnadňuje strukturální a teoretickou analýzu složitých problémů. • Podporuje rychlejší a snazší absorbování a zpracování informací.

44. Použití MM • Tvorba různých typů zpráv • Organizace myšlenek při psaní zpráv • Analýza vztahů mezi prvky podnikatelského plánu. • Efektivní plánování projektů • Lepší příprava jednání • Příprava poznámek pro projev, referát • Stanovení priorit činností v projektu

45. Použití MM • Vytvoření strukturální mapy podniku • Navrhování projektů • Prezentace výsledků projektu • Organizace počítačových souborů podle kategorií • Propojení různých projektových dokumentů s mapou • Plánování událostí (schůzky, návštěvy, cesty, …) • Mapa může být názornější než tradiční dokument

46. Popis tvorby MM • Začněte ve středu papíru hlavním námětem • Využijte obrázků, symbolů, kódů • Vyberte hlavní témata a zdůrazněte pomocí velkých a malých písmen • Využijte barev • Vytvořte si svůj osobní styl tvorby myšlenkových map