Een Wireframe is een website-techniek om snel een overzichtelijk schets te maken van jouw website. Dit ga jij ook oefenen; je gaat jouw onderzochte en gekozen favoriete website omzetten in een wireframe. Deze gaan we later gebruiken om er een flow-chart mee te maken!
Voorbeeld van een wireframe versie van de X11.nu website
Checklist
Opdracht – wireframe maken
Maak een wireframe van jouw favoriete website in adobe Illustrator.
Tip!
Kijk goed naar onderstaand voorbeeld!
Voorbeeld van een wireframe versie van de X11.nu website
Specificaties
Je maakt de wireframe volgens onderstaande specificaties:
- De wireframe is opgemaakt op een liggende A4 pagina,
- De wireframe is zwart-wit en zo simpel mogelijk,
- Je maakt gebruik van neppe tekst. Je kan neppe ‘lorum ipsum’ tekst, kopiëren van https://loremipsum.io
- Je mag een simpele beschrijving toevoegen in jouw beeldelementen, bijvoorbeeld:
- Knoppen noem je knop
- Titels en Subtitels noem je ‘Titel’ en ‘Subtitel’
- Zoekbalken noem je ‘Zoeken’
- Logo’s noem je ‘Logo’
- Afbeeldingen zijn vierkanten met een kruis er doorheen, (net zoals in Indesign!),
Inleveren als PDF
Je levert de wireframe in als een Adobe PDF in jouw inlevermap of op Edmodo (vraag dit even aan jouw docent)
