VAK_website_2010: Les 5:

http://www.youtube.com/watch?v=hWOSSrS2iRs&feature=related

Het gebruik van kleur:

De mens reageert op allerlij manieren op kleur.
Soms psychologisch, soms zelfs lichamelijk.

Meestal onbewust.

Bij vormgeven en ook bij websties bouwen is het handig om kennis te hebben, van de reactie die kleuren oproepen.

Goed kleurgebruik draagt bij aan een het gevoel van uw bezoekers.
Ook kan het van invloed zijn op de tijd dat uw bezoeker op de site blijft.

Onderzoek heeft uitgewezen dat bezoekers van websites, binnen 10 seconden, besluiten of ze blijven of weggaan. Kleurgebruik speelt daarbij (naast vormgeving, useablitlity en duidelijkheid)een grote rol.

Kleuren roepen emoties op en beinvloed op een onderbewust niveau.
Kleur speelt een grote rol bij het overtuigen van de bezoekers.

Het is dus een integraal deel van de manier waarop we ‘spreken’ tegen de bezoekers.

Hoe ervaren wij kleuren?

Kleuren die we zien, worden door onze hersenen geïdentificeerd en er worden automatisch associasities gelegd. We zien gras en onze hersenen vertellen ons dat het groen is, andersom werkt dat ook.
Als we uit een vliegtuig grote vlakken groen zien, denken we onderbewust.......he, gras.

De hersenen koppelen ook een waarde oordeel aan kleuren, vaak verbonden aan het menselijk instinct.
Rood is gevaar, blauw is koud, grijs is saai.

Verkeerde kleurkeuze kan een ontwerp er goedkoop uit laten zien.

Met de juiste kleurkeuze kunt u de bezoeker zich welkom laten voelen, comfortabel, rustig en vertrouwd.

Het beste design voor een website is een ontwerp dat er ook in zwart-grijs-wit nog goed en overzichtelijk uitziet.
Het toevoegen van kleur bepaalt vervolgens de sfeer, de stijl en het gevoel dat uw website bij de bezoeker oproept.

Kleur kan bij een website op twee manieren worden ingezet:
• Decoratief
• Functioneel

Decoratief kleurgebruik
Kleur brengt het ontwerp tot leven. Hoe overzichtelijk een site ook is in zwart-grijswit,
hij is ook meestal uitermate saai. Het toevoegen van kleur voorkomt dat uw
bezoekers de website verlaten vanwege zijn saaiheid.

Functioneel kleurgebruik
Kleurgebruik kan helpen bij het inzichtelijker maken van een website. Door kleuren
consequent te gebruiken wordt de opbouw van de site duidelijker.
Kleur kan gebruikt worden om delen van de site duidelijk te onderscheiden

Hier kun je zie hoeveel impact kleur heeft op een website:
http://www.csszengarden.com/

Kleuren en de associaties die ze oproepen

Zwart

is tijdloos en stijlvol en straalt autoriteit en macht uit.

Grijs

is neutraal, soms zelfs saai

Wit

is licht, puur, neutraal en past overal bij. Goed te gebruiken als achtergrond bij
zaken die eruit moeten springen.

Rood

staat voor vitaliteit, dynamiek, activiteit, hitte en verlangen.

Blauw

het tegenovergestelde van rood.

Blauw wekt vertrouwen en is vreedzaam, maar is ook koud, formeel,
technisch en zakelijk.

Paars
plechtig, melancholisch, geassocieerd met luxe, intelligentie en magie.

Groen

kalm en fris Groen wordt geassocieerd met natuur, ontspanning, vrije tijd en kalmte. De makkelijkste kleur voor het oog.

Geel

is helder, speels, uitnodigend en vrolijk. Geel is de minst comfortabele kleur voor de ogen.

Oranje

is feestelijk, inspirerend en actief. Oranje teksten zijn niet echt leesbaar.

Bruin

staat voor wortels, natuur, thuis, familie, veiligheid en stabiliteit.

Kleuren werken vooral door de combinatie met andere kleuren.

Zwart en grijs zijn alleen nogal saai – maar voeg oranje toe en u krijgt een mooie combinatie.

Kleur wordt ook sterker of zwakker door de combinatie met andere kleuren. Rood
gecombineerd met roze werkt namelijk heel anders dan rood gecombineerd met
grijs. In het laatste geval springt het rood er veel meer uit.

Welke kleuren u ook kiest, de site moet voor alles prettig zijn voor het oog.
Gebruik nooit meer kleuren dan absoluut noodzakelijk.
Blijf vooral consequent in hetkleurgebruik

Hoe komen we aan een een goed kleuren pallet?

Een kleurenpallet moet passen:

-bij de boodschap (een uitvaartsite in vrolijke pastel kleuren.....dat past niet)
-De doelgroep. Roze past niet bij een site over motoren

Een kleurenpallet moet in harmonie zijn of in ieder geval in relatie tot elkaar staan.

-Groen en Oranje.....is hoofdpijn.

Vaak helpt het om een mooie kleurenfoto te nemen, bij voorkeur met natuurlijke elementen, liefst een die te maken heeft met het onderwerp van de site.

Als je uit deze foto een antal kleuren pakt, zul je zien dat er een onderling verband is.
Of het ook daadwerkelijk de kleuren zijn die je wilt gebruiken.......dat moet nog blijken.

Online pallet generator:
http://www.colorotate.org/

Gratis kleurpalleten:
http://www.colourlovers.com/

1 op de 12 bezoekers is kleurenblind!
Leuk weetje.

Voor die mensen heb jij voor niets zitten zwoegen op je kleurenpalet, zij zien het zo:
http://www.colourlovers.com/blog/2008/07/24/as-seen-by-the-color-blind/

OK, we weten nu het een en ander over kleur............maar voor welke scherm gaan we eigenlijk ontwerpen:
http://www.w3schools.com/browsers/browsers_display.asp

Genoeg theorie......we gaan wat doen:

Behaviours in Fireworks.