1. Vormgeving - Introductie tot online vormgeving
1 / 20
La durée de la leçon est: 90 minÉléments de cette leçon
Slide 1 - Diapositive
Cet élément n'a pas d'instructions
Slide 2 - Diapositive
Cet élément n'a pas d'instructions
Slide 3 - Diapositive
Cet élément n'a pas d'instructions
Slide 4 - Diapositive
In de context van online publicaties, zoals banners en advertenties, betekent vormgeving dat je visuele elementen zo combineert dat ze een boodschap effectief en aantrekkelijk overbrengen.
Waarom is vormgeving belangrijk?
Slide 5 - Carte mentale
Cet élément n'a pas d'instructions
Slide 6 - Diapositive
Eerste indruk telt
Mensen vormen binnen enkele seconden een mening op basis van wat ze zien. Een professioneel ontworpen publicatie trekt de aandacht en wekt vertrouwen. Een slecht ontwerp kan juist afleiden of mensen wegjagen.
Communicatie van de boodschap
Vormgeving helpt om een boodschap duidelijk en snel over te brengen. Of het nu gaat om een productaanbieding of een merkidentiteit, de vormgeving zorgt ervoor dat de kernboodschap visueel aantrekkelijk en begrijpelijk is.
Versterken van de merkidentiteit
Goede vormgeving sluit aan bij de visuele identiteit van een merk (denk aan kleuren, lettertypes en logo’s). Dit zorgt voor herkenbaarheid en consistentie, wat belangrijk is om een band op te bouwen met het publiek.
Emotionele impact
Vormgeving kan emoties oproepen door het gebruik van kleuren, typografie en beelden. Dit is belangrijk, omdat emoties vaak een grote rol spelen in hoe mensen beslissingen nemen, zoals het klikken op een advertentie.
Gebruikerservaring (UX)
Bij online publicaties moet de vormgeving functioneel zijn: knoppen moeten duidelijk zichtbaar zijn, teksten moeten leesbaar zijn, en het ontwerp moet werken op verschillende apparaten (responsiviteit). Als dit niet goed is vormgegeven, zullen gebruikers afhaken.
Welke verschillen zijn er tussen vormgeving voor print en scherm?
Slide 7 - Carte mentale
Cet élément n'a pas d'instructions
Slide 8 - Diapositive
Resolutie en kwaliteit:
Print: Hoge resolutie (300 dpi) voor scherpe afdrukken.
Scherm: Lagere resolutie (72-150 dpi), omdat schermen anders weergeven.
Eenheid print: dpi (dots per inch)
Eenheid scherm: px (pixels)
Kleurruimte:
Print: CMYK (voor drukwerk).
cyan, magenta, yellow, and key (black)
cyan, magenta, yellow, and key (black)
Scherm: RGB (voor digitale displays).
Rood, groen, blauw
Formaten:
Print: Vaste formaten (bijv. A4, posters).
Scherm: Variabele formaten afhankelijk van apparaat (responsief ontwerp).
Interactiviteit:
Print: Statisch.
Scherm: Dynamisch met animaties, klikbare elementen en video's.
Toegankelijkheid:
Print: Leesbaarheid op papier.
Scherm: Leesbaarheid op verschillende schermgroottes en lichtomstandigheden.
Slide 9 - Diapositive
Cet élément n'a pas d'instructions
Slide 10 - Diapositive
Cet élément n'a pas d'instructions
Slide 11 - Diapositive
- Internetgebruik zorgt voor 4% van alle carbon emissions
Wat kan je doen?
- Less is more
- Let op kleurgebruik (zwart, minst impact, wit meest)
- Afbeelding optimalisaties
- Webfonts gebruiken voor sneller laden
Slide 12 - Diapositive
Cet élément n'a pas d'instructions
Slide 13 - Diapositive
Terug van weggeweest
Slide 14 - Diapositive
Cet élément n'a pas d'instructions
Slide 15 - Diapositive
Organische vormen
Slide 16 - Diapositive
De belangrijkste voordelen van bento box design, zijn gebruiksvriendelijkheid, aantrekkelijkheid en aanpasbaarheid. De duidelijke structuur maakt het voor gebruikers gemakkelijk om informatie te vinden en te navigeren door de inhoud. De georganiseerde en visueel gestructureerde presentatie is aantrekkelijk en modern vorm te geven. Tot slot kan je deze lay-out stijl eenvoudig aanpassen aan verschillende soorten inhoud of behoeften van een website of app.
Slide 17 - Diapositive
Cet élément n'a pas d'instructions
Slide 18 - Diapositive
Cet élément n'a pas d'instructions
Slide 19 - Diapositive
Zijn er nog vragen?
Slide 20 - Diapositive
Cet élément n'a pas d'instructions
