Design a grid system for a document, website, magazine or booklet (min. 3 pages).
Opdracht: Ontwerp een grid systeem voor een brochure voor een musicals. ↓ Omschrijving opdracht brochure Musical.pdf
TIPS
Maak eerst layoutschetsen op papier
Wat zijn de vaste onderdelen in je layoutschetsen (bijvoorbeeld een logo, een minimale
ruimte voor een afbeelding) en waar kun je op varieren (bijvoorbeeld kolombreedte voor
tekst)?Kies op basis van deze vaste formaten een geschikt basisgrid. Kies een afstand die als
basis kan dienen voor je lay-out. Denk zowel aan de ruimte die je nodig hebt voor de
navigatie als voor de content.Baselinegrid: Probeer een interlinie als basis te kiezen voor de meest voorkomende
teksten, meestal de body-tekst.Maak vervolgens op je basisgrid een stramien met verticale hulplijnen waar alle
schermen zich aan houden. Pas ook horizontale stramienlijnen toe als je ontwerp dat
nodig heeft, dit werkt vaak niet omdat de content dynamisch is en teksten varieren in
lengte.Bepaal vaste afstanden voor alle elementen die voorkomen in het basisontwerp. Bepaal
de afstand bijvoorbeeld tussen een lijn en het begin van een tekst, titels en teksten,
afbeeldingen en teksten en tussen lijnen onderling.
KWALITEITSCRITERIA
- Er is een samenhangend structuur ontwikkeld.
- Het grid is opgebouwd naar de design principes (regel der derden / gulden snede)
- Er is eerst een eigen grid opgebouwd, dan pas een grid generator gebruikt.
- Wanneer de grootte van de layout wijzigt, blijft de verhouding van het grid behouden
- Alle elementen in het ontwerp zijn horizontaal en verticaal consistent op het stramien gepositioneerd.
LINKS
→ Designing for the Web – Grid Systems
→ Designing for the Web – Breaking the Grid
→ Gridcalculator