Basiselemente

Raster

05.02.2013

Allen Templates des ver.di-Webautritts liegt ein gemeinsames Grundraster zugrunde, das relativ fein granuliert ist, um ein Maximum an Gestaltungsanforderungen abbilden zu können. Die Basis für das Raster bilden die Einheiten 34px und 28px, bei kleineren Abständen wurde stellenweise 10px verwendet.

 
Rasterabstände

 

Spaltenraster

Allen Templates des ver.di-Webautritts liegt ein gemeinsames Grundraster zugrunde, das relativ fein granuliert ist, um ein Maximum an Gestaltungsanforderungen abbilden zu können. Die Basis für das Raster bilden die Einheiten 34px und 28px, bei kleineren Abständen wurde stellenweise 10px verwendet.

 
Feinraster online Feinraster

 

Aus dem Feinraster von insgesamt 964px bilden sich die 4 horizontalen Modulgrößen für den Zentralbereich und Vielfaltsbereich:

  • 1/4 Breite: 220px 
  • 2/4 Breite: 468px 
  • 3/4 Breite: 716px 
  • 4/4 Breite: 964px

Auf verdi.de findet sich noch eine Zusatzgröße die sich aus der halbierten 3/4 Breite herleitet:

  • halbe 3/4 Breite: 344px

 
Spaltenraster Spaltenraster

 

Layoutraster

Um eine stringente Gestaltung zu erreichen wurde im Rahmen der Überarbeitung das Grundraster auch in der vertikalen Richtung eingesetzt. Zwischen den Modulen einer Seite wird ein horizontaler und vertikaler Abstand von 28px eingesetzt.

 
Layoutraster online Layoutraster

 

Modulraster

Innerhalb der Module setzen sich die Abstände aus den Grundeinheiten 34px und 10px zusammen.

 
Modulraster online 1 Raster/Abstände innerhalb eines Downloadmoduls

 

 

 
Modulraster online 2 Raster/Abstände innerhalb eines Umfragemoduls

 

 

 
Modulraster online 3 Raster/Abstände innerhalb eines Nachrichtenmoduls

 

 

 
Modulraster online 4 Raster/Abstände innerhalb eines Teasermoduls