Indeling van de website
U vindt hier een stappenplan tot het komen van een indeling van uw nieuwe website.
Verwissel 'indeling' niet met 'vormgeving'!
De indeling bepaalt alleen maar waar de verschillende website-elementen komen.
Een website bestaat uit deze basis elementen:
- Header (afbeelding, logo, slogan)
- Menu (navigatie)
- Tekstvak (hier komen de teksten/afbeeldingen/links/etc)
- Footer (afsluitend menu, copyright/etc.)
Nu is de 'sky the limit', in principe kan alles worden gebouwd.
Maar houdt wel rekening met de bezoekers van de website.
Die bezoeker moet snel en eenvoudig zijn informatie kunnen vinden. (Dus een menu dat 'op zijn kop hangt' is leuk, maar verre van praktisch.)
Daarom richten we ons op deze pagina op intuitieve, makkelijk navigeerbare websites.
We beginnen met de meest gebruikte, klassieke indeling:
U ziet 2 voorbeelden van deze indeling:
- de rode (www.anicca.nl ), waarbij de website elementen duidelijk gescheiden zijn van de achtergrond.
- de blauw/grijze (www.vlcs.com ), waarbij de achtergrond doorloopt achter de teksten en het menu in een apart kader geplaatst is.
Als de indeling bekend is, dan kan de ontwerper aan slag om een mooie moderne exclusieve website te ontwerpen.
Een andere veel gebruikte indeling, website met horizontaal menu:
Het menu is hier horizontaal geplaatst, meestal onder de header, soms boven de header. Daaronder komen de andere elementen. Soms is dat één groot tekstvak (zoals hier bij www.maqurein.nl, maar dat kan ook een zijpaneel zijn (links of rechts) en daarnaast een tekstvak. Deze fase van het ontwerpen heeft veel weg van lego.
U bepaalt op welke plek de verschillende basis elementen moeten komen.
Het klassieke model wordt bij meer dan de helft van de websites toegepast.
Maar zoals u ziet zijn er meer mogelijkheden. Daarna breekt het creatieve process aan: het ontwerp.
|
