website

1 / 36
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 1

In deze les zitten 36 slides, met interactieve quizzen, tekstslides en 1 video.

time-iconLesduur is: 50 min

Onderdelen in deze les

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Welke websites bezoek je vaak,
naast social media websites?

Slide 2 - Woordweb

Deze slide heeft geen instructies

Wat maakt een website voor jou aantrekkelijk?

Slide 3 - Woordweb

Deze slide heeft geen instructies

De plekken waar de bezoekers van een website het meeste naar kijken, kun je weergeven in een zogenaamde ‘heatmap’. Hoe roder de kleur, hoe meer ernaar gekeken wordt.

Slide 4 - Tekstslide

Deze slide heeft geen instructies

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Slide 6 - Sleepvraag

Deze slide heeft geen instructies

Creatieve typografie
1. Kleurgebruik  
2. Ongeschreven designregels

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Wat valt je op
aan deze posters?

Slide 8 - Open vraag

Deze slide heeft geen instructies

Kleurgebruik

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Kleurgebruik: wat zegt de kleur rood?
A
De kleur rood is de kleur van de natuur
B
De kleur rood schreeuwt om aandacht
C
De kleur rood brengt rust met zich mee
D
De kleur rood is een koninklijke kleur

Slide 10 - Quizvraag

Deze slide heeft geen instructies

Kleurgebruik: Rood
  • De mens is zeer gevoelig voor de kleur rood. 
  • Ook is het in de hele wereld een belangrijke kleur om signalen af te geven. 
  • Rood is ook een warme kleur. 
  • Tijdens de Middeleeuwen werd rood gezien als de kleur van zonde en vernietigend geweld. 

Is rood je lievelingskleur? Volgens kleurpsychologen heb je dan de behoefte om krachtig
te lijken. Je wilt indruk maken. Presteren en inzet vind je zeer belangrijk. Ook zou je
van avontuur en afwisseling houden. Je bent strijdlustig, impulsief, jaloers, moedig en geestdriftig.

Slide 11 - Tekstslide

De mens is zeer gevoelig voor de kleur rood. Het is een hele sterke kleur die verbonden is aan veel opvallende zaken. Te denken valt bijvoorbeeld aan bloed en vuur. Ook is het in de hele wereld een belangrijke kleur om signalen af te geven. Verkeerslichten, verkeersborden en remlichten bevatten allemaal de kleur rood. Rood is ook een warme kleur. Het is daarom ook de kleur van de liefde en hartstocht. Rood windt op en wekt onrust. Het veroorzaakt een stoot adrenaline in het bloed en versnelt hiermee de hartslag en het verhoogt de bloeddruk. Tijdens de Middeleeuwen werd rood gezien als de kleur van zonde en vernietigend geweld. Roodharige vrouwen werden van hekserij verdacht en op de brandstapel gegooid. Ook de duivel is rood. In die tijd droegen priesters rode gewaden om zich te beschermen tegen duivelse krachten. Is rood je lievelingskleur? Volgens kleurpsychologen heb je dan de behoefte om krachtig te lijken. Je wilt indruk maken. Presteren en inzet vind je zeer belangrijk. Ook zou je van avontuur en afwisseling houden. Je bent strijdlustig, impulsief, jaloers, moedig en geestdriftig.
Conclusie
Wanneer je de kleur rood gebruikt in een ontwerp dan maak je dus een behoorlijk statement. Rood schreeuwt,
straalt kracht uit en geeft waarschuwingssignalen. 

Gebruik deze kleur dus met mate en denk
erover na wat voor signaal je uitzend.

Slide 12 - Tekstslide

Deze slide heeft geen instructies

Kleurgebruik: Voorbeeld
MacDonalds wisselde de rode achtergrondkleur in voor een groene kleur voor het opwekken van positievere associaties bij de consument.

Slide 13 - Tekstslide

Een mooi voorbeeld van een bedrijf dat zich zeer bewust is van het gebruik van kleur is Mac Donalds. Die is onlangs overgestapt van hun bekende rode kleur naar groen. Met deze kleurverandering wil McDonalds het gedrag van de consument onbewust beïnvloeden en langzaam positievere associaties in ons hoofd opwekken. Groene logo’s worden namelijk geassocieerd met duurzaam, gezond, natuurlijk en betrouwbaar.

Slide 14 - Video

Deze slide heeft geen instructies

Kleurencombinaties
Het liefst gebruik je kleuren die elkaar aanvullen, die dicht bij elkaar liggen. 

Soms heeft een ontwerp wat spanning nodig en dan gebruik je juist kleuren die tegenover elkaar in de kleurencirkel staan. 

Slide 15 - Tekstslide

In een kleurencirkel kun je heel goed zien wat kleuren doen ten opzichte van elkaar. Geven ze rust of spanning. Vullen ze elkaar aan of geven ze contrast . Even heel kort wat je al geleerd hebt op de kleuterschool. Er zijn drie primaire kleurenrood, blauw en geel. Die kleuren zijn primair omdat ze niet ontstaan door het mengen van kleuren. In de cirkel vormen ze het driehoekje in het hart. Dan zijn er de secundaire kleuren. Die ontstaan door het mengen van twee primaire kleuren paars, oranje en groen.  En de tertiaire kleuren die ontstaan door het mengen van een primaire met een secundaire kleur.

Contrast Combineer je kleuren die tegenover elkaar op de kleurencirkel liggen, zoals blauw en oranje, dan werk je met contrast. Contrasterende kleuren zorgen voor spanning en dynamiek. Om de balans te bewaren kan je echter voor één hoofdkleur gaan en werken met subtiele kleuraccenten. Contrast kan je ook bekomen door lichte en donkere kleuren te mengen of koude met warme tinten te combineren. Of wat dacht je bijvoorbeeld van een combinatie van fris waterblauw met chocoladebruin?  
Harmonie Als je kleuren mixt die iets gemeenschappelijks hebben of die in dezelfde lijn liggen  dan krijg je harmoniërende kleuren. Kies bijvoorbeeld voor kleuren die dezelfde intensiteit hebben, die dicht bij elkaar op de kleurencirkel liggen of die uit dezelfde kleurenfamilie komen. Zo zijn rood en oranje of blauw en turkoois een winnend duo. Wil je het nog wat interessanter maken dan kan je twee verschillende harmoniërende kleurenreeksen gebruiken of zorgen voor tegengestelde accenten. Combineer bijvoorbeeld een warme kleurenfamilie met koele accenten, of omgekeerd!
Toon op toon Om een mooi effect te bekomen is het niet altijd nodig met verschillende kleuren te werken. Ook toon op toon tinten kunnen verrassend zijn. Toon op toon zorgt voor harmonie, kalmte en rust. Hoe dichter de tinten bij elkaar liggen, hoe subtieler het resultaat.
Ongeschreven designregels

Slide 16 - Tekstslide

Deze slide heeft geen instructies

Ongeschreven ontwerpregels
"Less is more"


Slide 17 - Tekstslide

Less is more houdt ook in dat je met witruimtes werkt. Laat hier en daar flink wat ruimte open: dit zorgt voor rust in het geheel en zorgt ervoor dat een gedeelte extra aandacht krijgt doordat je het isoleert van de omgeving. Dit betekent natuurlijk niet dat je nooit een afbeelding aflopend (tot over de rand van de pagina) mag plaatsen. Juist dat kan ook veel rust geven op een pagina!
Ongeschreven ontwerpregels
"Typografisch contrast"

Slide 18 - Tekstslide

Typografie is erg belangrijk in je design. Maak een groot stuk platte tekst niet te groot (corps 9 à 10 is meestal prima), zet een kop in een veel groter font en denk aan gebruik van een intro en tussenkopjes om de leesbaarheid te vergroten. Let ook op het contrast tussen de letters en de achtergrond, zorg dat de tekst goed leesbaar is. Maar maak het contrast niet te groot: een donkergrijze tekst leest vaak net zo prettig als een zwarte tekst, maar oogt een stuk vriendelijker. Denk ook na over de hoeveelheid tekst. Een posters daar lopen mensen vaak voorbij, dus daarop moet in een paar seconden te lezen zijn wat belangrijk is. Een flyer daarentegen, die nemen mensen vaak mee naar huis dus daar kan je meer informatie op kwijt. Mensen gaan zitten met de flyer en lezen hem even door.
Ongeschreven ontwerpregels
"Welk gedeelte moet de aandacht trekken?"

Bedenk goed wat het meest belangrijke gedeelte is. Wat wil je dat je klanten zien? Wat is de hoofdboodschap? Daar concentreer je je op, dus die maak je groter, vetter, die geef je een andere kleur of die highlight je op een andere manier. 

Slide 19 - Tekstslide

Deze slide heeft geen instructies

Ongeschreven ontwerpregels
"Lijn zoveel mogelijk items uit"

Het brengt rust in elk ontwerp om items uit te lijnen. 
Lijn een tekstkader met een afbeelding
Of de kop met een belijning die er loopt.  

Slide 20 - Tekstslide

Deze slide heeft geen instructies

Slide 21 - Tekstslide

Deze slide heeft geen instructies

Slide 22 - Tekstslide

Deze slide heeft geen instructies

Slide 23 - Tekstslide

Deze slide heeft geen instructies

Slide 24 - Tekstslide

Deze slide heeft geen instructies

Slide 25 - Tekstslide

Deze slide heeft geen instructies

Slide 26 - Tekstslide

Deze slide heeft geen instructies

Slide 27 - Tekstslide

Deze slide heeft geen instructies

Slide 28 - Tekstslide

Deze slide heeft geen instructies

Slide 29 - Tekstslide

Deze slide heeft geen instructies

Slide 30 - Tekstslide

Deze slide heeft geen instructies

Slide 31 - Tekstslide

Deze slide heeft geen instructies

Slide 32 - Tekstslide

Deze slide heeft geen instructies

Slide 33 - Tekstslide

Deze slide heeft geen instructies

Onderzoeken
https://koopmanhorses.nl/
https://dressuurstalseren.nl/
https://www.ddh-stables.com/
https://www.hesterbischot.nl/
https://www.anky.com/
https://paardentandartsjansen.nl/
of.....




Slide 34 - Tekstslide

Deze slide heeft geen instructies

Slide 35 - Link

Deze slide heeft geen instructies

Wat ga je onderzoeken en presenteren!
1. eerste indruk website
2. Wat is de doelgroep en wordt deze ook bereikt (denk je)?
3. opbouw (logisch, inzichtelijk, ...)
4. navigeren (makkelijk, eenvoudig, ingewikkeld)
5. tips en tops
Je gaat met je groepje je bevindingen presenteren!

Slide 36 - Tekstslide

Deze slide heeft geen instructies