Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.

Maat: px
Weergave met pagina beginnen:

Download "Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop."

Transcriptie

1 Be e ldsche rmvormge ving & We bde sign Doelstelling & Doelgroepverkenning Kijk naar verschillende websites om je doelgroep te verkennen. Ze hebben allemaal een andere doelstelling en roepen een bepaalde groep mensen aan. Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop. Product sites laten het product zien als gebruiksvoorwerp en dit is onderdeel van hun campagne. Merk sites geven het product weer van een bepaald merk. Dit merk heeft een bepaalde gevoelswaarde. Micro sites (Actie sites kortlopend). Aan de hand van een reclamecampagne van een bepaald merk wordt er een opvallende vorm-geving neergezet met als doel het merk op een nieuwe manier te promoten. Hier wordt meestal Flash voor gebruikt. (bijv. Nivea, automerken, films)

2 Experience sites Deze sites zijn onderdeel van een merk of een product en het gaat hierbij meer om de gevoelswaarde en beleving dan om informatie aan te bieden. Dit kan losstaan van een kortlopende actie. (het huis KPN) Webshops maken gebruik van databases en de sites zijn makkelijk toegankelijk voor iedereen; herkenbaarheid en navigatie staan voorop. Veiligheid is het allerbelangrijkste onderdeel, omdat er financiële transacties plaatsvinden! Presentatie sites tonen een kleurrijk, avant-gardistisch uiterlijk. Jezelf onderscheiden is hier het belangrijkste. Denk hierbij aan portfolioʼs, visitekaartjes van bedrijven, artiesten e.d.) Weblogs en communities zijn op interactie gebaseerd. Men moet de informatie goed kunnen lezen. Het is dus belangrijk dat de site vooral goed leesbaar is, maar kan verder zeer persoonlijk worden vormgegeven. Ook kan er een presentatie site van gemaakt worden, waarin het nieuwste ontwerp, film, e.d. erin wordt opgenomen. Deze site moet goed onderhouden worden en is voorzien van databases. 2

3 User generated content sites. Hier wordt de inhoud geproduceerd door de gebruiker en de vormgeving is hiervan afhankelijk. Checklist Hieronder volgen een opsomming waaraan gedacht moet worden als je een website gaat maken. Diverse onderdelen worden nogmaals in het kort neergezet, zodat je een checklist hebt als je gaat ontwerpen. Kleurengebruik Denk bij het maken van een website aan je kleurencombinaties. Gebruik niet meer dan 4 kleuren; Achtergrond; Kolommen; Titels; Platte (brood) tekst. Lettertype gebruik Gebruik niet meer dan 2 lettertypes. Titels & Platte tekst. Gebruik voor je Titels een apart eigenzinnig lettertype, maar voor de platte tekst een voor webbrowsers hanteerbaar lettertype. Lay-out Werk in kolommen en blokjes, die per pagina dezelfde lay-out hebben. Varieer dit door je Homepage als visitekaartje te maken en de lay-out anders te doen. Lijngebruik Werk in lijnen (diagonaal, vertikaal en horizontaal), door middel van het gebruik van hulplijnen in Photoshop, Flash of Illustrator. Als je in lagen werkt zal je heel vaak alleen maar een aantal elementen hoeven te veranderen. 3

4 Typografie voor he t We b Een eerste leidraad voor een ontwerper van een website zou de inhoud van de informatie moeten zijn. Mensen willen geen lange teksten lezen op het beeldscherm, dus is het belangrijk dat je de tekst overzichtelijk neerzet. Gebruik kolommen en beperk je tekst tot de informatie die nodig is om je boodschap over te brengen. Lettertype keuze De meest simpele oplossing is om hetzelfde lettertype voor de titel als voor de tekst te gebruiken. Het is wat creatiever om een ander lettertype te kiezen. Technisch gezien is de makkelijkste keuze om een standaard font te kiezen dat ondersteund wordt door de meeste browsers. Maar het is zeker niet onmogelijk om hier van af te wijken. Op een beeldscherm wordt vooral gebruik gemaakt van schreefloze lettertypen. Omdat het beeld op een scherm bestaat uit een aantal puntjes wordt een lettertype in een kleine grootte (bijvoorbeeld 8 op 9 punten hoog) snel erg onduidelijk. De schreven storen hierbij. Daarom zijn kleinere letters op beeldschermen vaak beter leesbaar in een schreefloos lettertype. Zoek twee of meer lettertypes die goed bij elkaar passen, experimenteer wat en volg je gevoel. Het enige wat waar je aan moet denken is dat bepaalde lettertypes zich goed lenen voor het plaatsen van grote stukken tekst op een beeldscherm. Bijvoorbeeld Arial of Verdana. Deze lettertypen zijn speciaal ontwikkeld voor het beeldscherm. Andere lettertypes zijn beter voor het plaatsen van titels en subtitels. Je kunt ervoor kiezen om hier plaatjes van te maken, zodat je zeker weet dat ze worden getoond zoals jij bedoelt. Kleur De kleur van je tekst moet altijd makkelijk te lezen zijn. Vooral bij de grote lappen is dit belangrijk. Bij de titels kun je wat gemakkelijker afwijken. Juist doordat titels vaak groter en/of vet worden geplaatst is het minder belangrijk dat het kleurgebruik duidelijk is. Ze zijn namelijk toch wel goed te lezen. Kies voor een titel dus een andere kleur. De keuze van de kleur zelf is afhankelijk van de vormgeving van de rest van de website. Probeer een kleur te gebruiken die ergens anders op de website ook voorkomt. Het beste is, om vooraf te bepalen welke onderdelen in een website je een kleur wilt geven. Hou dan die structuur aan voor de hele website. Probeer nooit te veel opvallende kleuren te plaatsen. Twee of drie kleuren (met verschillende variaties daarop) is voor een website meestal meer dan voldoende. 4

5 Er zijn een aantal regels waar op gelet moet worden met betrekking tot het gebruiken van kleuren op een beeldscherm. Wit vergroot en zwart verkleint. Een zwarte achtergrond kan rustgevend lijken, maar als dit gecombineerd gaat met een felle blauwe kleur als tekst, is het voor de lezer van de tekst op een beeldscherm moeilijk om zich te concentreren. Omdat een LED scherm licht geeft, komen felle kleurvlakken snel dominant over. Het gebruik van teveel contrasten geeft het oog geen rust en nodigt niet uit tot het bekijken van de website. Contrast gebruiken is goed, maar dus niet teveel! Daarentegen, als je kleuren gebruikt die teveel op elkaar lijkt de tekst te vervagen en de lijnen worden met de achtergrond versmolten. Dit kan moeilijkheden veroorzaken bij het lezen. Op het plaatje kun je zien dat een juiste balans belangrijk is. Dus probeer de kleur van je tekst af te stemmen op de bekijker van je website. Hoofdletters Ook door wel of geen CAPITALEN oftewel HOOFDLETTERS te gebruiken kun je een duidelijk verschil aangeven tussen je titels, subtitels en tekst. Uitlijning Door een titel of juist de tekst in te laten springen kun je een leuk effect bereiken. Ook kun je een titel juist aan de andere kant uitlijnen dan de tekst. Witruimte Door tussen woorden witruimte groter of juist kleiner te maken krijgt een titel en een hele tekst een compleet andere uitstraling. Door met kleuren te spelen zijn ook een aantal leuke effecten te gebruiken. Door bijvoorbeeld alleen het eerste woord of de eerste letter steeds een afwijkende kleur te geven krijg je een erg speels uiterlijk. 5

6 Grafische elementen Door een balkje, een cirkeltje, een pijltje of juist iets heel anders voor, achter, boven of onder een titel te plaatsen kun je extra aandacht naar de titel trekken. Je hebt ook een extra mogelijkheid om kleur te gebruiken. Het is ook mogelijk om een onderdeel van je logo te gebruiken. Zodoende komt je huisstijl over je hele pagina weer terug. Plaatsing subtitel Het creatief plaatsen van een subtitel kan ook een wereld van verschil betekenen voor het uiterlijk van je pagina. Meestal wordt een subtitel recht onder de titel geplaatst. Maar op het moment dat je een goed onderscheid maakt tussen titel en subtitel kunnen ze ook op een andere manier bij elkaar geplaatst worden. Mouse-over effecten Bij een weblog zie je vaak dat titels ook links kunnen zijn. Door een Mouse-over effect hier op toe te passen lijkt de titel meer op een link en heb je tevens een extra mogelijkheid om de titel van de rest van de tekst te onderscheiden. Het is een leuk idee om één van eerder genoemde elementen toe te voegen of weg te laten tijdens het Mouse-over effect. 6

Algemene regels. Stappenplan webdesign

Algemene regels. Stappenplan webdesign Algemene regels Stappenplan webdesign Kleurengebruik Denk bij het maken van een website aan je kleurencombinaties. Gebruik niet meer dan 4 kleuren; Achtergrond; Heading/ Subheading; Platte tekst; Links.

Nadere informatie

6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google?

6. Indexatie: Zijn de verschillende pagina s binnen de site geïndexeerd door Google? PIMPTER WEBSHOP http://www.nailsprinter.com http://www.pimpter.com/ http://www.salonique.com/nail-printers.html http://www.nagelstudiocenc.nl/shop.php http://www.yournail.nl/webwinkel-category-1127889/nagelprinter.html

Nadere informatie

Inleiding. Daarnaast geldt dat bij gebruik van een eigen website een link wordt geplaatst bij de contactgegevens naar de homepage van In de Weerd:

Inleiding. Daarnaast geldt dat bij gebruik van een eigen website een link wordt geplaatst bij de contactgegevens naar de homepage van In de Weerd: Huisstijlhandboek Inhoudsopgave Inleiding... 3 Missie & organisatiebeschrijving... 4 Logo, pay-off & pictogrammen... 5 Logo & kleurgebruik... 6 Typografie... 8 Briefpapier... 9 Persbericht... 10 Powerpoint

Nadere informatie

Dennis Wagenaar 19-04-10 v 1.0

Dennis Wagenaar 19-04-10 v 1.0 Ontwerprapport Save Energy Leiden Dennis Wagenaar 19-04-10 v 1.0 Inhoudsopgave Inleiding...4 1 Grafisch Ontwerp...5 1.1 De website...5 1.2 Header...6 1.3 Menu...6 1.4 Content...7 1.5 Grafieken...7 1.5

Nadere informatie

WEBSITE USABILITY. white-paper

WEBSITE USABILITY. white-paper WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te

Nadere informatie

Tips & trucs banners maken voor je webshop

Tips & trucs banners maken voor je webshop 9-9-2014 15:53:00 Tips & trucs banners maken voor je webshop v1.01 Alicia van Moorsel Inhoudsopgave Pagina 1: - Wat is een header? - Sfeer - Aanbieding/nieuw product - Maar maak ik goede converterende

Nadere informatie

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links:

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links: Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve Ebike Websites links: http://www.fatboy.com/nl/ http://www.dsignmeubels.nl/ http://allemachtigprachtig.nl/ http://www.gilianoriginals.nl/

Nadere informatie

Wat voor lettertype ben jij? door: Cora Verhagen, Studio Neeltje

Wat voor lettertype ben jij? door: Cora Verhagen, Studio Neeltje Wat voor lettertype ben jij? door: Cora Verhagen, Studio Neeltje doe de test! Iedere ondernemer wordt ermee geconfronteerd: tekst. Tekst op je website, tekst op je visitekaartje, tekst op je flyers, tekst

Nadere informatie

Om dan een stapje verder te gaan is het van belang te weten hoe een letter is opgebouwd en wat voor verschillende soorten letters er zijn.

Om dan een stapje verder te gaan is het van belang te weten hoe een letter is opgebouwd en wat voor verschillende soorten letters er zijn. Typografie Typografie, van het Griekse tupos (slag, vorm, afdruk) en graphein (schrijven), betekent het zetten en drukken en vormgeven van teksten voor functionele doeleinden. Hoe is het schrift ontstaan?

Nadere informatie

Huisstijlhandboek JPcommunication

Huisstijlhandboek JPcommunication Huisstijlhandboek JPcommunication Inleiding Inhoud Dit is het huisstijlhandboek van JPcommunication. Dit huisstijlhandboek geeft de richtlijnen die houvast geven bij het gebruik van de huisstijl van JPcommunication.

Nadere informatie

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld Media, Informatie en Communicatie Ontwerpdocument Beeld Project Het Parool Jerry Leigh Henkes, Demy Verhoogt, Bastiaan Verbeek, Sterre van den Berge, Lucas de Vries, Kathy Gabriel en Hanna Loos. P125 Tutor

Nadere informatie

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.

V.V. WILHELMUS HUISSTIJLHANDBOEK. Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1. HUISSTIJLHANDBOEK V.V. WILHELMUS Naam: Marco Remmerswaal Studentnummer: 12048569 Vak: Visual Communication Lerares: Noortje van Eekeren Versie 1.00 1 / 10 Inhoudsopgave Grid 3 Typografie 4 Kleurgebruik

Nadere informatie

Huisstijl Koning Willem 1 College Hieronder staan een aantal richtlijnen geformuleerd in het huisstijlhandboek van KW1C.

Huisstijl Koning Willem 1 College Hieronder staan een aantal richtlijnen geformuleerd in het huisstijlhandboek van KW1C. VOORLICHTINGSFOLDER, tweedelig Opdracht: Maak een Voorlichtingsfolder voor de opleiding Marketingmedewerker / Creatieve Marketing en Communicatie MHBO. Verwerk in de folder de huisstijl van het Koning

Nadere informatie

Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO

Visual design. Naam: Rob Dekker. Studentnummer: Vak: MMIO Visual design Naam: Rob Dekker Studentnummer: 11020067 Vak: MMIO Datum: 02-03-2016 Wireframes desktop Maak visual designs van een homepage en product pagina van een sportmerk. Werk deze uit voor gebruik

Nadere informatie

A Inhoud. 2. De identiteit van de eigenaar van de website en het doel van de website staan genoemd.

A Inhoud. 2. De identiteit van de eigenaar van de website en het doel van de website staan genoemd. Beoordelingsformulier websites Afdeling Taal en Communicatie VU De schriftelijke communicatie-uitingen van de verzekeraar moeten begrijpelijk en duidelijk zijn voor de klant en afgestemd op diens taalniveau.

Nadere informatie

Grafisch Vormgeven 10 verbeterde designs. Youri Stans GAR-1B

Grafisch Vormgeven 10 verbeterde designs. Youri Stans GAR-1B Grafisch Vormgeven 10 verbeterde designs Youri Stans GAR-1B Mount and Blade Warband Interface In het eerste voorbeeld beslaat de interface ongeveer 70% van het beeldscherm. Dit terwijl de tekst binnen

Nadere informatie

Pieter Geneugelijk 4H3

Pieter Geneugelijk 4H3 Pieter Geneugelijk 4H3 Opdracht 1 www.ad.nl : Geeft het AD mij voldoende juiste en actuele informatie? Ja het AD beschikt over actuele informatie en de juistheid ervan. Cijfer: 8 Tip: Iets minder drukke

Nadere informatie

Design Theorie voor 3-ICT Vormen en Afmetingen

Design Theorie voor 3-ICT Vormen en Afmetingen Design Theorie voor 3-ICT Vormen en Afmetingen Als je een ontwerp gaat maken moet je in de eerste plaats met twee dingen rekening houden: de vorm van je ontwerp (bijvoorbeeld: vierkant, langwerpig, rond,

Nadere informatie

CasualCMS heeft de volgende structuur: De website: pagina s beheren en algemene instellingen. De gebruiker: bezoekers, bezoekers met toegang tot bev-

CasualCMS heeft de volgende structuur: De website: pagina s beheren en algemene instellingen. De gebruiker: bezoekers, bezoekers met toegang tot bev- CasualCMS Inhoud CasualCMS Website Een nieuwe pagina maken Een pagina later wijzigen Een pagina verwijderen De volgorde van pagina s in het menu wijzigen Website instellingen Gebruikers Inhoud Modules

Nadere informatie

Er zijn veel manieren waarop je een site kunt analyseren. We beperken ons hier tot de homepage. In deze opdracht gaan we 2 manieren toepassen:

Er zijn veel manieren waarop je een site kunt analyseren. We beperken ons hier tot de homepage. In deze opdracht gaan we 2 manieren toepassen: 1 Site-analyse Er zijn veel manieren waarop je een site kunt analyseren. We beperken ons hier tot de homepage. In deze opdracht gaan we 2 manieren toepassen: 1 Analyse van de paginastructuur 2 Analyse

Nadere informatie

Milo. Stijlgids 2016

Milo. Stijlgids 2016 Milo Stijlgids 2016 Inhoudsopgave Inleiding 3 Artiest en essentie branding 4 Logo 5 Stijl 6 Kleurgebruik 7 Typografie 9 Grid en layout 11 Visuals 12 2 Inleiding In deze visuele stijlgids worden de gemaakte

Nadere informatie

Design & Ontwerp Theorie voor klas 3. 1 Vormen & Afmetingen. 1.1 Zijn Vorm & Afmetingen al vastgesteld? 1.2 De Printer. 1.

Design & Ontwerp Theorie voor klas 3. 1 Vormen & Afmetingen. 1.1 Zijn Vorm & Afmetingen al vastgesteld? 1.2 De Printer. 1. Design & Ontwerp Theorie voor klas 3. Als je een ontwerp gaat maken moet je in de eerste plaats met twee dingen rekening houden: de vorm van je ontwerp (bijvoorbeeld: vierkant, langwerpig, rond, zeshoek)en

Nadere informatie

Stap 3 Wat kunnen we met de inhoud?

Stap 3 Wat kunnen we met de inhoud? Stap 3 Wat kunnen we met de inhoud? We gaan in deze stap eens bestuderen wat we zoal voor mogelijkheden hebben om tekst op te maken en links in te voegen. Kompozer heeft voor de meest voorkomende zaken

Nadere informatie

HUISSTIJL EN GEBRUIKSVOORWAARDEN

HUISSTIJL EN GEBRUIKSVOORWAARDEN HUISSTIJL EN GEBRUIKSVOORWAARDEN 1. GEBRUIKSVOORWAARDEN 3 2. LOGO 4 2.1. Inleiding 2.2. Opbouw 2.3. Don ts 3. KLEUR 5 3.1. Primaire kleuren 3.2. Secundaire kleuren 4. TYPOGRAFIE 6 4.1. Lettertypes 5. WEBSITE

Nadere informatie

Opstart document 8 FEBRUARI v1.24

Opstart document 8 FEBRUARI v1.24 Opstart document 8 FEBRUARI v1.24 pagina 1 Welkom In dit document vind je stap voor stap instructie hoe je jouw eigen site kunt indelen, wat je moet verzamelen en natuurlijk hoe je uiteindelijk zelf jouw

Nadere informatie

ActiveBuilder Handleiding

ActiveBuilder Handleiding ActiveBuilder Handleiding Auteur: TalkActive I/S Datum: Juli 2004 Versie: R. 1.01 Taal: Nederlands Copyright 2004 - Talk Active alle rechten voorbehouden. Inhoud: 1. INTRODUCTIE...2 2. SNEL STARTEN...3

Nadere informatie

Project Webshop Goodnails Onderzoek

Project Webshop Goodnails Onderzoek Project Webshop Goodnails Onderzoek Introductie Ik heb onderzoek gedaan naar product en de concurrentie. Hier onder vind u een analyse van verschillende webshops die een nagelprinter aanbieden met daaronder

Nadere informatie

Checklist voor een knallende website

Checklist voor een knallende website Met deze checklist scan je je bedrijfswebsite op een aantal onderdelen. Ontdek de sterke punten van je website en welke punten je nog kunt verbeteren. De checklist maakt je bewust van de zaken die bepalen

Nadere informatie

handboek huisstijlhandboek nieuweschool.nu

handboek huisstijlhandboek nieuweschool.nu handboek huisstijlhandboek Husstijl is meer dan het toevoegen van een beeldmerk. Wat een huisstijl tot een huisstijl maakt is vooral eenheid van stijl. Deze eenheid rdt alleen bereikt, wanneer iedereen

Nadere informatie

Handleiding voor het maken van je eigen webpagina op de schoolsite

Handleiding voor het maken van je eigen webpagina op de schoolsite Waar gaat dit over? Handleiding voor het maken van je eigen webpagina op de schoolsite Hier leer je hoe je een eigen webpagina kunt maken op de site van de school. Op deze webpagina kun je vertellen wie

Nadere informatie

Wegwijzer: Je ontwerp opmaken

Wegwijzer: Je ontwerp opmaken Wegwijzer: Je ontwerp opmaken Wil je dat het ontwerp van je poster, flyer, brochure, tijdschrift... mooi en professioneel oogt, dan hou je het best rekening met volgende elementen: Witruimte Kolombreedte

Nadere informatie

GROTE PRAKTISCHE OPDRACHT

GROTE PRAKTISCHE OPDRACHT GROTE PRAKTISCHE OPDRACHT TRACK 2012 POWERPOINT DREAMWEAVER FOLDER INLEIDING Ook dit schooljaar moet je weer een Grote Praktische Opdracht oftewel GPO maken. Deze GPO telt één keer mee voor je schoolexamen

Nadere informatie

Ontwerpdocument Beeld

Ontwerpdocument Beeld Media, Informatie en Communicatie Project Parool Ontwerpdocument Beeld Nikita Brantsen Kim Vendrig Lisa Bol Thom Specht Christel Verwoerd Dewy Muijrers P122A Tutor : Jaimy Ramdin Media, Informatie en Communicatie

Nadere informatie

Les 5 VID. Corporate Identity. If you don t know what to do make it big and red

Les 5 VID. Corporate Identity. If you don t know what to do make it big and red Les 5 VID Corporate Identity If you don t know what to do make it big and red Les 5 VID Corporate Identity If you don t know what to do make it big and red When in doubt make it big. If still in doubt,

Nadere informatie

VOOR VERBETERING VATBAAR. Nadia Groenewald G&IB

VOOR VERBETERING VATBAAR. Nadia Groenewald G&IB VOOR VERBETERING VATBAAR Nadia Groenewald G&IB - 3012673 Welk font gebruik ik? Ik gebruik Lato, dit is een google font. Ik vind dit een mooie schreefloze lettertype die niet zo cliché is als Helvetica

Nadere informatie

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item Briefing Website Gedaan: Logo Communicatie middel(en) Inrichtingsplan Nog te doen: - Website - Balie - Promotie item Website > vormgeving Website > techniek Wat maak je? Je maakt een website voor restaurant

Nadere informatie

Stijlboek. Handleiding voor het toepassen van de huisstijl

Stijlboek. Handleiding voor het toepassen van de huisstijl Stijlboek Handleiding voor het toepassen van de huisstijl Het verhaal achter de huisstijl Inleiding De regels met betrekking tot de huisstijl van het zijn vastgelegd in dit stijlboek. Daarnaast is het

Nadere informatie

HET NIEUWE LOGO & DE BASELINE

HET NIEUWE LOGO & DE BASELINE BRAND MANUAL 1. Het nieuwe logo & de baseline...22 2. Kleurgebruik...3 3. Typografie...45 4. Minimumafmetingen...5 6 5. Grafische elementen...56 6. Plaatsing...67 7. Don ts...78 8. Papierkeuze...7 8 1

Nadere informatie

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1?

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of eerst? Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Ik heb een concept.

Nadere informatie

Het ideale font voor programmeurs

Het ideale font voor programmeurs Het ideale font voor programmeurs Hogeschool Utrecht Communicatie & Media Design Auteur: Benjamin van Bienen (1576750) Docent: Dick Swart Specialisatie: Visual design seminar 2014-B Menig programmeur leest

Nadere informatie

Onderzoek naar producten en concurrentie Shop till you drop

Onderzoek naar producten en concurrentie Shop till you drop Onderzoek naar producten en concurrentie Shop till you drop http://www.pimpter.com/nagelprinters/ Als je op de website komt is het meteen zichtbaar dat het over nagelprinters gaat. Buiten dat je allerlei

Nadere informatie

Text font: GoodWebPro-BoldItalic Link font: MoreWebPro-BoldItalic Next article font: pt sans, Arial, Helvetica, sans-serif

Text font: GoodWebPro-BoldItalic Link font: MoreWebPro-BoldItalic Next article font: pt sans, Arial, Helvetica, sans-serif Header fonts: pt sans, Arial, Helvetica, sans-serif Text font: GoodWebPro-BoldItalic Link font: MoreWebPro-BoldItalic Next article font: pt sans, Arial, Helvetica, sans-serif Door fonts te gebruiken die

Nadere informatie

Usability & Interface Design

Usability & Interface Design Usability & Interface Design Marco Corrò Usability & Interface Design Interface Design = de vormgeving van de grafische gebruikersinterface van een website Usability = Extent to which a product can be

Nadere informatie

Handleiding Grote schriftelijke presentatie groep 6/7/8

Handleiding Grote schriftelijke presentatie groep 6/7/8 Handleiding Grote schriftelijke presentatie groep 6/7/8 Inhoud: De eerste bladzijde: het titelblad.... 2 De tweede bladzijde: kop- en voettekst aanpassen... 2 De derde bladzijde: bronnen... 3 De derde

Nadere informatie

In dit document worden de stappen behandeld, die gemaakt moeten worden om de basis voor de webkrant op te zetten.

In dit document worden de stappen behandeld, die gemaakt moeten worden om de basis voor de webkrant op te zetten. Beknopte handleiding webkrant gebruik voor het maken van een artikel met afbeeldingen en links. artikelen maken en wijzigen In dit document worden de stappen behandeld, die gemaakt moeten worden om de

Nadere informatie

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal

Nadere informatie

[Rapport: Visitekaartjes gefilterd (1) Hannie Mommers. Mommersontwerp

[Rapport: Visitekaartjes gefilterd (1) Hannie Mommers. Mommersontwerp ] [Rapport: Visitekaartjes gefilterd (1) Hannie Mommers De Roskam 16a-18a 4851 TE Ulvenhout Nederland M +31 6 51 41 27 70 studio@mommersontwerp.nl www.mommersontwerp.nl ontwerper Hannie Mommers Bezoek

Nadere informatie

Design rationale document. Rabobank.com

Design rationale document. Rabobank.com Design rationale document Rabobank.com Inhoudsopgave 3 4 5 14 Inleiding Design values Algemene rationale Styleguide 2 Inleiding In dit document zijn de ontwerpuitgangspunten vastgelegd voor de vernieuwde

Nadere informatie

Huisstijl Handboek BELLATORSPANDOEKEN - VOOR AL UW ONTWERPEN -

Huisstijl Handboek BELLATORSPANDOEKEN - VOOR AL UW ONTWERPEN - Huisstijl Handboek BELLATORSPANDOEKEN - VOOR AL UW ONTWERPEN - 1 Inleiding BellatorSpandoeken is een kleine, creatief, familie bedrijf. Dat zich richt op de een doelgroep zoals, Promotie bedrijven, Reclame

Nadere informatie

Huisstijlhandboek. Kunststichting Firma Van Drie

Huisstijlhandboek. Kunststichting Firma Van Drie Huisstijlhandboek Kunststichting Firma Van Drie Martine den Boer Definitief 1 april 2013 Huisstijlhandboek Firma Van Drie definitief d.d. 1-4-2013 1 Inhoudsopgave Inleiding 3 1. Logo 4 1.1. Varianten 4

Nadere informatie

Tutorial Illustrator & Photoshop

Tutorial Illustrator & Photoshop Tutorial Illustrator & Photoshop Inleiding Welkom bij de tutorial over de basics van de grafische programma s Illustrator & Photoshop. Beide programma s komen uit het Adobe Creatuive Suite CS5. Hierover

Nadere informatie

Taakleerjaar1 - Dreamweaver

Taakleerjaar1 - Dreamweaver Taakleerjaar1 - Dreamweaver website VVV Terschelling Wat ga je doen? Het toeristenbureau VVV van Terschelling wil het waddeneiland zo goed mogelijk promoten. In dit kader hebben zij jou gevraagd om een

Nadere informatie

Communicatie voor iedereen

Communicatie voor iedereen Communicatie voor iedereen 7 basiselementen: 1. Kies bewust de communicatiemix 2. Zorg dat iedereen de informatie vindt 3. Bouw de communicatie logisch op 4. Gebruik een toegankelijke lay-out 5. Zorg voor

Nadere informatie

5 manieren om. om jouw landingspagina. te optimaliseren

5 manieren om. om jouw landingspagina. te optimaliseren 5 manieren om om jouw landingspagina te optimaliseren introductie Een landingspagina is een essentiële schakel in het succes van jouw customer journey, want het is dé plek om jouw klant te overtuigen om

Nadere informatie

ailexpert Tips & Tricks Email design

ailexpert Tips & Tricks Email design ailexpert Tips & Tricks Email design 1 Inleiding E-mail marketing is een vorm van direct marketing waarmee een bedrijf in contact kan komen te staan met haar klanten. De markt van E-mail marketing is de

Nadere informatie

inhoud Merkpositionering 3

inhoud Merkpositionering 3 1 inhoud Deze styleguide is een overzicht van de kleuren/ texturen en lettertypes die in ons project uiteindelijke gekozen zijn. De onderbouwing en onderzoek hiernaar is te vinden op ons blog. Merkpositionering

Nadere informatie

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.

Nadere informatie

SJABLOON STANDAARD # MAILING. 13 FEB 2016 ENTREPOTDOK 110-1018 AD AMSTERDAM 00 31 (0)20 845 36 77 - WWW.MiNTMAIL.NL

SJABLOON STANDAARD # MAILING. 13 FEB 2016 ENTREPOTDOK 110-1018 AD AMSTERDAM 00 31 (0)20 845 36 77 - WWW.MiNTMAIL.NL SJABLOON STANDAARD # MAILING 1 2 3 Een sjabloon is een grafische vormgeving die voor herhaaldelijk gebruik is bedoeld (Bron: Wikipedia). Het sjabloon van MiNTMAIL is eenvoudig in gebruik en biedt vele

Nadere informatie

Tekst Opmaken Module 3

Tekst Opmaken Module 3 3. Tekst Opmaken Standaard staat alle tekst die u in een dia invoegt in het lettertype Arial, met een puntgrootte van 44 voor titels en 32 voor opsommingen. Uiteraard kunt u de opmaak van een specifiek

Nadere informatie

Checklist 12 superslimme puntjes op de i voor jouw website

Checklist 12 superslimme puntjes op de i voor jouw website Checklist 12 superslimme puntjes op de i voor jouw website Loop deze punten na om een website als een pro te krijgen Je website komt niet op de eerste plaats. Jouw klant wel! Jij bent een zelfstandig professional.

Nadere informatie

Website bouwen Blok2 Wat kan wel en wat kan

Website bouwen Blok2 Wat kan wel en wat kan Beste studente: Helaas zit je bij het ontwerpen van een website vast aan bepaalde regels, tenzij je een flashwebsite zou maken. Bij flash is veel meer mogelijk alleen heeft deze manier van websites bouwen

Nadere informatie

Een weblog maken voor je klas

Een weblog maken voor je klas Een weblog maken voor je klas Voor deze Handleiding is gebruik gemaakt van http://www.web-log.nl Deze online weblogdienst is gratis. Stap 1: Surf naar www.web-log.nl en klik op de optie weblog aanmaken

Nadere informatie

Liesbeth Mantel. Mediacollege webdesign professional

Liesbeth Mantel. Mediacollege webdesign professional Liesbeth Mantel Mediacollege webdesign professional Juni 2006 Inhoud 1 Inleiding... 3 2 Grid en layout... 4 3 Kleurenpalet... 5 4 Typografie... 6 5 Navigatie... 7 6 Schetsen... 8 7 Stylesheet... 10 1 Inleiding

Nadere informatie

huisstijlrichtlijnen drukwerk groenlinks 2009 groenlinks huisstijlrichtlijnen 2009 p.1

huisstijlrichtlijnen drukwerk groenlinks 2009 groenlinks huisstijlrichtlijnen 2009 p.1 huisstijlrichtlijnen drukwerk groenlinks 2009 groenlinks huisstijlrichtlijnen 2009 p.1 groenlinks logo horizontaal groenlinks logo banderol groenlinks logo badge groenlinks huisstijlrichtlijnen 2009 p.2

Nadere informatie

Dyslexievriendelijk. Checklist

Dyslexievriendelijk. Checklist Kathleen Asjes en Vincent de Jong Checklist Dyslexievriendelijk 14 Nationale Beeldbank, Klara Schreuder Van de 2,5 miljoen leerlingen die dagelijks naar school gaan, heeft bijna 10 procent een leesprobleem.

Nadere informatie

Spelregels, tips & trucs

Spelregels, tips & trucs Spelregels, tips & trucs voor interne communicatie van NGK De Ontmoeting versie 1.0 11 oktober 2014 Waarom deze brochure? Deze brochure heeft alles te maken met de invoering van onze nieuwe huisstijl op

Nadere informatie

De kleine huisstijlgids voor drukwerk Veranderingen en richtlijnen in een notendop. Provincie Noord-Brabant

De kleine huisstijlgids voor drukwerk Veranderingen en richtlijnen in een notendop. Provincie Noord-Brabant ! De kleine huisstijlgids voor drukwerk Veranderingen en richtlijnen in een notendop Logo kleur Logo kleur aflopend Logo Het logo bestaat uit het provinciale balkje. Bij uitingen van provincie Noord-Brabant

Nadere informatie

Sabeth van der Voort GAR1B 03/10/2014< Grafische interface Docent: Leon Kranenburg

Sabeth van der Voort GAR1B 03/10/2014< Grafische interface Docent: Leon Kranenburg Sabeth van der Voort GAR1B 03/10/2014< Grafische interface Docent: Leon Kranenburg De regels hebben allemaal dezelfde regelafstand. Daardoor loopt de tekst aan een stuk door. Het is een lap tekst waar

Nadere informatie

Design Document Catalyst

Design Document Catalyst Design Document Catalyst Bas Deelman Inleiding Voor een duidelijke uitstraling en communicatie naar zowel de klant als andere doelgroepen moet een een duidelijke visuele identiteit zijn. De huidige projectgroep

Nadere informatie

De Valkeniers. Handleiding DeValkeniers.nl voor leiding, bestuur en andere redacteuren. Versie 1.0. Door Iwan, Jarno, Iris en Erik

De Valkeniers. Handleiding DeValkeniers.nl voor leiding, bestuur en andere redacteuren. Versie 1.0. Door Iwan, Jarno, Iris en Erik De Valkeniers Handleiding DeValkeniers.nl voor leiding, bestuur en andere redacteuren Versie 1.0 Door Iwan, Jarno, Iris en Erik DeValkeniers.nl Handleiding Redacteur DeValkeniers.nl 1 Inhoud DeValkeniers.nl

Nadere informatie

Handleiding Mijneigenweb.nl

Handleiding Mijneigenweb.nl Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen

Nadere informatie

Richtlijnen huisstijl voor vormgevers en drukkers. November 2014

Richtlijnen huisstijl voor vormgevers en drukkers. November 2014 Richtlijnen huisstijl voor vormgevers en drukkers November 2014 In de Veiligheidsregio Hollands Midden werken gemeenten, GHOR, brandweer, politie en andere partners samen aan de rampenbestrijding en crisisbeheersing

Nadere informatie

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0 Schoolwebsite.nu Snel aan de slag met uw website Versie 4.0 Inhoudsopgave Inhoudsopgave... 2 1 Inleiding... 3 2 Voor dat u begint... 4 3 Teksten op de website... 6 4 Groepspagina s... 8 5 De groepspagina...

Nadere informatie

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je doelgroep.

Nadere informatie

HUISSTIJLHANDBOEK. Alle richtlijnen en alle benodigdheden om deze richtlijnen uit te voeren, vind je ook hier:

HUISSTIJLHANDBOEK. Alle richtlijnen en alle benodigdheden om deze richtlijnen uit te voeren, vind je ook hier: HUISSTIJLHANDBOEK Dit huisstijlhandboek geeft richtlijnen bij het gebruik van de huisstijl van De Unie Hasselt-Genk. Het consequent doorvoeren van deze huisstijl in alle communicatie zal zorgen voor een

Nadere informatie

Kalender. Stap 3 Sla je document direct op in je zojuist aan gemaakte map, zodat je alles van begin af aan goed ordent.

Kalender. Stap 3 Sla je document direct op in je zojuist aan gemaakte map, zodat je alles van begin af aan goed ordent. Kalender Stap 1 Maak een nieuwe map aan op je account of USB-stick. Hierin gaan we alles opslaan dat met deze opdracht te maken heeft. DUS WE GOOIEN NIETS WEG! Stap 2 Maak in Indesign een document aan

Nadere informatie

Grafische Instructie. Adobe InDesign. Adobe Apple InDesig Tekstkaders stalen openen stijlen zoom corps plaatsaanduidingstekst document

Grafische Instructie. Adobe InDesign. Adobe Apple InDesig Tekstkaders stalen openen stijlen zoom corps plaatsaanduidingstekst document Drukwerk uitwerking Adobe Apple InDesig Tekstkaders stalen openen stijlen zoom corps plaatsaanduidingstekst document menu palletten muis aanwijzer dtp kleuren Copyright december 2014 Wytse Kloosterman

Nadere informatie

huisstijlrichtlijnen drukwerk groenlinks 2009 groenlinks huisstijlrichtlijnen 2009 p.1

huisstijlrichtlijnen drukwerk groenlinks 2009 groenlinks huisstijlrichtlijnen 2009 p.1 huisstijlrichtlijnen drukwerk groenlinks 2009 groenlinks huisstijlrichtlijnen 2009 p.1 groenlinks logo horizontaal groenlinks logo banderol groenlinks logo badge groenlinks huisstijlrichtlijnen 2009 p.2

Nadere informatie

EDUKIDS: Corporate DESIGN

EDUKIDS: Corporate DESIGN EDUKIDS: Corporate DESIGN Visual Interface Design Eindopdracht door Mark Nuyens, V1TDI 1 INHOUD 1. 2. 3. 4. 5. Ontwerp logo Creatieve rationale: huisstijl Ontwerp homepage Ontwerp secundaire pagina Documentatie

Nadere informatie

make things ETA by Boudewijn Naaijkens

make things ETA by Boudewijn Naaijkens ET S make things ETA by Boudewijn Naaijkens VISUAL IDENTITY Student Boudewijn Naaijkens 2060969 Avans Hogeschool 42CM04 (O) Vakcoördinator Brenda Renssen Avans Hogeschool Overige betrokken docent(en) Marcel

Nadere informatie

Huisstijlhandboek. Algemene richtlijnen & instructies voor het gebruik van de CDA huisstijl. Februari 2013 Versie 1.1.

Huisstijlhandboek. Algemene richtlijnen & instructies voor het gebruik van de CDA huisstijl. Februari 2013 Versie 1.1. Huisstijlhandboek Algemene richtlijnen & instructies voor het gebruik van de CDA huisstijl Februari 2013 Versie 1.1. Inhoud 1. Inleiding 2. Logo 3. Opbouw logo en payoff 4. Plaatsing van het logo 5. Omgaan

Nadere informatie

Maarssen. Huisstijlhandboek

Maarssen. Huisstijlhandboek Maarssen Huisstijlhandboek 1 100% het logo Lettertype: Arial Bold: De letters T, r, t, s, o, p,... 75% Arial Italic: De letter O In full color / CMYK: Blauw*: C100, M86, Y32, K16: De letters T, r, t, s,

Nadere informatie

Huisstijl en beeldplan intranet / internet VUmc

Huisstijl en beeldplan intranet / internet VUmc 1 Huisstijl en beeldplan intranet / internet VUmc 2 Inhoudsopgave 1 De huisstijl van de VUmc web- en intranetsite 1.1 Beschrijving huisstijl 1.2 Bewaking huisstijl van de website en intranet 2 Fotomateriaal

Nadere informatie

Huisstijlbeschrijving

Huisstijlbeschrijving Huisstijlbeschrijving 2 Inhoud Inleiding 3 Het NBVlogo 4 Het kleurenpalet 5 Typografie 9 Vormtaal en grid 17 Beeldtaal 22 Beeldschermpresentaties 40 Digitale uitingen 41 Brochures, folders en leaflets

Nadere informatie

Maaike Bongers JDE-VIS-1 Visual seminar Tom Wolvers

Maaike Bongers JDE-VIS-1 Visual seminar Tom Wolvers Maaike Bongers JDE-VIS-1 Visual seminar Tom Wolvers 1 Inhoudsopgave Blz.3 1. Inleiding Blz.4 2. Het huisstijlboekje Blz.6 3. De stappen tot de realisatie van een huisstijl Blz.9 4. Het onderscheiden van

Nadere informatie

Basisprincipes van het ontwerpen

Basisprincipes van het ontwerpen Basisprincipes van het ontwerpen Als een van Ottawa s meest prominente marketing- en communicatiebedrijven, biedt gordongroup bekroonde ontwerpen voor een compleet assortiment aan communicatieproducten,

Nadere informatie

Ontwerp en zetoefening in Indesign 2.0 Oefening oefening met als thema: Het naamkaartje.

Ontwerp en zetoefening in Indesign 2.0 Oefening oefening met als thema: Het naamkaartje. Oefening oefening met als thema: WAT IS BELANGRIJK? WAT MOET JE WETEN? WAT MOET JE KUNNEN? WAT ONHOU JE VAN DEZE OEFENING? JE MOET De opdracht kunnen analyseren en het ontwerp en de lay-out kunnen voorbereiden.

Nadere informatie

Webonderdelen (Web Parts)

Webonderdelen (Web Parts) Webonderdelen (Web Parts) Een SharePoint pagina is opgedeeld in een aantal zones op het scherm. In elke zone kunnen Webonderdelen, veelal Web Parts genoemd, geplaatst worden. Deze Web Parts zijn kleine

Nadere informatie

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website? INTRODUCTIE Met het downloaden van deze whitepaper kunnen we

Nadere informatie

HUISSTIJL HANDBOEK technische richtlijnen inzake logo en huisstijl

HUISSTIJL HANDBOEK technische richtlijnen inzake logo en huisstijl HUISSTIJL HANDBOEK technische richtlijnen inzake logo en huisstijl Elke organisatie, elk bedrijf is uniek. Ze creëert dan ook, bewust maar soms ook onbewust, een eigen visuele identiteit, een eigen huisstijl.

Nadere informatie

Vragenlijst voor nieuwe website

Vragenlijst voor nieuwe website Vragenlijst voor nieuwe website Om het jezelf makkelijk te maken, print je dit formulier uit en vul je het gewoon met pen in. Overleg eens met huisgenoten, collega's en vrienden zodat je een juist beeld

Nadere informatie

Vergeet niet achterin deze opdracht de tips voor lay-out te bekijken!

Vergeet niet achterin deze opdracht de tips voor lay-out te bekijken! De film Bridge of Terabithia is een film die past binnen het thema pesten. Je hebt de film bekeken en vooraf werd de afspraak gemaakt dat je er een filmverslag van gaat maken. Deze opdracht helpt je op

Nadere informatie

Hieronder vindt u een aantal tips die kunnen helpen de vindbaarheid te verbeteren:

Hieronder vindt u een aantal tips die kunnen helpen de vindbaarheid te verbeteren: Zoekmachine tips In dit document wordt een aantal tips gegeven om de vindbaarheid van uw website in zoekmachines te verbeteren. Hiermee zou u er voor kunnen zorgen dat u site hoger in de zoekresultaten

Nadere informatie

1 Omslag/voorblad/titelblad. 2 Titelblad

1 Omslag/voorblad/titelblad. 2 Titelblad Rapporteren Om informatie te rapporteren bestaan er normen of regels. Enkele voorbeelden van rapporten: een eindwerk, een geïntegreerde proef Een rapport kan uit negen onderdelen bestaan: 1 Omslag/voorblad/titelblad

Nadere informatie

Het ideale font voor programmeurs

Het ideale font voor programmeurs Het ideale font voor programmeurs Onderzoeksverslag Hogeschool Utrecht Communicatie & Media Design Auteur: Benjamin van Bienen (1576750) Docent: Dick Swart Specialisatie: Visual design seminar 2014-B Samenvatting

Nadere informatie

HUISSTIJLHANDBOEK. Alle richtlijnen en alle benodigdheden om deze richtlijnen uit te voeren, vind je ook hier: www.z33.be/uniehasseltgenk/communicatie

HUISSTIJLHANDBOEK. Alle richtlijnen en alle benodigdheden om deze richtlijnen uit te voeren, vind je ook hier: www.z33.be/uniehasseltgenk/communicatie HUISSTIJLHANDBOEK Dit huisstijlhandboek geeft richtlijnen bij het gebruik van de huisstijl van De Unie Hasselt-Genk. Het consequent doorvoeren van deze huisstijl in alle communicatie zal zorgen voor een

Nadere informatie

Handboek huisstijl Sander Thomas

Handboek huisstijl Sander Thomas Handboek huisstijl Sander Thomas 1. Inleiding Huisstijl Een huisstijl betekent in de ruime zin van het woord: de stijl van het huis in 3 elementen: design, communicatie en gedrag. Dit document behandelt

Nadere informatie

ZÉLF JE WORDPRESS WEBSITE MAKEN?

ZÉLF JE WORDPRESS WEBSITE MAKEN? WordPress blog ZÉLF JE WORDPRESS WEBSITE MAKEN? WordPress Academy Nederland helpt je op weg met onze Basiscursus INHOUD P1 P2 P3 P4 P5 P6 P7 P8 P9 P 10 P 11 P 12 P 13 P 14 P 15 P 16 P 17 P 18 P 19 P 20

Nadere informatie