{"id":2547,"date":"2018-03-22T15:27:52","date_gmt":"2018-03-22T15:27:52","guid":{"rendered":"http:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/?p=2547"},"modified":"2018-03-30T11:59:53","modified_gmt":"2018-03-30T11:59:53","slug":"opdracht-ontwikkel-een-grid-systeem","status":"publish","type":"post","link":"https:\/\/vakgroep.cmd.hr.nl\/algemeen\/inspiratie\/2018\/03\/22\/opdracht-ontwikkel-een-grid-systeem\/","title":{"rendered":"Opdracht: Ontwikkel een Grid Systeem"},"content":{"rendered":"

Design a grid system for a document, website, magazine or booklet (min. 3 pages).
\nOpdracht: Ontwerp een grid systeem voor een brochure voor een musicals. ↓ Omschrijving opdracht brochure Musical.pdf<\/a><\/strong><\/p>\n

↓ TIPS-Grids.pdf<\/a><\/strong><\/p>\n

\n

TIPS<\/h2>\n

Maak eerst layoutschetsen op papier<\/p>\n

Wat zijn de vaste onderdelen in je layoutschetsen (bijvoorbeeld een logo, een minimale
\nruimte voor een afbeelding) en waar kun je op varieren (bijvoorbeeld kolombreedte voor
\ntekst)?<\/p>\n

Kies op basis van deze vaste formaten een geschikt basisgrid. Kies een afstand die als
\nbasis kan dienen voor je lay-out. Denk zowel aan de ruimte die je nodig hebt voor de
\nnavigatie als voor de content.<\/p>\n

Baselinegrid: Probeer een interlinie als basis te kiezen voor de meest voorkomende
\nteksten, meestal de body-tekst.<\/p>\n

Maak vervolgens op je basisgrid een stramien met verticale hulplijnen waar alle
\nschermen zich aan houden. Pas ook horizontale stramienlijnen toe als je ontwerp dat
\nnodig heeft, dit werkt vaak niet omdat de content dynamisch is en teksten varieren in
\nlengte.<\/p>\n

Bepaal vaste afstanden voor alle elementen die voorkomen in het basisontwerp. Bepaal
\nde afstand bijvoorbeeld tussen een lijn en het begin van een tekst, titels en teksten,
\nafbeeldingen en teksten en tussen lijnen onderling.<\/p><\/blockquote>\n

\"\"<\/p>\n

KWALITEITSCRITERIA<\/h2>\n