Post on 30-Jan-2018
Slide 1Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
Osnovni elementi vizualne komunikacije
Franc Novak
Slide 2Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
uvod
Zaznavanje je proces zbiranja informacij o svetu okoli nas s pomočjo vida,sluha, dotika, vonja in okusa.
Slide 3Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
uvod
Zaznavanje je proces zbiranja informacij o svetu okoli nas s pomočjo vida,sluha, dotika, vonja in okusa.
Zaznavanje sveta okoli nas je odvisno od konceptualne (pojmovne) strukture,ki ponazarja lastnosti objektov pridobljene na osnovi izkušenj.
Slide 4Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
uvod
Zaznavanje je proces zbiranja informacij o svetu okoli nas s pomočjo vida,sluha, dotika, vonja in okusa.
Zaznavanje sveta okoli nas je odvisno od konceptualne (pojmovne) strukture,ki ponazarja lastnosti objektov pridobljene na osnovi izkušenj.
Razumevanje (reasoning) povezuje zaznavanje sveta okoli nas s konceptualnostrukturo.
Slide 5Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
uvod
Zaznavanje je proces zbiranja informacij o svetu okoli nas s pomočjo vida,sluha, dotika, vonja in okusa.
Zaznavanje sveta okoli nas je odvisno od konceptualne (pojmovne) strukture,ki ponazarja lastnosti objektov pridobljene na osnovi izkušenj.
Razumevanje (reasoning) povezuje zaznavanje sveta okoli nas s konceptualnostrukturo.
Človeški um aktivno zbira in ureja izkušnje – in torej ni le pasivni opazovaleczaznavane informacije.
Slide 6Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
uvod
Zaznavanje je proces zbiranja informacij o svetu okoli nas s pomočjo vida,sluha, dotika, vonja in okusa.
Zaznavanje sveta okoli nas je odvisno od konceptualne (pojmovne) strukture,ki ponazarja lastnosti objektov pridobljene na osnovi izkušenj.
Razumevanje (reasoning) povezuje zaznavanje sveta koli nas s konceptualnostrukturo.
Človeški um aktivno zbira in ureja izkušnje – in torej ni le pasivni opazovaleczaznavane informacije.
Zaznavana informacija mora biti obdelana, da jo lahko razpoznamo, sicerpredstavlja zgolj šum.
Slide 7Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
vizualno prijetna kompozicija
Slide 8Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
estetsko razumevanje forme
Jezikovni sistemi uporabljajo sintakso, ki določa pravila, po katerih so besedein ostali elementi urejeni v slovnično pravilne stavke.
Jezikovna zasnova vsebuje hierarhično urejenost.
Slide 9Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
estetsko razumevanje forme
Jezikovni sistemi uporabljajo sintakso, ki določa pravila, po katerih so besedein ostali elementi urejeni v slovnično pravilne stavke.
Jezikovna zasnova vsebuje hierarhično urejenost.
Prostorska organiziranost elementov – vizualni jezik
Ima podobne zakonitosti.
Slide 10Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
estetsko razumevanje forme
Estetsko razumevanje forme v kontekstu urejenosti prostora
Estetska vrednost je povezana s človekovim odzivom na vizualno stimulacijo.
Človek interpretira vizualno formo na osnovi subjektivnih kriterijev, ki sočustveno pogojeni.
Slide 11Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
estetsko razumevanje forme
Estetsko razumevanje forme v kontekstu urejenosti prostora
Estetska vrednost je povezana s človekovim odzivom na vizualno stimulacijo.
Človek interpretira vizualno formo na osnovi subjektivnih kriterijev, ki sočustveno pogojeni.
Človek v bistvu išče urejenost v vizualni formi in zavrača kaos.
Principi vizualne organizacije sledijo ideji, da naj bo forma čim bolj enostavna.
Slide 12Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
osnovne zakonitosti vizuelnega zaznavanja
Ogledali smo si nekaj primerov, ki ponazarjajo uravnoteženost, dojemanje oblike v kontekstu časa vpliv preteklih izkušenj smer pregledovanja (od leve proti desni) enostavnost
Slide 13Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
literatura
Slide 14Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
literatura
Slide 15Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
Gestalt psihologija
Principi:
figura/podlaga (medsebojna povezava) simetrija bližina podobnost kontinuiteta, nepretrganost celota zakon dobre oblike (Prägnanz)
Slide 16Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
figura/podlaga
Slide 17Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
figura/podlaga
Slide 18Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
figura/podlaga
Povzeto po Jeff_Johnson: Designing_with_the_Mind_in_Mind
Slide 19Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
figura/podlaga
Slide 20Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
figura/podlaga
Povzeto po Jeff_Johnson: Designing_with_the_Mind_in_Mind
Slide 21Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
figura/podlaga
Slide 22Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
figura/podlaga
Slide 23Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
simetrija
Slide 24Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
simetrija
http://www.slideshare.net/rogerpitiot/gestalt-theory
Slide 25Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
simetrija
http://www.slideshare.net/rogerpitiot/gestalt-theory
Slide 26Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
simetrija – uporaba v praksi
Slide 27Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
simetrija – uporaba v praksi
Slide 28Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
bližina
Slide 29Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
bližina – primer v praksi
Slide 30Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
bližina – primer v praksi
Slide 31Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
podobnost
Slide 32Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
podobnost – primer v praksi
Slide 33Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
kontinuiteta, nepretrganost
Slide 34Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
kontinuiteta, nepretrganost – primer v praksi
Slide 35Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
kontinuiteta, nepretrganost – primer v praksi
Slide 36Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
celota
Slide 37Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
celota
Slide 38Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
celota – primer v praksi
doseganje elegance in enostavnosti
Logo Victoria and Albert Museum, London dostop za invalide
Slide 39Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
zakon dobre oblike
Slide 40Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
zakon dobre oblike – primer v praksi
Slide 41Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
zakon dobre oblike – primer v praksi
Slide 42Interakcija človek-računalnik (Osnovni elementi vizualne komunuikacije)
Gestalt psihologija
Na predavanju je bila predstavljena skrajšana predstavitev Gestalt psihologije.
V celoti jo najdete na naslovu: http://www.slideshare.net/rogerpitiot/gestalt-theory
Za ponazoritev navedenih principov najdemo na spletu še številne druge primere.
Priporočam ogled:
http://www.scholarpedia.org/article/Gestalt_principles