Les 7 - Werken met verschillende formaten

• Marketing
• MBO
• Studiejaar 1

Vormgeving

Werken met verschillende formaten

Waar gaat de module over?

Les 1 - Introductie tot online vormgeving

Les 2 - Basisprincipes en compositie

Les 3 - Kleurentheorie en toepassing

Les 4 - Typografie en Leesbaarheid

Les 5 - Interactiviteit en Responsiviteit

Les 6 - Doelgroep en Branding

Les 7 - Werken met verschillende formaten

Les 8 - Eindopdracht

Hoe haal je deze module?

Tijdens de lessen werk je aan verschillende opdrachten. Om deze module te behalen moet je alle opdrachten gemaakt hebben en tijdens de toetsweek een eindopdracht inleveren.

Je bent geslaagd als je een 5.5 behaald. 

Aan het einde van de les...

... begrijp je hoe ontwerpen worden aangepast aan verschillende formaten

... ken je veelvoorkomende formaten en benamingen voor advertenties

... weet je waar je op moet letten bij het schalen en aanpassen

... heb je een banner in vijf verschillende formaten ontworpen

Wat zijn display ads?

Display ads zijn digitale advertenties die op websites, apps of sociale media worden weergegeven. Ze bestaan uit visuele elementen zoals afbeeldingen, tekst en knoppen. 

Display ads worden vaak gebruikt om merken zichtbaar te maken en mensen aan te moedigen op een advertentie te klikken

Opdracht 1/3: Checklist

Vraag:

Waar moet volgens jou een effectieve display ad aan voldoen?

• Pak pen en papier
• Bedenk minimaal 4 eisen

Een effectieve display ad moet

✅ Kort en krachtig zijn.

✅ Een duidelijke CTA bevatten.

✅ Sterke visuele elementen hebben.

✅ Duidelijke hiërarchie
✅ Goede compositie

✅ Consistent zijn met de huisstijl.

✅ Geoptimaliseerd zijn voor verschillende formaten.

✅ Rustig en overzichtelijk blijven.

✅ Eventueel een subtiele animatie bevatten.

Soorten display ads

Er zijn twee soorten:

• Responsive display ads: Advertenties die zich automatisch aanpassen aan verschillende schermformaten en door Google worden geoptimaliseerd.

• Reguliere display ads:
  Vast formaat advertenties die de ontwerper volledig vormgeeft.
  

Responsive Google Display Ads

De adverteerder levert losse elementen aan: Teksten (Titel + beschrijving), Afbeeldingen, Logo, Call-to-Action (CTA). Google combineert deze elementen op verschillende manieren, afhankelijk van waar de advertentie wordt weergegeven.

Nadelen:

❌ Minder controle over het exacte design.

❌ Sommige combinaties kunnen er minder mooi uitzien

Voordelen:

✅ Past automatisch aan elk schermformaat aan.

✅ Minder werk voor ontwerpers, want Google genereert meerdere versies.

Voorbeeld uitsneden

x

x

Het voorbeeld laat zien dat je niet zomaar elke afbeelding kunt gebruiken en uitsnijden.

Reguliere display ads

De adverteerder levert de complete advertentie aan in verschillende vaste formaten. De ontwerper bepaalt zelf de indeling van tekst, afbeeldingen en knoppen.

Nadelen:

❌ Voor elke advertentie moeten verschillende formaten worden gemaakt.

Voordelen:

✅ Meer creatieve controle over het design.

✅ Consistente weergave op alle apparaten.

Meest gebruikte formaten

Website Ads

• Leaderboard
  728x90px
• Medium Rectangle
  300x250px
• Large Rectangle
  336x280px
• Wide Skyscraper
  160x600px

Social Media Ads

• Instagram & Facebook Post  1080x1080px
• Facebook Cover Ad
  820x312px
• Instagram Story & Reels
  1080x1920px
• LinkedIn Sponsored Content
  1200x627px 

Video Ads:

• YouTube In-Stream Ad 1920x1080 px (Full HD)
• YouTube Overlay Ad
  480x70px 

📌 Google Display Ads & Websites:

Leaderboard → 728x90 px (bovenaan websites)

Medium Rectangle → 300x250 px (in de zijbalk of tussen content)

Large Rectangle → 336x280 px (vergelijkbaar met medium, maar groter)

Wide Skyscraper → 160x600 px (verticale advertentie aan de zijkant van een pagina)

📌 Social Media Ads:

Instagram & Facebook Post → 1080x1080 px (vierkante advertentie)

Facebook Cover Ad → 820x312 px (bovenaan een Facebookpagina)

Instagram Story & Reels → 1080x1920 px (volledig schermformaat)

LinkedIn Sponsored Content → 1200x627 px (rechthoekige advertentie)

📌 Video Ads (YouTube & Social Media):

YouTube In-Stream Ad → 1920x1080 px (Full HD)

YouTube Overlay Ad → 480x70 px (kleine banner onder een video)

✅ Het meest gebruikte formaat wereldwijd is 300x250 px (Medium Rectangle), omdat deze op bijna alle websites past en vaak de beste klikresultaten heeft. 🚀

Opdracht 2/3: Lege artboards

• Ga naar Figma.com en open jouw project "Vormgeving"
• Maak een nieuwe pagina aan (Pages [+] in de linker sidebar)
• Maak de volgende lege "Artboards" aan en geef ze de juiste naam:

1. Leaderboard                                                  728x90px
2. Medium Rectangle                                  300x250px
3. Wide Skyscraper                                       160x600px
4. Instagram & Facebook Post            1080x1080px
5. YouTube Overlay Ad                                    480x70px 

Voor welke uitdagingen kom je te staan?

Opdracht 3/3: Maak een display advertentie set

Je werkt nog steeds voor een van deze bedrijven:
Een high-end koffiemerk  |  Een duurzaam reisbureau  |  Een hippe sneakerlijn voor jongeren

Het bedrijf  vraagt jou om een display advertenties set te maken:

1. Bedenk een doel voor je advertentie (wat wil je dat mensen gaan doen?)
2. Bedenk de boodschap die je wilt overbrengen
3. Pak je eigen mini-huisstijlgids uit les 6 erbij
4. Pak je (aangevulde) checklist erbij
5. Open de 5 lege artboards in Figma en ontwerp de advertenties

Zie de eisen op de volgende sheet...

Opdracht 3/3: Maak een display advertentie set (vervolg)

Eisen:

1. Je 5 advertenties hebben het juiste formaat van een:
   Leaderboard, Medium Rectangle, Wide Skyscraper, Instagram & Facebook Post, YouTube Overlay Ad
2. Je advertentie bevat beeld
3. De hoofdboodschap en beeldgebruik is voor alle advertenties gelijk
4. Je advertentie voldoet aan je huisstijlregels
5. Je advertentie voldoet aan je (aangevulde) checklist

Zijn er nog vragen?