Cookies toestaan?

Deze site gebruikt cookies.
Hier kan het gebruik van cookies op deze website worden toegestaan of geweigerd.
Ga naar de inhoud
Provincie Noord-Brabant (naar homepage)
Zoeken
Huisstijl
  • Home
  • Huisstijl in het kort
  • Sporen en stijlen
  • Bouwstenen
  • Middelen
  • Schrijfwijzer
  • Downloads
  1. Home ›
  2. Bouwstenen ›
  3. Grid

Bouwstenen

Inhoud

  • Logo's
  • Lettertype
  • Kleuren
  • Grid
  • Opmaakstijlen voor omslagen en beelddragende middelen
  • Opmaakstijlen voor binnenwerk of volgpagina’s
  • Beeld en audio
    • Fotografie
      • Gebruik
      • Type fotografie
      • Technische richtlijnen
    • Illustraties en iconen
      • Soorten illustratiestijlen
      • Design principes
      • Illustratieonderdelen maken
      • Vormgeving van illustraties
      • Thematische illustraties (2d + 3d)
      • Iconen
    • Audiovormgeving
    • Videovormgeving

Grid

Een grid is essentieel in opmaak omdat het structuur en consistentie biedt bij het ontwerpen van lay-outs. Het zorgt voor een duidelijke ordening van elementen, waardoor de content overzichtelijk en visueel aantrekkelijk wordt. Een goed toegepast grid maakt de vormgeving niet alleen strakker, maar verbetert ook de leesbaarheid en gebruikerservaring.

Geen grid voor online toepassingen

Het grid dat offline gebruikt wordt gebruiken we niet voor online middelen, omdat we uitgaan van responsive design.

Bij online middelen maken gebruik van flexibele gridsystemen. In plaats van vaste pixelwaarden te gebruiken, worden de breedtes van elementen vaak gedefinieerd in percentages. Dit zorgt ervoor dat de elementen zich kunnen aanpassen aan de breedte van het scherm, waardoor een consistente weergave mogelijk is, ongeacht het apparaat.

Grid voor A-formaten

Het grid voor offline middelen is opgebouwd uit vierkante blokjes. Het formaat van een blokje is bepaald op basis van het paginaformaat. Voor de 3 belangrijkste A-formaten is dit:

  • Grid A4: 3 mm (basis)
  • Grid A5: 2 mm
  • Grid A3:4 mm

In deze richtlijnen gaan we uit van Grid A4: 3 mm.

Opbouw Grid (formaat A4)

  • Rasterlijn elke 7 blokjes (21 mm).
  • Groen: marge voor infographics en praatplaten: 3 blokjes rondom (9 mm).
  • Blauw: marge voor overige middelen, zoals covers, posters en banieren 5 blokjes rondom (15 mm)).
  • Rood: stramien voor binnenwerk links/rechts/boven/onder: 7 / 7 / 7 / 8 blokjes (21 / 21 / 21 / 24 mm).
  • Kolomwit: 2 blokjes (6 mm).
Grid A4 liggend
Grid A4 staand

Grote A-formaten

Voor A2, A1 of A0 dient het geheel van grid en marges in verhouding geschaald te worden.

Grid voor andere formaten (offline)

Voorbeeld: het stramien bepalen voor een PowerPoint presentatie en een rollup banner

Staande formaten

  • Gebruik het Grid A4 staand
  • Vergroot of verklein het grid tot de korte zijde gelijk is aan de korte zijde van het nieuwe formaat.
  • Is de hoogte van het vergrootte stramien (1) niet hoog genoeg voor het nieuwe formaat? Kopieer deze en plaats het eronder (2)
  • Bepaal het stramien obv het aantal blokjes zoals bij het A4 stramien.
  • Het stramien krijgt 6 kolommen.

Liggende formaten

  • Gebruik het Grid A4 Liggend
  • Vergroot of verklein het grid tot de lange zijde gelijk is aan de lange zijde van het nieuwe formaat.
  • Is de hoogte van het vergrootte stramien (1) niet hoog genoeg voor het nieuwe formaat? Kopieer deze en plaats het eronder (2)
  • Bepaal het stramien obv het aantal blokjes zoals bij het A4 stramien.
  • Het stramien krijgt 12 kolommen.
Vorige: KleurenVolgende: Opmaakstijlen voor omslagen en beelddragende middelen

Websites

  • Brabant.nl
  • Brabant Magazine (verwijst naar een andere website)

Over deze site

  • Archief website brabant.nl
  • Toegankelijkheid
  • Cookies op deze site
  • Privacyverklaring
  • Informatiebeveiliging
  • Sitemap

Huisstijl

Deze website is een handleiding voor ontwerpers en ontwikkelaars. Op deze website staat alle informatie over de online en offline vormgeving van Provincie Noord-Brabant.

Volg ons

  • LinkedIn
  • Instagram
  • Facebook
  • X
  • BlueSky
  • Mastodon
  • Youtube
  • Podcasts