Waarvoor gebruik je een overlay op een afbeelding?
Een overlay op een afbeelding gebruik je om drie redenen: je tekst leesbaar houden, de drukte in je foto dempen en verschillende foto’s hetzelfde laten ogen.
Die derde reden wordt het vaakst vergeten.
Toch is hij bij een reeks kaartjes de belangrijkste.
Leesbaarheid
Een foto heeft lichte en donkere plekken. Je tekst staat op één van die plekken en verdwijnt daar zonder laag ertussen.
Meer daarover lees je bij hoe je tekst op een foto leesbaar houdt.
Rust
Een drukke foto trekt de aandacht weg van je boodschap. Een laag erover dempt dat zonder je beeld weg te halen.
Meer daarover lees je bij hero.
Eenheid
Zes kaartjes met zes foto’s van verschillende fotografen ogen rommelig. Dezelfde overlay over alle zes maakt er een reeks van.
Meer daarover lees je bij hexcode.
Mijn vuistregels
- Eén dekking voor je hele site.
- Kies een kleur uit je huisstijl.
- Zet hem ook op kaartjes, niet alleen op je hero.
- Controleer het contrast per foto.
Die eerste is wat je ontwerp samenhang geeft.
Met een verloop
Een laag die onderaan donker is en bovenaan doorzichtig, werkt goed als je tekst onderaan staat. Je foto blijft dan bovenin zichtbaar.
Meer daarover lees je bij css.
Wanneer je hem weglaat
Bij een foto zonder tekst erop. Dan dempt hij alleen maar en levert het niets op.
Meer daarover lees je bij accessibility.