Základy grafického návrhu



Podobné dokumenty
Počítačové formy projekce jsou: promítání snímků na obrazovce počítače, promítání snímků z počítače na plátno,

1 Úvod 3. 2 Barvy Základní barva Doplňková barva Typografie Písmo... 6

Grafická a multimediální laboratoř KOMPOZICE 2A.

Jméno autora: Mgr. Jitka Bílková Datum vytvoření: Číslo DUMu: VY_32_INOVACE_09_AR1

Grafická a multimediální laboratoř KOMPOZICE 2B.

Ergonomie softwaru. Hana Bydžovská

GRAFICKÝ NÁVRH WEBOVÉ STRÁNKY. Lenka Bednaříková

Seminář z webdesignu. Barvy. Hana Bydžovská

PIKTOGRAM GRAFICKÝ MANUÁL

Logomanuál. pravidla používání značky

Koncepce jednotného vizuálního stylu Libereckého kraje LOGOTYP

NOVINKA 12 ODSTÍNŮ A BÍLÁ

Základní pravidla pro tvorbu prezentací

Ústředním motivem logotypu UP AIR je vysílač, který představuje litera A. Ta je ztvárněna pomocí grafické zkratky trojúhelníku.

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Vztahy mezi barvami. Vodomalba

Vysoká škola báňská Technická univerzita Ostrava Fakulta strojní. Prezentace. Personální kompetence 2. přednáška 1/14

Konkretizovaný výstup Konkretizované učivo Očekávané výstupy RVP

Analytická studie úprav fasád objektů v rámci regenerace Jižního Města. Opatov sever. Ing.arch. Gabriela Elichová

Výtvarná výchova. Barevný svět kolem nás, barvy které známe

Účel publikace. Rozhoduje o základní volbě typografické úpravy celého textu. Je ovlivněn:

Stručný průvodce výstavou Grafické návrhy loga českého předsednictví

Tento stručný grafický manuál značky slouží jako základní informační zdroj o logotypu projektu na rovinu, jeho variantách a použití.

Logomanuál. Obsah. Symbolika 2 Symbol 3 Logo 4 Proporce 5 Ochranné zóny 6 Písmo a barvy 7 Černobílé a inverzní logo 8 Zakázaná manipulace 9

Centrum technického celoživotního vzdělávání při VŠCHT Praha PREZENTACE S VYUŽITÍM POČÍTAČE

Výtvarná výchova - 1. ročník

Příloha č. 9 VÝTVARNÁ VÝCHOVA

Dny víry Manuál loga a vizuálního stylu. Anežka Churaňová, Arcibiskupství pražské 2014

VÝTVARNÝ PROJEKT GYMNÁZIUM FRANTIŠKA ŽIVNÉHO BOHUMÍN

Počítačová grafika. Studijní text. Karel Novotný

Výstupy Učivo Průřezová témata

Obsah. Úvod 9 Co v knize najdete 9 Komu je kniha určena 9 Konvence užité v knize 9 Vzkaz čtenářům 10 Typografické konvence použité v knize 11

BARVY. použití vhodných barev vytvořit vizuálně zajímavější. použitou barevnou paletu na 1 ks výrobku je dobré omezit

Základy kompozice. 1. Rovnováha. 2. Symetrie

Příloha č. 9 VÝTVARNÁ VÝCHOVA

MANUÁL VIZUÁLNÍHO STYLU. Grafický manuál Státního pozemkového úřadu

Střední průmyslová škola na Proseku

Pravidla pro práci se značkou Nadace OKD

Dříve měla kuchyně v obydlí zcela zásadní význam. Dnes lidé

Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky

Téma: Barevné modely, formáty souborů

Sex v počítačových hrách

Výtvarná výchova. 9. ročník. Zobrazování přírodních forem. Giuseppe Arcimboldo

Využití informačních technologií v cestovním ruchu P4

Základy tvorby velkoplošné prezentace

Obraz v domácnosti. Pravidla umístění obrazu

Počítačová prezentace. Základní pojmy. MS PowerPoint

1 1 značka proporční schéma na čtvercové síti

Digitální fotografie. Mgr. Milana Soukupová Gymnázium Česká Třebová

IVT. Prezentace pravidla a postupy. 8. ročník

OBSAH HODINY : I. mandala úvodní informace

Analytická studie úprav fasád objektů v rámci regenerace Jižního Města. Opatov střed. Metro Opatov

Barevné specifikace logotypu MŽP. Ministerstvo životního prostředí České republiky

Manuál vizuálního stylu CENTROPROJEKT a.s. (v0.1) Zpracovalo Modest Studio modeststudio.cz /

Grafická a multimediální laboratoř KOMPOZICE 1. Úvod

Zásady a doporučení pro tvorbu prezentací SZŠ A VOŠ MERHAUTOVA 15, BRNO

MICROSOFT POWERPOINT 2010

manual_maly_b_fin :49 Stránka 1 hora pro prenos:desktop Folder:ZAT_n: Logotyp ZAT

manuál užití logotypu

/0/ Jednotný firemní styl. /1/ Logotyp Záložny CREDITAS. /2/ Varianty logotypu. /3/ Barevné varianty logotypu. /4/ Konstrukce logotypu

Kartografické výstupy z GIS

Možnosti potisku, grafické podklady k tisku a velikosti písma

SPORT LOGO MANUÁL CLUB PLZEŇ

Grafický manuál. ZŠ a MŠ Proseč

(mini) MANUÁL LOGOTYPU 2017

Mgr. Martin Škopek, Ph.D., katedra tělesné výchovy, PF UJEP

LOGO manuál. jednotného vizuálního stylu společnosti

Barevné modely, práce s barvou. Martin Klíma


Vzdělávací obor - Výtvarná výchova - obsah

Tvorba prezentací. Mgr. Ing. Marek Martinec

Digitální fotografie. Mgr. Milana Soukupová Gymnázium Česká Třebová

Počítačová grafika. OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely

ZÁSADY JEDNOTNÉHO VIZUÁLNÍHO STYLU ZÁSAHOVÝCH VOZIDEL ZDRAVOTNICKÉ ZÁCHRANNÉ SLUŽBY KRÁLOVÉHRADECKÉHO KRAJE

ESTETICKÁ A VÝTVARNÁ VÝCHOVA

EDA cz, z. ú. GRAFICKÝ MANUÁL základní verze

Design manual. Systém pro správu zakázek

Firemní identitou (corporate identity) se rozumí jednotný projev společnosti (instituce) jak

Logomanuál SPOLEČNOSTI ABRA

Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/

Brillant CREATIVE. interiérová tónovaná disperzní barva vhodná ke vzájemné kombinaci odstínů

MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU

František Pluháček Katedra optiky PřF UP v Olomouci

Logomanuál SPOLEČNOSTI ABRA

MINISTERSTVO ŠKOLSTVÍ, MLÁDEŽE A TĚLOVÝCHOVY. Učební osnova předmětu MATEMATIKA. pro nástavbové studium. varianta B 6 celkových týd.

Centrum pro regionální rozvoj České republiky 2008 MANUÁL VIZUÁLNÍ PREZENTACE

Grafické prvky. 1. Bod. 2. Linie. 3. Plocha

MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU

BAREVNÉ, MATERIÁLOVÉ A TVAROVÉ LADĚNÍ INTERIÉRU

MANUÁL VIZUÁLNÍHO STYLU

Tvorba prezentace. RNDr. Zbyšek Posel, Ph.D. katedra informatiky, PřF Univerzita J. E. Purkyně v Ústí nad Labem. Zbysek.Posel@ujep.

Obsah. Úvod Barevná kompozice Světlo Chromatická teplota světla Vyvážení bílé barvy... 20

obalový design grafický design P.O.P. design volná tvorba typografie kresba fotografie

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Grafický manuál značky a vizuálního stylu

Sazba knihy, časopisu

PowerPoint Kurz 2, 3. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/

Základní škola Fr. Kupky, ul. Fr. Kupky 350, Dobruška 5.7 UMĚNÍ A KULTURA VÝTVARNÁ VÝCHOVA - Výtvarná výchova 6.

Manuál jednotného vizuálního stylu

Zrak II. - Slepá skvrna, zrakové iluze a klamy

Transkript:

Martina Mudrová Přednáška předmětu Počítačová grafika duben 2006

Osnova přednášky 1. Obecné zásady pro přípravu grafického návrhu 2. Barvy a jejich působení 3. Tvary a jejich vliv na uživatele 4. Formát a kompozice díla 5. Jazykové prvky 6. Dodatky, shrnutí, příklady 2

Příprava grafického návrhu 1. IDEOVÁ PŘÍPRAVA GRAFICKÉHO DÍLA - stanovení cíle pro koho a k čemu je dílo určeno - promyšlení obsahové náplně a rozsahu - stanovení formy (elektronická, tištěná) -... 2. TECHNICKÁ ČÁST -výběr odpovídajících grafických prvků, jejich rozvržení - výběr barev, tvarů, fontů - volba skladby 3

Technické prostředky pro grafický návrh Jakými prostředky mohu ovlivnit výsledné působení grafického díla? barvy tvary kompozice návrhu kontrast formát díla rytmus a symetrie písmo 4

Elektronický x tištěný materiál pro tisk jou čitelnější i menší velikosti písma u tištěné verze je daný formát, monitory jsou v různé velikosti, s různým rozlišením běžná orientace formátu papíru a monitoru je odlišná rozlišení monitoru je přibližně dané a je podstatně nižší než u tisku možnost hypertextových odkazů u elektronické publikace rozdílné barevné modely pro monitor a tisk 5

Psychologické působení barev Max Luscher - zakladatel psychologie barev Ano, barva působí na podvědomí člověka. Jak? - velmi individuální - vliv kulturního prostředí, společenských konvencí, předchozích zkušeností, emocí, věku, pohlaví, fyziologických faktorů,... - ovlivňuje vnímání prostoru a teploty Základní charakteristiky barvy z pohledu psychologa: - teplé a studené barvy - jasné a tlumené (pastelové) tóny Jasné tóny působí dráždivě, Pastelové uklidňují Jasné tóny vystupují dopředu, Pastelové ustupují do pozadí 6

Symbolika barev v západních kulturách černá smutek, smrt, podsvětí, slavnostní barva (Španělsko) bílá žlutá zelená modrá rudá červená zlatá nevinnost, čistota, stárnutí, smrt nemoc, lest, zrada, nevěra, pýcha, krutost naděje svět pocitů, příroda, žárlivost přátelství, mír, rozjímání, voda, chlad, obloha,intelekt, nekonečno boj, válka, činorodost, mužství láska, vznešenost, rozum, nesmrtelnost 7

Působení barev žlutá zelená modrá fialová oranžová červená hnědá bílá -> černá povzbuzuje, přináší otevření, působí vesele. Pocit harmonie a souladu světlá chlad, vlhko, ticho tmavá uklidňuje, ale i omezuje, pocit bezpečí světlá působí přívětivě, zklidňuje tmavá klid, smutek, rozjímání světlá magická, melanchonická, tmavá - neklidná, tajemná, znepokojivá představa sluníčka, tepla, úrody, bohatství. Pocit radosti vzrušující, silná a mocná barva, probouzí energii rudá vyvolává pocit majestátnosti, důstojnosti, povzbuzuje střízlivá, vážná, solidní. Pocit domova, jistoty a pořádku neutrálnost, pokora, netečnost, chudoba 8

Barevné ladění harmonie použití sousedních barev kontrast použití barev ležících proti sobě harmonii a kontrast dotváří sytost a odstín barvy Příklady barevného ladění: monochromatické kontrastní 9

Praktické rady pro použití barev!nepodcenit! barvy jsou prvním, co uživatel vnímá - i při náhodném nebo pouze zběžném pohledu Připravit si předem barevné schéma (i více) Výběr barvy je vždy ovlivněn tématem Výběr barvy je ovlivněn také formou díla (tištěná x elektronická) Pro pozadí použít tlumené, pastelové barvy nebo studené barvy Teplé barvy použít pro navození přátelské atmosféry Červenou barvu použít pro upoutání pozornosti, vyvarovat se však jejího použití na velkých plochách Nepoužívat modrou pro zvýraznění a pro nadpisy Barva je vždy ovlivněna okolím 10

Tvary a jejich působení Tvar Pohlaví Viditelnost Poutavost Oblíbenost Asociace muž žena nízká nízká vysoká nízká pevnost, jistota, těžkost, drsnost, předvídatelnost muž žena vysoká vysoká nízká mystika, hrozba, vzrušení, moc, násilí, nebezpečí muž žena vysoká vysoká nízká vysoká něžnost, slabost, jemnost, láska, teplo muž žena vysoká vysoká vysoká příjemné zážitky, pocit bezpečí 11

Bod fixace výtvarných představ, statický koncentruje pozornost - čím je izolovanější, tím více přitahuje pozornost (využití jako odrážek) delší upnutí zraku k jednomu bodu unavuje mezi dvěma body vzniká napětí kmitání očí tři body působí rytmicky - navození plochy využitím více bodů lze navodit dynamiku 12

Úsečka, přímka skutečná zdánlivá - sjednocující prvek v kompozici -směřuje pozornost tenká čára protnutá silnou - slabá ustupuje do pozadí svislá vertikála - symbolizuje nekonečno a emoce - je páteří prostoru vodorovná horizontála - nejlépe odpovídá našemu vnímání - racionalita - dojem horizontu, země šikmá diagonála -způsobuje napětí a neklid - dynamické působení 13

Čtverec - čtverec, obdélník, zkosené rovnoběžníky a lichoběžníky - oblíbený tvar mužů - opěrný bod, stavební kámen pro další rozvoj - nízká oblíbenost u žen - tíha, drsnost, nepoddajnost - statičnost, dvojrozměrnost - vliv výplně (barva, textura) - vliv ohraničení zvýrazněná linie zdůrazňuje účinek 14

Trojúhelník - ostré úhly jsou alarmující -přitahují pozornost mužské vnímání tajemno ženské vnímání strach, hrozba 15

Kruh, kružnice, elipsa - oblíbený u žen - symbolizuje něhu, lásku, teplo, porozumění, klid 16

Ostatní křivky a plochy - neutrální pro obě pohlaví - mohou být velmi poutavé mohou umožnit soustředění pozornosti - pozor na modifikaci předchozích útvarů Ornament - dekorativní motiv, může být různě opakován -důsledné respektování a využívání plochy -může mít symbolický význam 17

Příklady vhodného užití tvarů Úkol: Nenápadně zvýraznit pravý bod Řešení: 18

Volba formátu, proporce proporce = poměr velikostí, vzájemný vztah rozměrů Který z následujících obdélníků je nejhezčí? 19

Zlatý řez 2. Zlaté body první upoutají pozornost geometricky: matematicky: 0,62 0,38 x=0,62 a-x = 0,38 kompozice s využitím zlatého řezu středová kompozice 20

Základní pravidla kompozice Kam umístit stěžejní prvek? 1. optický střed - konstrukce 21

Písmo, text, jazyk - písmo pojí myšlenku s tvarem! Srozumitelnost! - stylistická a jazyková úroveň! Čitelnost! - dostatečná velikost a konstrast s pozadím - volba fontů: - pro dlouhé texty patkové fonty - pro krátká sdělení apod. bezpatková - 3 fonty a dost! v jednom řádku max. 1 font celkem max. 1 ozdobný font - použití titulků a mezititulků - zvýraznění odstavců, slov, počátečních písmen (méně je někdy více) 22

5 poznatků reklamy 1. Velký prvek potlačuje své okolí - bude celková kompozice s jedním nebo více dominantními prvky? (Pozor na rozptýlení pozornosti!) - prvky v blízkosti dominantního zapadají 2. Směr čtení - první pohled padá do LH rohu 3. Psychologická hierarchie prvků 4. Rytmus 1. lidské postavy a jejich části 2. zvířata 3. věci pravidelnost uklidňuje nepravidelnost zvyšuje napětí, rozptyluje 5. Umístění obrázků, fotografií apod. - podobnost fotografií formátem (barevností, kontrastem) ->jednotnost -směr pohledu by neměl směřovat ven z formátu 23

Příklady grafických návrhů 1 2 3 4 1 strojírenská společnost 2 poukázka na nákup v parfumerii 3 studio péče o zdraví 4 finanční ústav 24

Zdroje 1. T. Gold, Psychologie vnímání tvarů - http://interval.cz/ (1/2006) 2. O. Čerba, Barvy na mapách http://gis.zcu.cz/studium/tka/slides/barvy_na_mapach.pdf (9/2005) 3. http://wellstyled.com/tools/colorscheme2/index-en.html... generátor barevných schémat 4. Z. Mirko a kol., Základy výtvarné výchovy, SPN Praha, 1987 5. D. Janne, Jak fotit http://www.fujisvet.cz (2005) 6. I. Nagyová, Užití zlatého řezu, Diplom. práce, 1995 7. http://www.typografie.unas.cz (1/2006) 25