1. Vormgeving - Introductie tot online vormgeving
1 / 20
Lesduur is: 90 minOnderdelen in deze les
Slide 1 - Tekstslide
Deze slide heeft geen instructies
Slide 2 - Tekstslide
Deze slide heeft geen instructies
Slide 3 - Tekstslide
Deze slide heeft geen instructies
Slide 4 - Tekstslide
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 - Woordweb
Deze slide heeft geen instructies
Slide 6 - Tekstslide
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 - Woordweb
Deze slide heeft geen instructies
Slide 8 - Tekstslide
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 - Tekstslide
Deze slide heeft geen instructies
Slide 10 - Tekstslide
Deze slide heeft geen instructies
Slide 11 - Tekstslide
- 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 - Tekstslide
Deze slide heeft geen instructies
Slide 13 - Tekstslide
Terug van weggeweest
Slide 14 - Tekstslide
Deze slide heeft geen instructies
Slide 15 - Tekstslide
Organische vormen
Slide 16 - Tekstslide
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 - Tekstslide
Deze slide heeft geen instructies
Slide 18 - Tekstslide
Deze slide heeft geen instructies
Slide 19 - Tekstslide
Zijn er nog vragen?
Slide 20 - Tekstslide
Deze slide heeft geen instructies
