Eerst wil ik even de plannen voor de sites doornemen:
We hebben het nu heel de tijd over de grafische vormgeving gehad, nu gaan we even stil staan bij de vormgeving van de inhoud(content)
Typografie, Typeface(Fonts) en CSS
Wat is Typografie: Typografie, van het Griekse τύπος (tupos: slag, vorm, afdruk) en γράφειν (graphein: schrijven), behelst het zetten, drukken en vormgeven van teksten, zowel voor functionele als esthetische doeleinden. http://nl.wikipedia.org/wiki/Typografie
Het is tegenwoordig wel mogelijk om de gebruiker een font te laten downloaden, maar gebruikersvriendelijk is dat niet. De meeste gebruikers willen immers helemaal niet iets downloaden voordat men een pagina mag/kan lezen. Tevens zit er op fonts ook copyright.
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
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 frisGroen 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.
Welke minimum usability maatregelen moeten we in ieder geval nemen:
-Zorg voor een makkelijke URL -GEEN dode links -Geen lappen tekst.............niemand leest het. -Plaats geen te zware afbeeldingen.....anders duurt het telang -Vul alle alt tags in............sommige mensen surfen met plaatjes uit. -Geef alle bestanden duidelijke namen -Geef elke pagina een titel, liefst bestaande uit (SiteNaam - PaginaNaam) -Zorg voor goedwerkend en consistente navigatie (elke knop heeft op elke pagina dezelfde functie) -Vermijd Popups, mensen haten ze.............en vaak staat de popupkiller aan -Gebruik een dudielijk leesbaar font. -Gebruik een rustige kleur als achtergrond.
Hoe verkleinen we foto's: Onder modify zitten een aantal opties voor het verkleinen van foto's. Onder file vinden we de batch optie, dit is handig als je op een hele reeks foto's steeds dezelfde bewerking wil doen.
Effecten: Fireworks heeft een aantal effecten, probeer ze eens uit. Let wel.........wees niet te scheutig me effecten, dan wordt alles snel te druk en men ziet dat je de toverdoos hebt opengetrokken.
Wie ben ik? Jean Schouten 38 jaar, vader van 2 lieve kinderen. Grote voorliefde voor alles wat met multimedia te maken heeft. Gek op synthesizers liefst analoog en modulair, hardcore gamer (PS3).
Wie zijn jullie? Heb je al enige ervaring met webdesign?(zo ja met welk pakket) Wat verwacht je van deze cursus? Weet je al wat je op de site wilt plaatsen? Heb je al een onderwerp? Hobby, passie, werk?
Wat kun je verwachten ?
De eerste 2 a 3 lessen zal ik trachten het niveau van de groep te bepalen, om daar het les programma enigszins op aan te passen.
We gaan kijken naar verschillende aspecten van webdesign: -HTML -CSS -Vormgeving (Typografie, kleurgebruik) -Bewerken van Foto's (hoe maak je foto's kleiner, lichter. Minicursus photoshop) -JavaScript, php (2 scripting talen, waar we maar heel even stil bij zullen staan) -Usability (hoe maak je de site gebruikersvriendelijk) -SEO (Search Engine Optimization) -CMS(Content Management Systemen) -Uploaden van de site (FTP, Cpanel)
Etc
Het is de bedoeling dat aan het eind van de 12 lessen er een leuke attractieve site is gemaakt. Dit kan alleen wanneer de cursist zelf voldoende inspanning levert: -Oefen de behandelde stof thuis -Lees de informatie achter de links op het blog -Werk thuis aan de site. -De uren van de cursus zijn NIET voldoende om zowel de stof uit te leggen, te oefenen en de site te maken.
Dus aan het eind v.d. cursus is er dus een mooie site en tevens is er een goede basis gelegd voor webdesign en het onderhoud aan je eigen site.
Ook wil ik als daar behoefte aan is van alles uitleggen wat met het internet/nieuwe media te maken heeft.....................zolang ik dat zelf weet dan he?
Huishoudelijke mededelingen: -USB key? -Geen koffie/drinken in het lokaal. -Pauze -Vraag een domein en hosting aan. http://www.neostrada.nl/
