Adobe XD

• Media
• Middelbare school
• vmbo k
• Leerjaar 2

Adobe XD website/Figma

02-06-2025

Interactief

Wat gaan we vandaag doen

• Leerdoelen bespreken.
• 2 openvragen.
• Uitleg Adobe XD/Figma.
• Zelfstandig werken.

Leerdoelen

•  Leerling Herkent de onderdelen van een goed opgebouwde website (zoals homepage, navigatie, contentpagina’s en header).
•  Leerling kan afbeeldingen plaatsen/vergroten in Adobe XD.
•  Leerling kan Creatief omgaan met opbouw van een website.

Hebben jullie ervaring met Adobe XD/Figma?

Wat is een Header en de navigatie op een website?

Wat is adobe XD

Adobe XD is een programma waarmee je ontwerpen kunt maken voor apps en websites. Je kunt er bijvoorbeeld een ontwerp maken van hoe een app eruitziet op je telefoon of een website.

De opdracht

Je gaat voor een gekozen dier een website ontwerpen. Als het goed is, heb je een dier gekozen dat je leuk vindt of waar je meer over wilt weten. Jij gaat als ontwerper de geschiedenis van dat dier vormgeven op je website. 

Kijk in teams bij de map: 

Lees de opdracht goed door en kijk wat de eisen zijn!

Zelfstandig werken

Wat: Werken aan de Adobe XD website (Als adobe XD niet werkt gebruik dan Figma).

Hoe: zelfstandig werken aan opdracht.

Hulp: Opdracht boekje in Teams, Klasgenoot naast je, Docent en  chatgpt.

Tijd: 90 min.

Uitkomst: Beginstuk van je dierenwebsite.

Klaar? Vraag aan de docent wat je verder kunt doen.

Wat hebben jullie vandaag geleerd? (denk aan header, navigatie enzovoort).

Terugblik op de les

•  Leerling Herkent de onderdelen van een goed opgebouwde website (zoals homepage, navigatie, contentpagina’s en header).
  
•   Leerling kan afbeeldingen plaatsen/vergroten in Adobe XD.
  
•   Leerling kan Creatief omgaan met opbouw van een website.

Voor de volgende les:

- Terugblik op deze les.

- uitleg nieuwe lesstof.

- Verder werken aan de opdracht.

Tot de volgende les!

Roll-over

Wat is het en hoe maak je dat?