INTRODUKSJON TIL BILDEBRUK

Transkript

1 INTRODUKSJON TIL BILDEBRUK FOR NETTREDAKTØRER JAKOB THYNESS

2 Jakob Thyness Partner, Webgruppen AS Utdannet art director Mer enn 20 års designerfaring Erfaring med web/digitale medier siden 1993 Medlem av Grafill, Dataforeningen (BITS)

3 1. Tenk på hva du vil oppnå med bildet

4 Hvorfor bruker vi bilder? Et bilde sier mer enn tusen ord Et bilde sier noe annet enn tusen ord Et bilde sier det på kortere tid enn tusen ord

5 Når bruker vi bilder?

6 1. Når vi vil utdype en historie

7 elle.no

8 2. Når vi vil understreke et poeng

9 climatecrisis.net

10 3. Når vi vil dokumentere noe

11 Foto: Adnan Hajj/Reuters

12 Foto: Adnan Hajj/Reuters

13 aftenposten.no

14 Foto: The White House

15 Faksimile: Der Tzitung

16

17 aftenposten.no

18 4. Når vi vil vise sammenhenger

19

20 5. Når vi vil skape en stemning

21 istockphoto.com

22 2. Velg motiv med omhu

23 Konkretiser! Et bilde må nesten alltid vise noe fysisk. Se etter ting i artikkelen som gjør den unik, og som skiller den fra andre artikler. Start alltid med det spesielle, og gå videre til det generelle etter hvert.

24 Hva slags bilder fanger oppmerksomheten? Brukeren ser på bilder som inneholder relevant informasjon. Brukeren overser pyntebilder, merkevarebyggende bilder og åpenbare stockfotos.

25 Mennesker Ansikter er interessante i seg selv. Kropper må ha noe spesielt ved seg for å være like interessante (bevegelser, klær, fysiske attributter) Øyekontakt skaper nærhet. istockphoto.com

26 Situasjoner Situasjoner utspiller seg over tid, og må derfor ofte forklares nærmere. Fokuser på det sentrale i situasjonen: Hva har skjedd? Hva er i ferd med å skje? istockphoto.com

27 Gjenstander Det må være tydelig hva gjenstanden er. Gjenstander i bruk er mer visuelt interessante (og ofte mer informative). Enkeltstående gjenstander avslører flere detaljer. istockphoto.com

28 Stemninger Jo enklere følelser man appellerer til, jo bedre. Våg å være banal! istockphoto.com

29 «Etterslep» Siden vi tolker bilder og symboler ut fra vårt eget erfaringsgrunnlag reagerer vi mest pålitelig på ting vi har sett før. Dette betyr at ting som gir mening for oss ofte har et visst «etterslep», fordi vår generelle ide om dem ble dannet for lenge siden.

30

31

32 Når erfaringsgrunnlaget mangler Hvis vi ikke kjenner igjen eller kan relatere til det vi ser, er det stor sannsynlighet for at kommunikasjonen mislykkes. Derfor er det vanskelig å kommunisere nye eller avanserte ideer i bilder.

33 «On White», Wassily Kandinsky, Kilde: Wikipedia

34 campaignforrealbeauty.com

35 3. Komposisjon - ikke så vanskelig som du tror

36 Tredjedelsregelen Del bildet i tre deler horisontalt og vertikalt Plasser den viktigste delen av motivet i et av krysningspunktene Unngå å sentrere motivet i bildet

37 istockphoto.com

38 Det gyldne snitt Del bildet i to ulike deler Den minste av delene skal forholde seg til den største som den største forholder seg til helheten Plasser fokus i bildet på delelinjen

39 istockphoto.com

40 Forgrunn/bakgrunn Hovedmotivet så stort som mulig i forgrunnen Tydelig forskjell mellom forgrunn og bakgrunn skaper spenning i bildet Ikke prøv å få med alt på én gang

41 istockphoto.com

42 Diagonalen Legg motivet langs en diagonal linje fra hjørne til hjørne for å skape fart og liv i bildet

43 istockphoto.com

44 Perspektiv Et motiv som går innover i bildet skaper dybde og trekker tilskueren inn.

45 istockphoto.com

46 4. Farger kan forsterke budskapet

47 Fargebruk Bevisst bruk av farger kan forsterke innholdet i bildet Farger kan ha ulik betydning i ulike kulturer Fargeassosiasjoner er alltid svært enkle

48 Varmt istockphoto.com

49 Kaldt istockphoto.com

50 Friskt istockphoto.com

51 Det er begrenset hvor mange fargeassosiasjoner vi klarer å huske av gangen.

52 istockphoto.com

53 5. Gi bildet liv med kontrast

54 Høylys/skygge Høylysområder er nesten helt hvite Skyggeområder er nesten helt svarte Motivet blir skinnende blankt istockphoto.com

55 Komplementærkontrast Fargene kommer fra hver sin side av fargesirkelen Fargene har ofte høy metning, slik at de nesten ser ut til å vibrere Brukes ofte for et etnisk utseende istockphoto.com

56 Lav kontrast I Mindre forskjell på lyse og mørke partier i bildet Gir et kraftig inntrykk Brukes ofte for å gi effekt av autoritet og makt istockphoto.com

57 Lav kontrast II Mindre forskjell på lyse og mørke partier i bildet Gir et lyst og lett inntrykk Brukes ofte for å gi effekt av eleganse istockphoto.com

58 Farger vs. svart-hvitt

59 Farger Levende Spennende Iøynefallende...men også kanskje: Glorete/billig Utdatert istockphoto.com

60 Svart-hvitt Harmonisk Stilfullt Kunstnerisk...men også kanskje: Gammeldags Kjedelig istockphoto.com

61 6. Standardiser størrelser

62 aftenposten.no

63 aftenposten.no

64 aftenposten.no

65 dagsavisen.no

66 dagsavisen.no

67 dagsavisen.no

68

69 Hvor store bør bilder være? Bilder bør være store nok til at det er enkelt å se hva de forestiller...men ikke så store at de fortrenger annen og viktigere informasjon Husk at med økende bruk av mobiltelefoner og surfebrett blir båndbredde viktig igjen!

70 7. Vær faktaorientert

71 Fakta Forsikre deg om at bildet faktisk viser det du tror det gjør.

72 dagbladet.no

73 8. Vær relevant

74 Relevans Bildet må se ut som om det har noe med saken å gjøre Pass på at tonen i bildet passer til saken Hvis du må velge mellom å relatere bildet til brødteksten eller overskriften, så relater alltid bildet til overskriften.

75 nho.no

76 9. Håndtér personer riktig

77 Personer Hvis enkeltpersoner blir omtalt, så bruk bilder av dem hvis det er mulig Pass på at måten personene framstilles på i bildet samsvarer med innholdet Fall ikke for fristelsen til å bruke bilder av perifere personer

78 dagbladet.no

79 dagbladet.no

80 dagbladet.no

81 dagbladet.no

82 dagbladet.no

83 Roller Hvis en artikkel omhandler roller, som f.eks. sjef singel, eller byråkrat, unngå for enhver pris å vise bilder av identifiserbare personer (selv om de har riktig rolle) Roller er generelle, personer er spesifikke - personlighet er derfor alltid sterkere enn roller

84 dagbladet.no

85 R dagbladet.no

86 dagbladet.no

87 10. Vær redelig - selv om det kan være kjedelig

88 Generelle saker Hvis artikkelen omhandler en personuavhengig sak, så bruk generelle emneillustrasjoner Pass på at disse er relevante både i forhold til sak og målgruppe

89 dagbladet.no

90 dagbladet.no

91 Produkter og firmalogoer Enkelte produkter er like gjenkjennelige som personer En logo er ansiktet til et selskap Disse brukes derfor bare der de omtales spesielt

92 dagbladet.no

93 dagbladet.no

94 dagbladet.no

95 dagbladet.no

96 Oppsummering - innholdskriterier Bildene må gjenspeile målgruppen Bildet må være relevant i forhold til saken Relater bildet til overskriften Bruk bilder av enkeltpersoner bare der de blir omtalt Unngå å illustrere roller med bilder av gjenkjennelige personer Bruk generell saksillustrasjon til personuavhengige saker Spesifikke produkter avbildes bare når de omtales spesielt

97 Takk for meg.