Les 7 van 10

Stijl en uitstraling verbeteren

Je app werkt en staat online. Nu geef je hem de uitstraling van je school of organisatie, met een logo, kleuren of huisstijlgids als voorbeeld.

Huisstijlwerkbank

Geef AI een duidelijke visuele richting

Kies wat jij als stijlvoorbeeld hebt. De werkbank maakt daarna een prompt die past bij jouw logo, schoolwebsite of creatieve idee.

1. Kies2. Vul in3. Kopieer
Wat verandert er?

Dezelfde app, een herkenbare uitstraling

De inhoud en werking blijven gelijk. Alleen de visuele taal verandert.

AIMijn oefenapp
Vraag 1 van 5

Welke uitleg past bij dit begrip?

Controleer antwoord

Werkend, maar nog zonder herkenbare visuele richting.

Stap 1

Waar baseer je de stijl op?

Stap 2

Het bestand blijft op je computer. Voeg het straks zelf toe aan je AI-chatbot.

Stap 3Jouw persoonlijke huisstijlprompt
Pas de webapp die we zojuist hebben gebouwd aan de huisstijl van mijn school of organisatie aan.

Zie [NAAM VAN JE LOGO OF HUISSTIJLBESTAND] in de bijlage. Analyseer dit bestand en gebruik het als stijlvoorbeeld.

Pas alleen de vormgeving aan: kleuren, knoppen, lettertypes, header, ruimte en algemene uitstraling.

Belangrijk:
- verander de inhoud en werking van de app niet;
- houd de app duidelijk en bruikbaar voor leerlingen of studenten;
- zorg dat de app ook op mobiel goed blijft werken;
- gebruik mijn bestaande webapp als basis;
- geef een nieuw downloadbaar HTML-bestand terug.

Kies eerst je stijlbron en voeg de bijbehorende input toe.

“Maak mijn app mooier” geeft AI weinig richting.

Een concreet stijlvoorbeeld geeft een herkenbaarder resultaat en laat jou de regie houden.

Nu doen

Actie van deze les

Geef je app de huisstijl van je school

Geef je app de huisstijl van je school of organisatie.

0van 3 stappen gedaan

Checklist

0 van 3 gedaan

Bezig
Kies in de huisstijlwerkbank je stijlbron en voeg jouw input toe.
Kopieer je persoonlijke huisstijlprompt en laat AI een nieuwe versie maken.
Test de nieuwe vormgeving en publiceer haar opnieuw op dezelfde URL.
Klaar als:

Je app gebruikt herkenbare stijlkenmerken van je school of organisatie en staat opnieuw online op dezelfde URL.

Vragen en opmerkingen

Praat verder over deze les

Stel een vraag, lees mee of help een andere cursist op weg.

0 vragenAlles is beantwoord
Vragen laden...

Voortgang bewaren

Markeer deze les als afgerond

Zo weet je straks precies waar je bent gebleven.

Volgende stap

Je app ziet er herkenbaar uit

In les 8 voeg je afbeeldingen, bestanden en downloads toe om je app rijker en bruikbaarder te maken.

Door naar les 8: afbeeldingen, bestanden en downloads toevoegen