Skip to content

Latest commit

 

History

History
517 lines (331 loc) · 19.9 KB

PV123.md

File metadata and controls

517 lines (331 loc) · 19.9 KB

Úvod

vizuální komunikace = úplně všechno, co vnímáme očima; potýká se s následujícími obory: filozofie, sémantika, méniotika, psychologie, anatiomie, sociologie, kulturní antropologie, teorie a dějiny umění, teorie fotografie a filmu, grafický design, estetika, reklama, móda...

komunikace (communicare = sdílet, radit se; communis = společný) = rozvinutá sociální interakce

"The more you see, the more you know." ~ Aldous Huxley

  • oči a nervový systém konají vidění, mysl koná vnímání, které se závisí na zkušenostích jedince
  • sensing (vidění) a percieving (vnímání)
  • díky technologiím je vizuálních podnětů velmi mnoho
  • mozek filtruje vizuální vjemy

Co? -> informace, pocit idea...

Jak? -> obraz, řeč, řeč těla, gestikulace, mluvený a psaný projev, animace, film, metakomunikace, intonace...

Proč? -> aktualizovat stav, zorientovat se, získat či předat informace...

Komu? -> rodičům, sobě, zaměstnavateli...

Neverbální komunikace

  • nejjednodušší, nejdůležitější, určuje naše chování
  • vědomá a nevědomá mimoslovní sdělení
  • haptika (dotyky), vizika (oči), mimika (obličej), gestika (paže), posturologie (postoj), kinezika (pohyb), proxemika (vzdálenost mluvčího), meta- nebo paralingvistické znaky
  • univerzální lidský jazyk mimiky -- 6 základních emocí (radost, překvapení, znechucení, strach, štěstí, hněv)
  • napodobenina člověka selhává především v oblasti neverbální komunikace
  • Je možná dokonalá imitace reality? Je hyperrealismus slučitelný s fantazií? Neznásilňuje nám předložený hyperrealismus znásliněním naší fantazie?

FER -- Facial Emotion Recognition

FACS -- Facial Action Coding System

Uncanny valley -- pokud vidíme plechového robota, bereme jej jako robota, robot velmi se podobající člověku, ale ne dokonale, nám přijde děsivý

(E)Motion Capture -- přenesení pohybu na virtuální model, body připevněné na tělo se přenášejí do křivek na PC, využití ve filmu, v medicíně

Reprezentace

  • re + preasens = znovu zpřítomňovat
  • znázornění toho nejlepšího
  • akt vyvoální představy předmětu pro jeho znovupoužití
  • použití znaků, které zastupujíněco jiného

Mimésis

  • z řec. μίμησις
  • napodobování skutečnosti, snaha vizuálně interpretovat konkrítní viděný svět
  • Platón, Aristotelés
  • imitace, mimikry, woodoo
  • znaky jsou zobecňující zjednodušeniny
  • Jak ovlivnila zobrazování fotografie? -> Fotografie přebrala malbě dokumentační úlohu. Podpořila abstraktní malbu
  • Čím více je objekt znám, tím víc můžeme zjednodušit jeho reprezentaci.

in effigie -- místo vraha pověsit jeho obrazové napodobení (zástupně)

sampling -- útržky reality z nichž je virtuální svět sestaven

"Aby byl obraz obrazem, musí být rozeznatelný od své předlohy. Dokonalý obraz Kratila by nebyl jeho obraz, ale jeho dvojník" ~ Sokrates

Eidetická redukce

  • eidos = podstata
  • Edmund Husserl představitel filozofického směru fenomenologie eidetická redukce = imaginativní variace, jejímž cílem je docílit redukce fenoménu k jeho podstatě tak, aby byl stále rozpoznatelný
  • základ pro piktogramy, logotypy

Další zdroje

  • Secrets of Body Language (document, YT)
  • How Benjamin Button Got His Face (TedTalk)
  • Aldous Huxley: The Art of Seeing (book)
  • Aldous Huxley: The Doors of Perception -> The Doos (book)

Grafický design

"Vizuální jazyk forem by měl být využíván pouze jako prostředek k vyjádření funkce." ~ Ladislav Sutnar

  • funkce grafického designu: komunikace, funkčnost, podání informace s určitým záměrem
  • grafický designér + klient + produkt
  • typy grafiky: prezentující grafika, vysvětlující grafika, zpravodajská grafika, výstavní grafika, lokalizující grafika (navigační systémy a mapy), informační grafika, televizní grafika, interaktivní design, video mapping, wedesign, game design, obalový design

vizuální informace -- prezentuje obsah, pomocí vizuálních prvků

William Addison Dwiggins -- zadefinoval pojem grafického designu

Korporátní firemní identita

  • jednotný vizuální styl (Peter Behrens byl první, kdo vytvořil ucelený vizuální styl pro firmu AEG)
    • značka (obrazová, typografická, kombinovaná; generativní a variabilní -- např. MTV, můžou se modifikovat)
    • grafický manuál -- souhrn pravidel pro používání loga a jeho aplikací (varianty, ochranná zóna, typografie, barevnost...)
    • Ladislav Sutnar
  • marketingová komunikace
  • produkt
  • firemní kultura

litografie -- kamenotisk, umožňuje vytvářet více kopií

plakát

  • podle funkce:
    • divadelní
    • filmový
    • akademický
    • kulturní
    • hudební
    • politický
    • ...
  • podle zpracování:
    • typografický -- více čitelný
    • písmový -- umělečtější
    • kalgrafie -- umělecké písmo
    • grafický plakát
    • fotografický plakát
    • experimentální plakát
    • ...
  • Stephan Sagmeister
  • série plakátů -- více plakátů, vizuálně souvisejících, pro jednu událost

informační design -- naviguje uživatele, prezentuje informace v efektivní a účinné formě

informační grafika -- naučná grafika, prezentující grafika, vysvětlující grafika, zpravodajská grafika, výstavní grafika, lokalizující grafika

piktogram (emplém, ikona) -- stylyzovaný obraz reálného předmětu

kniha -- desky, předsádka, hřbet, číslování stran (paginácie), vazba (V1--V9 od měkké až po tuhou vazbu), vakát (prázdná stránka), Jan Tschichold (typograf 20. století), Květa Pacovská

brožura -- neperiodické médium menšího rozsahu, prezentace firmy, výroční zprávy, ...

spadavka (bleed) -- okraj, který pojistí, že když se při tisku něco posune, tak se to při ořezu napraví

ořezové značky (crop marks) -- pomocné čárky k oříznutí

Další zdroje

font.cz

najbrt.cz

Corporate identity set (kniha)

Živel, Raut (časopisy)

Prostor a zobrazování prostoru

percepce -- vnímání, záleží na prostředí

interpretace -- vyhodnocení

konstrukce -- sestavení

binokulární vize -- naše vidění, máme dvě oči a díky tomu vnímáme hloubku prostoru

anaglyph -- 3D zobrazení (červená/zelená)

zlatá hodina -- doba ráno a večer, kdy je měkké světlo (fotografie), světlo má barvu, udává se v Kelvinech

proporce -- poměrový vztah jednotlivosti vůči celku

kánon -- ustanovení pravidel, která zaručují správné proporce

měřítko -- poměr velikosti originálu a jeho zobrazení

Vitrůvijský muž -- kresba od Leonarda da Vinci, Vituvius byl architekt, který používal kruh a čtverec

princip lineární perspektivy -- kunstrkce prostoru, 1. polovina 15. století, úběžník (vanishing point), horizont, kontrukce na jeden, na dva nebo na tři úběžníky

perspektivní zkratky -- Michellangelo

kreslení podle mřížky

camera obscura -- tmavá místnost

pantograf -- npřístroj k zvětšování pomocí kostrukce více pravítek

Písmo

  • font je software, vztahují se na něj autorská práva

lokalizace fontu -- doplnění nových znaků (ř, č, š...), pro osobní potřebuje je legální

verzálky (majuskule) -- velká písemena (ABC)

kapitálky -- velká písmena psaná ve velikosti malých písmen

minuskuje -- malé písmeno

interpunkce -- grafické znaky vyjadřující strukturu a organizaci textu

ligatura -- slití písmen

symboly, číslice, písmena

diakritika -- znaménko v okolí písmene pozměňující význam písmene

** písmová osa** -- účaří, střední dotažnice, střední výška písma, horní a dolní dotažnice, verzálkové a akcentová dotažnice, přetah -- viz: http://web.quick.cz/iveta_kulhava/Typografie/Osnova.gif

kresba znaku -- dřík, stínovaný tah, náběh, serif, bříško, smyčka, hlava, pata, příška, chvost, ucho, zrno... (viz: http://typomil.com/anatomie/)

druh písma -- serifové, bezserifové, psané, zdobené

typ písma -- font

rodina písma -- základní a vyznačovací řezy písma, tučné, tenké, kurzíva, kapitálky, zúžené, rozšířené, nepravé řezy

písma jednoho řezu -- v rodině písma je jen jeden člen

klasifikace písem -- chronologické, tvarové...

Klasifikace písem Jana Solpery -- statický a dynamický princip, serifová a bezserifová písma, přechodové formy

serifová písma -- mají serify, užívají se v knihách, lépe drží řádek (Times New Roman, Cambria, Century, Georgia, Centaur)

bezserifová písma -- (Arial, Verdana, Tahoma, Comic Sans, Helvetica)

Historie

  • písmo vzniklo za účelem záznamu myšlenky
  • písmo je vizuální zápis jazyka
  • značky dobytka, vrubované hůlky, zpravodajské hole, uzlové značky, jeskynní malby
  • petroglify -- rytí do kamene
  • znak vzniká z piktogramů
  • hieratické (knižní forma), démotické (kurzivní forma)
  • hieroglify, klínové písmo, latinka
  • fénické písmo 13. století př. n. l., Byblos (Sýrie), fonetické písmo o 22 znacích, jen souhlásky
  • řecké písmo, etruské písmo > latinka

Římská monumentální kapitálka

  • tesalo především se do kamene

Kvadratická kapitálka

  • komponované do obdelníku
  • knižní písmo

Rustická kapitála

  • venkovská, jednodušší
  • vyvíjí se z něj psané písmo

Unciála

  • mezistupeň mezi majuskulním a minuskulním písmem
  • dotahy vybíhají nad a pod střední výšku písma
  • řísmká polounciála -- předchůdce Karolínské minuskule
  • šíří se po celé Evropě

Karolínská minuskule

  • Karel Veliký založil Dvorskou školu v Cáchách, přišli tam učenci
  • konec 8. století
  • období Karolínské renesance
  • završen vývoj minusek
  • arabské číslice

Cyrilice a Hlaholice

  • Konstantin a Metoděj 863
  • Hlaholice základ pro Ruštinu apod.

Gotická lomená písma

  • vliv gotické architekutry (vertikalita)
  • od 13. století
  • lomený oblouk > lomenné písmo
  • textura & rotunda -- církev
  • bastarda -- necírkevní písmo vytvořené laickou veřejností (schwabacher, fraktur)

Renesanční antikva

  • humanismus, zaměření na člověka
  • inspirace antikou
  • Benátská antikva (Nicolas Janson)
  • Aldus Manuntius -- tvůrce italiky
  • Claude Garamond -- písmo s prohnutými serify

Barokní antikva

  • přechodová antikva
    • dynamický >> statický princip kresby
    • John Baskerville
  • statická antikva
    • Giambattista Bodoni

Lineární písmo serifové

  • vzniká v 19. století

Lineární bezserifové písmo statické, Lineární bezserifové písmo dynamické, Lineární antikva, Secesní písma, Avantgardní písma, Konstruovaná písma, Kaligrafická písma, Volně psaná písma

písmolijny -- ti co lijí písmo

Další zdroje

  • Písmo 1,2,3 (předmět)
  • http://bancomicsans.com/
  • F. Štorm - Eseje o typografii (kniha)
  • F. Muzika - Krásné písmo (kniha)
  • Letter Fountain - historie a terminologie, hodně obrázků (kniha)
  • Things I Have Learned in my Life So Far (kniha)

Pohyblivý obraz, animace, film

  • již pravěkké nástěnné malby jsou animované (kresleny v pohybu)
  • americká norma: 29 obrázků, televize: 25 obrázků, klasický kinofilm: 24 obrázků

thaumatrop na každé straně papíru je část obrázku, když to roztočím, tak se to spojí v jedno

laterna magica promítání malou dírkou na protější stěnu

fantaskop -- kruh s různými polohami nakreslených postav, při rotaci se postavy daly do pohybu

zoetrop -- točící se tubus s průřezy

kineograf -- deníček s nakrasleným filmem

Eadweard Muybridge -- jako první zachytil pohyblivý obraz, protože se vsadil o to, jestli se nějaké kopito dotýká země při cvalu koně

Georges Méliès -- Cesta na měsíc -- první film

animatik stavebnice plná rukou, hlav, těl... slouží k realizaci proškové animace

Hermína Týrlová -- animátorka ze Zlína, plošková animace s textilem

rotoskopie -- natočený film, který se překreslí

2D animace: kreslená, experimentální, rotoskopie, bezkamerová animace...

3D animace: loutkový film, plastelína, pixelace...

Další zdroje

Hugo a jeho velký objev (film), Alois Nebel (film)

Média a mediální komunikace

  • medium = mezi
  • prostředek, produkt lidské komunikace mezi odesílatelem a příjemcem
  • stará vs. nová (digitální technologie) média

"The medium is the message" ~ Marshall McLuhan (teoretik médií)

McLuhanova teorie médií

  • globální vesnice --předpověď společnosti, která je propojená po celé planetě, ale chová se kmenově
  • horká média -- vysokodefiniční, naplněna daty, př. fotografie
  • chladná média -- nízkofrekvenční, musím si další věci domyslet, př. karikatura

retribalizace -- kmenovost

Noam Chomsky -- média jsou zneužitelná pro propagandu, stokrát opakovaná lež se stává pravdou (hoaxy)

teorie trojí abstrakce -- Vilém FLusser

  • obrazky
  • texty
  • technické obrazy

pět principů dových médií -- Lev Manovich (The Language of New Media)

  • numerická reprezentace
  • modularita
  • automatizace
  • variabilita
  • transkódování

terorie kyberfeminismu -- Sadie Plant

prosumer -- producent a konzument se setkávají v jednom (což umožňuje internet), zároveň tvoří i vstřebává

kalokagatia -- ideál "renesančního" člověka

Marcel Duchamp -- Mona Lisa s knírem, pisoárová fontána

Typografie

  • typos = forma, tvar + graphe = psát -> forma psaní
  • práce s hotovým písmem, uspořádání znaků, sazba
  • tvůrce písma != typograf
  • ve filmu, architektuře, na webu

Johannes Gutenberg -- vynálezce knihtisku (1450)

kuželka -- kovový hranol s reliéfním zrcadlovým obrazem znaku (umíštění znaku, dotahy, maso)

litera -- tím jsou tvořena písmena v kovové sazbě

stupeň písma -- výška kuželky

čtvertčík -- má výšku kuželky, a šířku podle písma (proporcionální vs. neproporcionální písmo)

linotype -- tiskařský stroj

hnutí Arts and Crefts -- návrat k původnímu řemeslu

fotosazba -- 20. století, písmena jsou pomocí světelných paprsků promítána na film, z něhož jsou ofsetem přenášena v podobě celých stran na papír

PostSkript -- programovací jazyk určený ke grafickému popisu tisknutelných dokumentů (1983)

Sazba

Hladká sazba

  • knižní (beletrie...)
  • základní tzv. chlebový text
  • jeden typ, zarovnání, supeň, řez...
  • slouží hlavně ke čtení, neodvádí pozornost

Smíšená sazba

  • vyznačovací řezy
  • např. slovníky, učebnice, odborná literatura
  • více typů, stupňů, různé odstavce

Technická sazba

  • speciální technické znaky a symboly
  • sazba pořadová a tabulková
  • matematická, chemická, sazba not, rejstříky, seznamy

Akcidenční sazba

  • grafický design
  • nadpisy, grafické prvky,
  • např. obálky knih, pozvánky, časopisy, noviny, jídelní lístky, diplomy...
  • podléhá módě, má volnější pravidla

sazební obrazec -- zákres tiskoviny (okraje, šířka, výška...)

zrcadlo sazby -- vymezený prostor na stránce tiskoviny, kde byl měl být veškerý obsah

odstavec -- předsazení, odsazení, mezerou, grafickou zarážkou, odsazení vertikální; zarovnání: do bloku, na střed, doprava (pravý praporek), doleva (levý praporek), zarovnání mimo osu

proklad řádků -- 120 % stupně písma, je to mezera mezi řádky

stránkový rejstřík -- mřížka, na kterou se zarovná účaří všech textů (při více sloupcíh), při průhledu stránkou jsou stránky stejně zarovnané

parchanty -- sirotci (1 řádek přetečený na další stránce), vdovy

Další zdroje

  • Adobe InDesign
  • Typografický manuál -- Vladimír Beran a kol.
  • http://explorationsintypography.com/
  • Praktická typografie -- Pavel Kočička a ...
  • Knihy a typografie - Martin Pecina

Vizuální čtení

apropriace -- přivlastnění, parafráze na nějaké, již existující, umění, které zachová původní význam, ale přizpůsobí jej době (postmodernismus 80. léta)

rébus -- slovo vyjádřené obrazem

kaligram -- obraz sestavený z písmen (Apollinaire)

konotace -- reakce a to, co si domyslíme, po působení umění; výklad, který si připojíme k obrazu

piktogram -- má schopnost překlenout bariéry přirozeného jazyka, ikonický znak

symbol -- arbitární, konvenční, naučili jsme se jej, je to jako písmeno

ideogram -- indexovaný znak (motivovaný + konvenční), piktogram + symbol

Words divide, images unite." ~ Otto Neurath

isotype -- obrazový jazyk, International System Of TYpographic Picture Education, vytvořil jej Otto Neurath, linorit, první vizualizace dat, umělec Gerdy Arntz

proporce -- vzájemný vztah jednotlivostí v celku

zlatý řez -- matmatická formule popisující proporce

kompozice -- uspořádání jednotlivostí v rámci celku, negativní a pozitivní prosor má stjenou kompoziční váhu

barevná skladba -- barva je difúzní odraz, pojmenování barev je konvenční, primární barvy (červená, žlutá, modrá), komplementární barvy (zelená, fialová, oranžová)

dominanta -- prvek, kterého si divák všimne jako prvního

kontrast -- světlo/stín, barvy, tvary

rytmus -- opakující se element v rámci díla

sémiotika (sémiologie) -- zkoumání znaků a jejich významu (Umberto Eco)

znak -- cokoli, co může v mysli vyvolat jinou věc (text, obrázek, dopravní značení, interiéru...); motivovaný (zachycuje skutečnost) nebo konvenční (naučili jsme se to)

semióza -- proces přiřazování, pojmenování -- arbitrátní znak z přirozeného jazyka (přezdívka, neologismus, zástupný znak); označení-- přiřazení nejazykového znaku (tzv. motivovaného)

Další zdroje

  • Semiotic Of The Tie - TBBT
  • Mad Man (seriál)

Principy grafického designu

  • základem dobrého designu jsou: minimální překážky, přehlednost, poutavost

Proces vnímání

smyslové vnímání & kognitivní vnímání

linie -- spojuje, odděluje, směruje, pohyb, mezera

barva -- tón, sytost, jas; poutá pozornost, seskupuje prvky, naznačuje význam; důležitá je kombinace

selekce elementů -- figury a pozadí

aktivní a pasivní plochy -- co v obraze vnímáme jako první, jakým směrem jej čteme

gestalt -- princip podobnost, princip blízkosti

verbální a vizuální obrazy -- textové a obrazové

Historie

chyběla jsem na přednášce

Sémiotika

= nauka o znacích a znakových systémech (reálná věc × mentální obraz, který ji reprezenzuje)

motivované znaky -- piktogramy, vychází z reálné podoby předmětu (fotografie, mapy...)

konvenční znaky -- obě složky spojuje pouze konvence (číslice, písmena...)

Ferdinand de Saussure -- jazykovědec

Charles Sander Pierce -- Jára Cimmermann, ale skutečnej (znak, věc, VÝZNAM)

denotace -- bezprostřední význam (Žárovka v košili.)

konotace -- symbolický význam, snažíme se to pochopi (Někde dostal nápad.)

semióza -- proces přiřazování významu

semiosféra -- abstraktní prosotr, kde porobíhá komunikace

Autorské právo, vědecká a umělecná tvorba

dílo -- výsledek lidské činnosti

autorské dílo -- stanovuje autorský zákon, jedinečný (krom pc programů) výsledek umělecké nebo vědecké lidské (ne zvířecí ani strojové) činnosti

autorskám dílem není: námět díla sám o sobě, denní zpráva nebo jiný údaj, myšlenka, postup, princip, metoda, objev, vědecká teorie, matematický nebo odbobný vzorec, statistický graf

majetková práva -- vyprší 31. prosinece za 70 let od umrtí autora

osobnostní práva -- zanikají smrtí autora