1. Bestem, hvad billedet skal vise
Skriv én sætning om opgaven for hvert billede. “Vise hvem kunden møder” er konkret. “Gøre siden mere spændende” er ikke tilstrækkeligt til at vælge mellem et portræt, en illustration og et stemningsfoto. Nogle steder kan den bedste beslutning være at bruge pladsen til en tydelig forklaring i stedet.
Et tænkt eksempel: En håndværksvirksomhed vil vise, hvordan den arbejder i beboede hjem. Et eget foto af afdækning og oprydning kan understøtte forklaringen. Et generisk billede af en værktøjskasse viser kun værktøj og dokumenterer ikke virksomhedens arbejdsgang. Det betyder ikke, at stockbilledet er dårligt, men at det løser en anden opgave.
Skeln også mellem dokumentation og stemning. En abstrakt struktur kan være en fin baggrund, men den skal ikke stå som billede på en konkret kundecase, hvis læseren kan tro, at den viser resultatet. Tilsvarende bør et stockportræt ikke præsenteres som en medarbejder. Billedvalget skal understøtte det, teksten faktisk siger.
Sæt motivvalget ind i den samlede retning for hjemmesidens visuelle udtryk. Billederne skal fungere sammen med tekst, farver og den plads, de får på siden.
2. Vælg kilde efter behov og ressourcer
| Behov | Muligt valg | Det skal du undersøge |
|---|---|---|
| Vise medarbejdere og lokaler | Egne fotos | Hvem deltager, og hvor længe er motivet aktuelt? |
| Vise et konkret produkt eller projekt | Egne billeder eller aftalt materiale | Viser fotoet det produkt eller arbejde, teksten beskriver? |
| Skabe generel stemning | Stockfoto eller original illustration | Passer stilen, og er brugen dokumenteret? |
| Forklare en proces | Diagram eller billedserie | Kan kunden forstå trinnene og deres rækkefølge? |
Egne fotos kræver planlægning. Der skal være adgang til stedet, de rette personer og tid til at få de nødvendige vinkler. Stock kan være hurtigere at få adgang til, men udvælgelsen kan stadig tage tid, hvis motiverne skal hænge sammen. Sammenlign derfor den samlede arbejdsopgave og ikke kun prisen på en billedfil.
Prioritér egne optagelser, hvor jeres konkrete virkelighed er afgørende. Hvis budgettet er begrænset, kan I begynde med de vigtigste portrætter og procesbilleder og bruge en enkel grafisk løsning andre steder. Undgå at fylde alle tomme felter med tilfældige fotos, bare fordi skabelonen har plads til dem.
Vælg fælles regler for lys, beskæring og stemning. Reglerne kan være en del af hjemmesidens visuelle identitet, så senere billeder ikke føles som et helt andet projekt.
3. Lav en motivplan med de rigtige formater
Før en fotografering bør du kende de steder, materialet skal bruges. Skal motivet ligge bredt på forsiden, stå kvadratisk i et kort eller vises højt på mobil? Bed om plads omkring det centrale motiv og flere relevante udsnit. Så er der mulighed for at tilpasse billedet uden at skære ansigter, produkter eller vigtige arbejdsdetaljer væk.
Lav en enkel liste med side, billedets opgave, ønsket format, kilde og ansvarlig. Tilføj, om der skal stå tekst ved siden af eller oven på billedet. Prøv beskæringen i den faktiske side, før materialet godkendes. Et foto, der fungerer alene, fungerer ikke nødvendigvis med en overskrift på tre linjer.
Et eksempel på en afgrænset bestilling er: “Et foto af rådgiveren ved et mødebord, med rolig baggrund og plads i venstre side til sidens overskrift.” Det er lettere at arbejde med end “noget professionelt”. Se metoden til at bruge designreferencer for at forklare en ønsket stil med observationer frem for kopiering.
Kontrollér filstørrelse og skarphed i den størrelse, billedet vises i. Gem gerne originalen særskilt fra webversionen, så fremtidige udsnit ikke skal laves ud fra en allerede kraftigt beskåret fil.
4. Kontrollér brugsret og billedbeskrivelse
Gem kilde, fotograf, licens eller aftale og dato sammen med filen. Undersøg vilkårene for det konkrete materiale frem for at antage, at alle billeder på en platform har samme muligheder. Som eksempel beskriver Unsplash sin egen licens, men den erstatter ikke kontrollen af andre relevante tilladelser til det konkrete motiv og den konkrete brug.
Nogle besøgende bruger et program, der læser hjemmesiden højt. Til dem kan du skrive en kort billedbeskrivelse, kaldet alt-tekst. Fortæl, hvad billedet viser, som er vigtigt for artiklen. Et foto kan fx vise “Afdækning af gulv og møbler før malerarbejde”. Billeder, der kun pynter, kan springes over ved oplæsning. Vejledningen til billedbeskrivelser hjælper med at vælge den rigtige løsning.
- Viser billedet det, teksten hævder?
- Er den relevante brugsret og eventuelle tilladelser dokumenteret?
- Fungerer beskæringen på mobil og desktop?
- Er billedets information dækket af en passende alt-tekst eller teksten omkring det?
- Ved I, hvem der udskifter billedet, hvis mennesker, lokaler eller produkter ændrer sig?
Når de punkter er afklaret, har du en billedplan, der kan bruges i projektet. Hvis du vil samle billeder og indhold i et gennemarbejdet design, kan du læse om Designets hjemmesideløsninger.
