Billeder og budskaber 1

1. Billeder og budskaber 1 Formidling, projektarbejde og webdesign-E2011 Steen Filskov Andersen 1. november 2011

2. Hvad er et godt billede?

3. ”Et billede siger mere end 1000 ord…” Loremipsumdolor sit amet, consecteturadipiscingelit. Nuncvitaeenimquismassafacilisissuscipit at quissem. In hachabitasseplateadictumst. Phasellusimperdietlaciniamauris, sedportadiambibendumnec. Vestibulumnislenim, fringillaacsagittis non, consectetur vel dolor. Quisqueornaresodalesdolor, a placeratleoconsectetur id. Quisque eget elit non diamfermentumtristiquepellentesqueac eros. Fusceinterdummaurisnecnisiultricesnecmalesuadaelitiaculis. Utvehiculaullamcorpervolutpat. Donecvenenatisdiamacloremtincidunthendrerit. Morbi dictum condimentummauris, vel tincidunttortormattis at. Vestibulumloremodio, aliquamsedsodalesut, rhoncus a ligula. Crasturpisleo, ultricies non bibendum at, vehicula id nunc. Ut id erattortor. Nullamvariussem eget velitporttitoraliquet. Proingravidasem id auguevariuscondimentumrutrumipsumaliquet. Utvitae libero dui, nec dictum nisl. Loremipsumdolor sit amet, consecteturadipiscingelit. Praesent at justoneque, mollisaccumsanerat. In fringillahendreritvolutpat. Aenean sit ametpretiumquam. Seddapibusmagnaenim, a mattisrisus. Donecelitmagna, dictum non bibendum et, faucibuseuante. Vestibulumodioelit, tempus eget aliquetcursus, consequatutmauris. Sedaliquam, justo vel rhoncustincidunt, semrisuscondimentumvelit, vitaebibendumnequetellusmolestiefelis. Utiaculisnibh eget magnaultricesmollisscelerisquenequedapibus. Sedfringillaipsumquisarcuadipiscingnecviverraorci tempus. Sedauctorcommodonisidapibusmolestie. Fusce eget nibh at enimvestibulumsodalesauctoruttortor. Crassagittisinterdumlobortis. Integerblandit, libero sit ametbibendumdapibus, lectusmassaaliquamtellus, sedaccumsanligulasem at sem. Integer vel consequatmassa. Sed non ipsummassa, utfacilisis mi. Etiamrisus eros, gravida vel pharetraviverra, sagittis in mi. Maecenassuscipitlobortisvestibulum. Fusce sit ametnullalacus, et bibendumnulla. Praesentpulvinar, nulla non temporaliquam, duileoeuismoddui, sedcursusvelitmassa eget arcu. In ipsummassa, dignissimquisdignissimeu, aliquamactortor. Aliquampretium, nisiacvariusmolestie, mi purusviverrametus, necviverraleolacusseddui. Duisviverraligula non semadipiscing vel aliquammassaadipiscing. Curabituregestastinciduntdui, et eleifendnequefacilisis a. Praesentmalesuadaviverraullamcorper. Suspendisse et dictum eros. Vivamuscommodocondimentumvolutpat. Duissollicitudinsuscipittortor, sit ametluctusnisldignissim sit amet. Morbiaccumsanluctusnisl, placeratullamcorpernuncconvallis non. Maurisvitaeleo at mi adipiscingfermentum. Aliquamnecmaurismagna, at porttitorturpis. Phasellusluctusluctusquam, a lacinianislmalesuadanec. Nullaimperdietgravidatincidunt. Phasellusiaculislacinianisiaccondimentum. Vivamuspharetrapurus at tortorcommododignissimnecinterdumjusto. Integeracaliquamipsum. Aeneanmattistortor vel eratadipiscingeuinterdumtortorlaoreet. Curabiturlaciniatemporvelit, at laoreetsapiensollicitudineu. Integer a vehiculaturpis. Proin sit ametmetus sit ametodiosagittisaliquamvitae a ante. Loremipsumdolor sit amet, consecteturadipiscingelit. Nullamfacilisisvariuspretium. Vestibulumurna mi, vestibulumuttincidunt eget, iaculissedlorem. Proinfaucibus tempus est, sedinterdumnislcommodo et. Curabitursedlectusarcu, portarhoncustortor. Aliquam at interdumarcu. Maurissemperultriciesjusto, quislaciniarisuspharetra at. Duis eget malesuadaquam. Mauris tempus elementumnulla, id variusmauris tempus sed. Phaselluscursus, tortor et molestiecommodo, estlectusadipiscingquam, euadipiscingmagnanisi et nisl. Sedvariusposuereorci, vel elementumnullacommodo sit amet. Sedmetuselit, scelerisqueeuviverraeu, sollicitudinsedlacus. Praesentaugueurna, temporsedmalesuadaut, gravida et turpis. Duisvitaeurna vel ligulalaoreetdignissim. Utaliquamornareeuismod. Donecportapurus in elitvarius tempus aliquetsapieninterdum. Donec at orcinisl, quismollismetus. Morbivolutpat dictum risus, in ultricesantetemporquis. Nulla id orci eget dolormolestiemolestie id eget leo. Praesenttempor, nullanectristique tempus, quam mi euismodante, quispharetranullanunc at lorem. Nam et nulla at nibhinterdummalesuada at sedsem. Donec eros risus, vestibulum at malesuada vel, laoreet eget tortor. Aliquamaccumsanvulputatenislconguefeugiat. Aliquameratvolutpat. Integervitaedoloracdolorvolutpatconsectetur. Donecfringilla, lacusvestibulumsodalesdapibus, maurisdiamtristiquerisus, at iaculisduitortorsedelit. Pellentesquenislneque, pharetrasedluctus non, sollicitudinsedmauris. Praesentnecultricesnunc. Nam blanditpretiumlorem, a posuerenequealiquam a. Vestibulumrutrum, tellusquisblanditpharetra, eratarcuconsequatorci, portaportaurnaodio eget mauris. Suspendisse et quamdui. Maecenas vel leolaciniaturpisluctusmolestie. Nullampulvinar, lacuseusagittisdignissim, risusipsumluctuslacus, in posuereeratmagnaeulorem. Aliquamtortorneque, malesuada et elementum sit amet, dictum quisnulla. In hachabitasseplateadictumst. Doneceuismod dictum tincidunt. Nam et posuerefelis. Nuncportasuscipitsem sit ametconvallis. Nuncbibendumimperdietullamcorper. Phaselluseuismoddapibussemacpretium. Loremipsumdolor sit amet, consecteturadipiscingelit. Nullafacilisi. Crasdapibusfringilladiam, et venenatisjustosodales et. Phasellusmassamassa, laoreetsedultrices et, tinciduntutfelis. Phasellusornarealiquam eros, vel imperdietarcu dictum vitae. Aeneanutaugue eros. Pellentesque sit ametsapienvitaelectusegestascursussedvitaeodio. Utfaucibus, estquisimperdietsollicitudin, tellusvelitaliquetarcu, eget vestibulummagnalectusutquam. Pellentesquefelisfelis, suscipit eget viverra sit amet, tinciduntnecmetus. Suspendisseinterdumornareviverra. Duishendrerit, justoquisornarerutrum, turpisorcidapibusnisi, sedtemportortorante id mi. Proinerattortor, ultriciesnecmattis in, ultrices at lacus. Nuncaccumsanpretiumimperdiet. Utcongueluctusdignissim. Duisnislleo, tincidunttinciduntpharetraut, hendrerit sit ametrisus. Pellentesquehabitantmorbitristiquesenectus et netus et malesuadafamesacturpisegestas. Praesentvitaenequemagna. Nam vitaeposuereelit. Praesentmolestiepurus at elitconsectetur et hendreritnibhimperdiet. In porttitorurna non nequesodales id temporfelislaoreet. Phasellusfermentum, ante sit ametsuscipittincidunt, lacusfelisornareante, a sagittistellusneque vel ipsum. Nunc vel purusacenimsemperlacinia at eget dolor. 1000 ord

4. Så det gælder om at have det rigtige billede!

5. Grundlæggende handler det altså om ….igen-igen! Afsender Budskab Modtager

6. Billedanalyse

7. FLIP-IT!

8. Perspektivering (– eller forundersøgelse) • Hvilken sammenhæng har billedet med modtagerens liv og den verden hun færdes i? • Kender modtageren til andre billeder med samme form og indhold? • Har modtageren læst, set, hørt eller oplevet noget, der minder om det, hun ser i billedet? Indhold • Hvad skal billedet forestille? • Hvad skal handlingen i billedet være? • Hvordan skal stemningen i billedet være? • Har modtager en kulturel baggrundsviden der påvirker opfattelsen på en bestemt måde? • Skal den teknikken repræsentation skabe en virkning i indholdet? • Skal bestemte former og farver bruges til at påvirke? Symbolik? • Hvilke følelser skal billedet sætte i gang? Budskab • Har modtager et forhold til afsender? • Hvad vil du fortælle med dette billede? • Skal billedet forholde sig til den tid det er lavet i? Form • Hvor skal modtager se billedet? • Hvad skal modtager se? (uden følelser og personlige meninger) • Komposition – linjer, rum, bevægelse, perspektiv • Farver – kontraster, mæthed, kulde/varme, rene/brækkede? • Hvilken teknik – maleri, akvarel, foto, grafik, tegning? • Hvilket materiale –kridt, kul, blyant, akrylmaling, oliemaling, tusch, blæk, akvarel, osv. • Skal der benyttes en bestemt genre?

9. Hvad vil du gerne sige? … eller rettere: Hvilken effekt vil du gerne opnå hos modtageren. Modtageren afkoder billedet ud fra de forudsætninger, som modtager har – ikke dem som afsender har. og Modtageren afkoder billedet ud fra den sammenhæng billedet indgår i - konteksten.

10. Konteksten er… • Et sæt af præmisser der bruges i fortolkningen af en ytring. • Ikke (kun) verdens faktiske beskaffenhed • En psykologisk konstruktion • Modtagerens antagelser om verden • Forventninger til fremtiden, videnskabelige hypoteser, generelle kulturelle antagelser m.m.

11. Gucci reklame • Virkemidler? • Kontekst? • Æstetik?

12. Colombo, Sri Lanka, 2004

13. Kuleshov-effekten • Modtagerne skaber selv forbindelsen mellem to af hinanden uafhængige billeder i en sekvens (montage). • 1+1=3 Lev Kuleshov http://www.youtube.com/watch?v=4gLBXikghE0 http://www.takethislollipop.com/

14. Vælg den rette form til målgruppen • Fang målgruppens interesse. • Om ikke med dit budskab så med form og indhold.

15. Case: Sluk solariet Sluk solariet 1: http://cancervideo.dk/?poditemid=15787&tagsid=1111&page=2 Sluk solariet 2:http://cancervideo.dk/?poditemid=15784&tagsid=&page=13 & http://www.youtube.com/watch?v=6vBmuR-8PB0 Sluk solariet 3: http://www.youtube.com/watch?v=cPSrLnF4w_s

18. Brug af billeder på nettet • Pas på med smiling image bank-billeder. • Kan fange opmærksomhed men hvis ikke-relevante for indholdet ignoreres de. • Forventninger opfyldes ikke. • Brugerne gennemskuer hurtigt stockphotos.

20. T-Mobile case • Brugen af Catherine Zeta-Jones endte med at frustrere brugerne, der ikke kunne finde den relevante information ud fra deres behov. • Billedbrugen havde ikke en positiv effekt på omsætningen.

21. Før du bruger et billede • Spørg dig selv om grunden til netop at sætte et billede ind her. • ”Fordi det er et fedt billede?” – nej • Fordi det indeholder relevant information – ja • F.eks. produktvisning • SamsoniteOutlet Store

22. Best Buy Apple

28. Hvad kigger man efter, når man køber sko?

33. Brug billeder til at styre brugernes opmærksomhed • Brugere drages af ansigter. • Brugere kan ikke lade være med at følge andres blikretning. • Brugere kan ikke lade være med at se, hvad en pil peger på. • Men for mange blikfang udligner hinanden: http://www.aiseikai.or.jp/

38. Reklamebannere • Kæmper mod sidens andre blikfang. • http://www.suzumuchi.com/?page_id=280 • http://www.suzumuchi.com/banners/PL-ARS-MAU/to-eb.html

39. Jakob Nielsen siger: ”Users pay close attention to photos and other images that contain relevant information but ignore fluffy pictures used to "jazz up" Web pages.” Men…

40. Det afhænger af sitet

41. Sæt tekst og billeder rigtigt op • Når billede og tekst virker godt sammen, forstår brugeren deres indholdsmæssige sammenhæng umiddelbart. • Når billede og tekst virker dårligt sammen, forstår brugeren ikke den indholdsmæssige sammenhæng. • ”...sammenhængen mellem tekst og billede er vigtig, for hvis nu læseren begynder med en forkert stemning i forhold til historien, så falder det hele til jorden” - Søren Pagter, Danmarks Journalisthøjskole

42. Tjek om dit billede virker • Når sammensætningen er god, oplever brugeren, at billedet tager toppen af den sproglige abstraktion, og at det sproglige indhold fjerner billedets mangetydighed. Sammensætningen skaber forståelse. • Kohærens er betegnelsen for den overordnede sammenhæng i en tekst. • Kohærensen gør det muligt at forstå alle sætningerne i en tekst som en helhed. • Kohæsion er betegnelsen for den underordnede sammenhæng mellem sætninger. • Kohæsionen gør det muligt at forstå sammenhængen mellem de enkelte sætninger Peters cykel kørte over glasskårene. Han måtte gå resten af vejen hjem. • Omsæt billedets indhold til en sætning - og sæt denne sætning sammen med den foreslåede overskrift eller billedtekst. Derved får man to sætninger, der kan give mening i forhold til hinanden eller ej.

46. Øvelse – ram en bestemt målgruppe med et budskab • Budskabet er: ”Der er stor sandsynlighed for at få hudkræft, når man går i solarium.” • Fem forskellige slags modtagere skal forstå budskabet, her repræsenteret ved: • Emil, 12 år og skoleelev fra Næstved • Nanna, 14 år og skoleelev fra Østerbro • Lars, 32 år, tømrer fra Skive (by i Jylland:-) • Signe, 35 år, jobsøgende akademiker fra Lyngby • Thomas, 24 år og studerende på ITU. Bor på Amager • I opdeles i fem grupper, der hver tildeles én af modtagerne. Opgaven løses individuelt. • Find ud af, hvordan I kommunikerer bedst muligt til modtageren. • Upload ét billede evt. med en tekst, som kan sættes op enten i busstoppestedet eller på en bygning (se næste slides og prøv gerne at sætte plakaten ind i billedet for at få et indtryk af, hvordan den virker i miljøet).