Embedded Files
Skill 1 | Skill 2 | Skill 3 | Skill 4 | Skill 5 | Skill 6 | Skill 7 | Skill 8
Eindopdracht Klas 3 | Opdracht Klas 4
Pro Skill 1 | Pro Skill 2 | Pro Skill 3
Introductie
Introductie
Skill 1: Interactief
Skill 1: Interactief
Leerdoelen
Werkwijze
Voorbeelden van Interactieve ontwerpen.
Overheid
Reclame
Reclame
Kunst
Meer...
Meer...
WigglePixel/Maarten de Haas: WigglePixel.nl en webfolie.nl, BooomBassTic
Skill 2: Doelgroep
Skill 2: Doelgroep
Leerdoelen
Werkwijze
Skill 3: Layout met behulp van Stramien
Skill 3: Layout met behulp van Stramien
Een stramien (ook wel grid of sjabloon of master page) is een vaste indeling die bepaalt waar elementen op een pagina mogen staan.
Het bestaat meestal uit kolommen, marges en hulplijnen. Een stramien helpt om een ontwerp overzichtelijk te houden en maakt het eenvoudiger om meerdere pagina’s dezelfde structuur te geven.
De lay-out is de manier waarop alle onderdelen – tekst, afbeeldingen, knoppen en witte ruimte – daadwerkelijk worden vormgegeven binnen het stramien.
Femke Klein: A Stramien
Bring your own laptop: InDesign: Masterpage (stramien in NL) en XD: Create a 12 Column Grid in Adobe XD
Raoul Postel: Layout voorbeelden
Skill 4: Typografie en Kleur
Skill 4: Typografie en Kleur
Zie 2D3D Beeldelementen Kleur en Typografie
Skill 5: Wireframe
Skill 5: Wireframe
Een wireframe is een schematische tekening van een digitale toepassing – meestal een website, app of interactief product. Het toont de structuur, functies en plaatsing van onderdelen, zonder dat er al vormgeving, kleurgebruik of typografie is uitgewerkt.
Uxcel course: Wireframe Best Practice
Alvarotrigo: Low Fidelity Wireframe for websites
Skill 6: Flowchart
Skill 6: Flowchart
Een flowchart, of stroomschema, is een visuele weergave van stappen, beslissingen en de volgorde van een proces. Het helpt om complexe informatie overzichtelijk te maken. 
Stroomschema’s gebruiken standaard symbolen (start/eind, actie, beslissing) zodat processen voor iedereen begrijpelijk zijn.
Dribble: Sitemap for Student Guide
Skill 7: Prototype/mock-up
Skill 7: Prototype/mock-up
Skill 8: User Experience (UX) en User Interface (UI)
Skill 8: User Experience (UX) en User Interface (UI)
UX staat voor User Experience, wat letterlijk gebruikers ervaring betekent.
Het draait dan ook om het ontwerpen van een optimale gebruikerservaring.
Bij het ontwerpen maak je bijvoorbeeld wireframes en animaties. Het kan ook zijn dat je twee verschillende knoppen ontwerpt en dat je vervolgens gaat testen welke type knop eerder gedrukt wordt zodat een klant beter/sneller doet wat jij wil dat hij doet.
UI staat voor User Interface, dat gebruikersomgeving betekent. Dit kan bijvoorbeeld de gebruikersomgeving van een website of een applicatie zijn.
Daar waar UX zich richt op de totale gebruikerservaring, ligt bij UI de focus specifiek op de interface.
UX staat voor User Experience, wat letterlijk gebruikers ervaring betekent.
Het draait dan ook om het ontwerpen van een optimale gebruikerservaring.
Bij het ontwerpen maak je bijvoorbeeld wireframes en animaties. Het kan ook zijn dat je twee verschillende knoppen ontwerpt en dat je vervolgens gaat testen welke type knop eerder gedrukt wordt zodat een klant beter/sneller doet wat jij wil dat hij doet.
UI staat voor User Interface, dat gebruikersomgeving betekent. Dit kan bijvoorbeeld de gebruikersomgeving van een website of een applicatie zijn.
Daar waar UX zich richt op de totale gebruikerservaring, ligt bij UI de focus specifiek op de interface.
Verdieping
Verdieping
Eindopdracht Klas 3
Eindopdracht Klas 3
Profielmodule 4: Interactief PTA toets Klas 3
Profielmodule 4: Interactief PTA toets Klas 3
Cito toets 2025 rood Onderdeel D
Cito toets 2025 rood Onderdeel D
Deze PTA opdracht maak je in Teams en
lever je in via Teams.
Deze PTA opdracht maak je in Teams en
lever je in via Teams.
Tijdsplanning
Tijdsplanning
Tijdens het CSPE is de maximale tijd voor BB: 165 min, KB 205 min en GL 220 min.
Voor je PTA cijfer krijg je 2 dagen voor deze opdracht.
Aan het einde van dag 1 lever je alles wat je gemaakt heb in in Teams.
Begin dag 2, download je de opdracht en werk je verder.
Aan het einde van dag 2 lever je opnieuw je opdracht in in Teams.
Klik op Inleveren!
Werkwijze:
Werkwijze:
Bekijk eerst gezamenlijk het instructiefilm (zie hieronder)
Je krijgt de opdracht op papier, en eventueel tekenspullen.
Download het zip bestand (zie rechts).
Let op, kies het juiste: BB, KL of GLUnzip de bestanden en ga naar Rood > kp-1500r-25-applicaties > bestanden voor de kandidaat > D (B voor de GL leerling)
Maak de Onderdeel D (A voor GL) en lever in via de Teams opdracht.
Ga dan naar Facet, kies Examens Oefenen > kies BB, KB og GL en Profielvak-CSPE > MVI Rood 2025 en kies Opdracht D0x (GL kiest A0x).
LET OP: laat je docent het resultaat zien voor je afsluit, anders moet Facet opnieuw...
Succes allemaal!
Pixel Game Fest
Pixel Game Fest
Tijdens het gaming event Pixel Game Fest kunnen bezoekers een quiz spelen. De antwoorden op de quizvragen kunnen ze vinden op het event. Jij gaat deze quiz maken.
De quiz heeft een startscherm en drie vragen. Als je een vraag fout hebt, krijg je dat te zien. Daarna kun je opnieuw beginnen. Als je een vraag goed hebt, ga je door naar de volgende vraag. Heb je alle vragen goed, dan word je gefeliciteerd en kun je gegevens achterlaten om kans te maken op een prijs.
Opdracht Klas 4
Opdracht Klas 4
Pro Skill 1
Pro Skill 1
Pro Skill 2
Pro Skill 2
KB Rood 2025 voorbeelden: link naar XD en link naar InDesign en naar GitHub
Google Sites
Report abuse