Osnovni elementi vizualne komunikacije - csd.ijs.si elementi vizualne... · Interakcija...

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