Please enable JavaScript.
Coggle requires JavaScript to display documents.
ISKM71 Co říkají obrazy? Čtení a tvorba vizuálních informací - Coggle…
ISKM71 Co říkají obrazy? Čtení a tvorba vizuálních informací
Úvod do kurzu
2 dotazníky
seznámení se s interaktivní osnovou
výborná přehlednost
líbí se mi komunikace, odevzdání úkolů do komentářů, interakce
Manipulace s obrazem
zrak
optické iluze
iluze tvaru
Spirála/kruhy?
iluze pohybu
Je to snad gif?
iluze barev
Černá/bílá?
iluze perspektivy
Jak je to možné?
nereálné obrazce
Escher, Den a noc
dvojsmyslné obrázky
Číše/tváře?
iluze v umění
Müller, Propast
autorský záměr
Zilla van den Born
Aneb výlet do Asie z pohodlí obýváku
spiristické fotografie
Je tam duch?
hybná síla
Andreas Gursky, 99 centů
aktivismus
fotomontáž, hrůzy války v Čečensku
umělá inteligence
otázka generovaných fiktivních osob
Infografika
tři pilíře
přitažlivost (appeal)
porozumění (comprehension)
setrvání (retention)
typy infografik
seznam
porovnání
vizuální životopis
proces
mapa
časová osa
návod
Jak vytvořit dokonalou infografiku?
dobrá infografika obsahuje příběh
data musí být čerpána z ověřených zdrojů
vizuální prvky již nemusíme zobrazovat slovy
inspirace, šablony
musí být stručná, vizuálně přitážlivá
nepřeháníme to s barvami
úkol vytvoř si svůj životopis
šablona, Canva
kombinace bílé, šedé a starorůžové barvy
pravdivé, stručné informace
úkol mě velmi bavil
využití na mém webovém portfoliu
Vizualizace dat
Proč vizualizovat data?
rychlé zorientování se v datech
přitáhne pozornost
efektivně popisujeme, vysvětlujeme = explanatorní strategie
bádáme, hledáme odpovědi = explorační strategie
typy grafů
koláčový graf
poměr částí k celku
maximální dělení na 5 výsečí
vždy musí vyjít celkový podíl 100 %
řazení od největší po nejmenší (po směru hodinových ručiček)
sloupcový graf
porovnání hodnot různých kategorií
řazení horizontální nebo vertikální
užší mezery mezi sloupci (lepší čitelnost)
spojnicový graf
zaznamenání vývoje v čase
nemusíme začínat na nulovém bodě
užší graf působí významněji
small multiplies
pro více než 5 kategorií
tzv. rozložení do více grafů
složitější grafy
treemapa, kartogram, plošný diagram,...
Jak vytvořit dokonalý graf?
zvýrazněme důležité informace
mějme jasno v tom, co chceme ukázat
nemanipulujme s daty
graf by měl lahodit oku
online nástroje pro tvorbu grafů
Datawrapper
Excel
Reprezentace, abstrakce symbol
Piercovo dělení znaků
kauzální souvislost/indexy
to co vídíme, existuje v důsledku nějaké akce
bezpečnostní značky
kouř
otisk prstu na místě činu
konvence/symboly
rozumíme jim, protože si pamatujeme význam
vyobrazení Panny Marie
značka přehrání a pauzy (mezinárodní použití)
podobnost/ikony
s objektem, který zastupují
malby zátiší
různé ikony (např. ikonka koše na PC)
Verbální a vizuální
kreativní techniky
myšlenková mapa
komiks
různé typy diářů
sketchnoting
poznámkování a dělání zápisků pomocí slov a ilustrací
online i offline podoba
klíčovou fází je proces
trénujeme svoje kreslící schopnosti
nic podobného jsem nikdy nezkoušela vytvořit
využití modré barvy
vyjadřuje obsah daného modulu
práce s modulem Manipulace s obrazy
Vizuální syntax a analýza obrazu z hlediska formy
7 základních elementů
tvar
vzniká uzavřením linie
tvary se zkoumají v zátiší
kubismus
linie
odděluje negativní prostor od pozitivního
jsou různé typy linií
velikost
dodržení správných proporcí
přirozený efekt
nepřirozený efekt
karikatura
barva
důležitý kulturní kontext barev
mocný nástroj, vyjádření emocí
přemýšlíme, jaký význam chceme pomocí barvy komunikovat
RGB, CMYK
textura
reálná
iluzivní
prostor
pozitivní prostor
hlavní motiv obrazu
negativní prostor
pozadí
hodnota
odstín světla a tmy
důležité pro barvoslepé
6 základních principů
rytmus
pravidelnost, opakování
pohyb
křivky, rovné čáry,...
rovnováha
klidnost a vyváženost díla
jednota
konečný cíl vizuálního díla
uhlazenost, dokonalost
kontrast
protikladné prvky
důraz
ohnisko, první pohled
dominance celého díla
úkol analýza loga Starbucks
moje první zamyšlení nad logem
vyvoláno více otázek oproti jejich zodpovězení
překvapení z výsledku
Divák, obsah, kontext
dekódování divákem
odlišné předporozumění
kontextová analýza
metadata
data přiožená k obrazu
název, autor,...
jiné obrazy
Nepatří obraz do série?
prostředí a místo
Souvisí nějak s daným místem?
historické a aktuální události
datum vzniku, zařazení do historického období
instituce, politika a ekonomika
kdo byl kupce obrazu
mecenášství
filozofie, mytologie, náboženství
filozofické směry, náboženské náměty
dominantní kultura a subkultura
podoba běžného života lidí určité kultuře
stereotypy
Fotografie a ilustrace
každý je tvůrce ilustrace
ruční i digitální
sketchnote
fotografie
vlastní malba
funkce ilustrace
vzbuzovat pozornost
motivovat a zapojit
aktivovat a budovat znalostí
vytvářet souvislosti
vyvolávat emoci
informovat
úprava fotografií
HUJI
Adobe Lightroom
Snapseed
dubnový workshop
tvorba moodboardu
důraz na barvy a font
zpodobnění určitého tématu
podklad pro tvorbu plakátu
hledání inspirace
analyzování tématu
byla to zábava :)
Vyhledávání a databáze
vyhledávání textem
zkusíme napsat to, co na obrazu vidíme
vyhledávání obrázky
reverzní vyhledávání
pomocí vložení obrázku nebo vložení URL obrázku
nástroje podporující vyhledávání
Google Images
TinEye
ImgOps
Google Lens
Colors From Image
databáze obrázků
placené i neplacené, pod různými licencemi
Pinterest
Unsplash
Flickr
Flaticon
Plakát
informuje, propaguje, vzdělává a šokuje
ruční nebo digitální
trend pohyblivých plakátů
Jak vytvořit dokonalý plakát?
vytvořme si moodboard, věnujme čas přípravě
zjistěme si formát plakátu a místo, kde bude umístěn
vlastní tvorba/šablona
estetika/funkčnost
zvolení vhodné barevné škály
zvolení vhodného fontu
srozumitelnost a viditelnost
formáty
JPG
PNG
GIF
TIFF
RAW
PSD
grafické editory
Canva
Adobe Spark
Gimp
3D Malování
úkol tvorba plakátu
důraz na vhodnou barevnou škálu a font
snažila jsem se o srozumitelnost, viditelnost i o estetickou část
zvolení vhodných formátů pro dané téma
tvorba v Canvě
Typografie a vizuální úprava dokumentu
experiment, den bez Helveticy
font/písmo?
font je původně vázan na technickou podobu písma
písmo je pak vizuální podoba znaků
dnes už se oba pojmy používají jako synonyma
typy písmen
patková písma
zástupce Times New Roman
vyjadřuje formálnost v dokumentech
bezpatková písma
hladší, bez koncových detailů
zástupci Ariel, Calibri, Verdana
modernost, objektivita
psaná písma
napodobeniny lidského rukopisu
zástupci Mistral, Pacifico
působí vřele a vášnivě
dekorativní písma
zástupci Cooper Black, Mafia
zábavná, unikátní
čtivost
velikost písma
nepsat dlouhý text verzálkami
zvětšit řádkování mezi jednotlivými nadpisy a podnadpisy a mezery v textu
optimální délka řádku 45-70 znaků
barva a kontrast
čitelnost
výška minusek
šířka znaků
váha
designové detaily
kontrast tahů
skulinky ve znacích
úkol jednotný styl dle manuálu MUNI
aktuální logo fakulty nebo katedry
nadpisy Muni font a ostatní text Ariel
zvětšené řádkování, aby byl text dobře čitelný
různé velikosti písem dle násobků
graf a tabulky vizuálně jednotné a obtékající s textem
barevná škála podle MUNI
úkol mě hodně potrápil
ale do budoucna mám výhodu
Citace a licence
citační normy
ČSN ISO 690
APA
naučení citování obvyklých a neobvyklých vizuálních materiálů
obvyklé materiály
fotografie z fotobanky
moje fotografie/vizuální dílo
obrázek, který je součástí článku
reprodukce uměleckého díla
graf
neobvyklé materiály
prezentace
mapa
screenshot
deskové hry
výstava
vědecký poster
licence k autorskému dílu
licence Creative Commons
více druhů licencí např 0, BY,...
velmi užitečný modul, který mně v budoucnu velmi pomůže
Vizualizační workshop
hodnocení vizualizace
informativní aspekty
úplnost
Obsahuje všechny důležité informace?
Jsou data zvolená dobře?
vnímatelnost
Je typ grafu vybrán dobře?
Dokáže oko a mozek vnímat vizualizaci?
užitečnost
posuzujeme z pohledu čtenáře
pravdivost
Nemanipuluje graf s daty?
Obsahuje validní, pravdivá data?
intuitivnost
Dá se vizualizace pochopit?
Za jak dlouho se dá pochopit?
emotivní aspekty
poutavost
vtažení do dat
nejde o vizuální stránku, ale o celý zážitek
Jak vás motivovala práce s ní?
škála nezajímavé až naprosto vtahující
estetika
subjektivita
Je vizuální podoba vhodně zvolená?
škála ošklivé až krásné
úkol 1
toto mě moc bavilo
nikdy jsem se takhle nezamyslela nad grafem
super analýza a subjektivní hodnocení
úkol 2 - tvorba grafu v Excelu
schopnost pracovat s kontingenční tabulkou
vytvořit si vhodný graf k mému zkoumanému datasetu
provádět základní úpravy v grafu (barva,rozvržení, legenda,..)
pokročilejší úpravy v grafu (tloušťka sloupců, průhlednost, osy, mřížky,...)