Voorbeelden header afbeeldingen

Dank je voor je interesse in de ‘Checklist Header Afbeelding’! Zoals beloofd heb ik hier een pagina ingericht met voorbeelden bij de 7 richtlijnen voor een optimale header.

Hieronder zie je een slider met meerdere voorbeelden. Klik op de pijlen links of rechts of op de bolletjes in het midden onderaan om de verschillende voorbeelden te zien.

Let op: de voorbeelden die ik hier geef zijn richtlijnen. Wanneer een foto uit meer dan een effen achtergrond bestaat wordt het lastig om op voorhand aan te geven wat wel en wat niet bewerkt zal kunnen worden. Je kunt hier dus geen ‘rechten’  aan ontlenen.

Voorbeeld 1

 Titel e-book
De ondertitel van het e-book

Voorbeeld 2

Titel e-book
De ondertitel van het e-book

Voorbeeld 3

Titel e-book
De ondertitel van het e-book

Voorbeeld 4

Titel e-book
De ondertitel van het e-book

Voorbeeld 1


Titel e-book
De ondertitel van het e-book

Voorbeeld 2


Titel e-book
De ondertitel van het e-book

Voorbeeld 3


Titel e-book
De ondertitel van het e-book

Voorbeeld 3


Titel e-book
De ondertitel van het e-book

Voorbeeld 1

Titel e-book
De ondertitel van het e-book

Voorbeeld 2


Titel e-book
De ondertitel van het e-book

Voorbeeld 3


Titel e-book
De ondertitel van het e-book

Voorbeeld 3


Titel e-book
De ondertitel van het e-book

Voorbeeld 1

Dit is een header waarvan ik de achtergrond deels heb herhaald en deels heb geëxtraheerd uit een andere afbeelding van dezelfde serie. Je ziet dat de geportretteerde links gepositioneerd is zodat er rechts plek ontstaat voor tekst.
Van de linkerfoto heb ik de bovenkant afgesneden en van de rechter foto de ruimte rechts van de vrouw aan de andere foto geplakt.

Voorbeeld 2

Bij deze foto heb ik de achtergrond als het ware ‘uitgetrokken’. Omdat deze, op wat schaduw na, nagenoeg dezelfde kleur heeft was dat relatief gemakkelijk te doen.
Het feit dat er wat schaduw is maakt het ook wat levendiger en mooier dan wanneer ik de vrouw uit de foto geknipt zou hebben en er een egale turquoise achtergrond gemaakt zou hebben.

Let op: vaak is een foto in portretmodus een stuk minder geschikt om breder te kunnen maken, dus let er op als je foto’s laat maken voor je website dat deze in landschapsmodus geschoten worden.

Voorbeeld 3

Als het beter is om jou ‘uit de foto te knippen’, maar je hebt krullend haar en geeft dat geen mooi resultaat, dan is het beter om niet te knippen. Ik kan je foto dan rond uitknippen en deze dan zo in de header verwerken.

Voor deze bewerking is het belangrijk dat hoofd en schouders helemaal op de foto staan en niet buiten de kaders vallen, en dat er voldoende ruimte is om een ronde vorm uit te kunnen snijden anders blijft er niet veel foto over! Een pasfoto is bijvoorbeeld niet geschikt, maar ja, die zou je sowieso moeten vermijden op je website.

Voorbeeld 4

Hier heb ik de vrouw uit de achtergrond van de foto geknipt en op een gekleurde achtergrond geplaatst. Als je kiest voor deze variant of wanneer blijkt dat dit de beste optie is voor de foto die je aanlevert, let er dan goed op dat er geen delen buiten het kader van de foto vallen. In dat geval kan de foto niet uitgeknipt worden en ook rond uitsnijden zoals in voorbeeld 3 gaat lastig worden.

Wil jij een website die gezien mag worden en waar jij blij van wordt?

De Ultieme Website

In dit e-book leg ik uit wat de opbouw is van een goede website en welke gedachten en beproefde kennis daarachter zit. Voor elke pagina geef ik je heldere en concrete opdrachten zodat je direct aan de slag kunt om je website te optimaliseren of om teksten voor je nieuwe website te gaan schrijven.

AVG toestemming

Je aanvraag is succesvol verzonden! Je ontvangt nu eerst een email waarin je jouw email adres kunt bevestigen en vervolgens ontvang je de downloadlink. Dank je voor je interesse!

Pin It on Pinterest