Základy grafického návrhu

Základy grafického návrhu 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

jaro 2006

Základy grafického návrhu

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

jaro 2006


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

jaro 2006


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á

jaro 2006

•

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í jaro 2006

Jasné tóny vystupují dopředu, Pastelové ustupují do pozadí Základy grafického návrhu

6

Symbolika barev v západních kulturách černá

smutek, smrt, podsvětí, slavnostní barva (Španělsko)

bílá

nevinnost, čistota, stárnutí, smrt

žlutá

nemoc, lest, zrada, nevěra, pýcha, krutost

zelená

naděje svět pocitů, příroda, žárlivost

modrá

přátelství, mír, rozjímání, voda, chlad, obloha,intelekt, nekonečno

rudá

boj, válka, činorodost, mužství

červená

láska,

zlatá

vznešenost, rozum, nesmrtelnost

jaro 2006


7

Působení barev žlutá

povzbuzuje, přináší otevření, působí vesele. Pocit harmonie a souladu

zelená

světlá – chlad, vlhko, ticho tmavá – uklidňuje, ale i omezuje, pocit bezpečí

modrá

světlá – působí přívětivě, zklidňuje tmavá – klid, smutek, rozjímání

fialová

světlá – magická, melanchonická, tmavá - neklidná, tajemná, znepokojivá

oranžová

představa sluníčka, tepla, úrody, bohatství. Pocit radosti

červená

vzrušující, silná a mocná barva, probouzí energii rudá vyvolává pocit majestátnosti, důstojnosti, povzbuzuje

hnědá

střízlivá, vážná, solidní. Pocit domova, jistoty a pořádku

bílá -> černá

neutrálnost, pokora, netečnost, chudoba

jaro 2006


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é

jaro 2006

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 jaro 2006


10

Tvary a jejich působení Tvar

Pohlaví Viditelnost muž žena muž žena muž žena muž žena

jaro 2006

nízká

vysoká

vysoká

vysoká

Poutavost

Oblíbenost

nízká

vysoká nízká

pevnost, jistota, těžkost, drsnost, předvídatelnost

vysoká

nízká

mystika, hrozba, vzrušení, moc, násilí, nebezpečí

vysoká

nízká vysoká

něžnost, slabost, jemnost, láska, teplo

vysoká


vysoká

Asociace

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 jaro 2006


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

šikmá – diagonála - způsobuje napětí a neklid - dynamické působení vodorovná – horizontála - nejlépe odpovídá našemu vnímání - racionalita - dojem horizontu, země

jaro 2006


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

jaro 2006


14

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

jaro 2006


15

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

jaro 2006


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

jaro 2006


17

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

jaro 2006


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čí?

jaro 2006


19

Zlatý řez geometricky:

2. “Zlaté body” první upoutají pozornost

matematicky:

x= 0,62

a-x =

0,38

0,38

kompozice s využitím zlatého řezu jaro 2006

0,62

středová kompozice


20

Základní pravidla kompozice Kam umístit stěžejní prvek ?

1. – optický střed - konstrukce

jaro 2006


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) jaro 2006


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ů 1. lidské postavy a jejich části 2. zvířata 3. věci

4. Rytmus 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 jaro 2006


23

Příklady grafických návrhů

3 1

4

2 1 – strojírenská společnost 2 – poukázka na nákup v parfumerii 3 – studio péče o zdraví 4 – finanční ústav jaro 2006


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) jaro 2006


25

Základy grafického návrhu

Recommend Documents