Gestaltung von Inhaltsseiten

Im neuen Homepagebaukasten können Sie Inhalte sehr flexibel anordnen. Grund dafür sind die neuen Rasterelemente. Sie machen es möglich, Inhalte einspaltig, zweispaltig, dreispaltig und vierspaltig anzuordnen.

Den Klassiker werden Sie kennen: das zweispaltige Raster im Verhältnis 2:1. Es besteht aus einer linken Spalte, die exakt doppelt so breit ist wie die rechte Spalte. So ergibt sich der optische Eindruck einer Haupt- und einer Randspalte, der idealerweise mit den Inhalten auf der Seite korrespondiert: die wichtigen Inhalte kommen in die linke Spalte (Hauptspalte), ergänzende Inhalte kommen in die rechte Spalte (Randspalte).

Das zweispaltige Raster im Verhältnis 1:1 legt zwei Spalten mit der gleichen Breite an. Dieses Layout bietet sich an, wenn Sie Inhalte haben, die gleichgewichtet nebeneinander stehen können. Ideal ist es für die Gestaltung von Startseiten. Denn damit ist es möglich, zum Beispiel Meldungen und Linklisten (mit und ohne Bild) nebeneinander stehen zu lassen. Sieht jedenfalls gut aus.

Das einspaltige Raster kommt idealerweise dann zum Zug, wenn Sie Inhalte platzieren möchten, die eine gewisse Breite voraussetzen. Texte sollten möglichst nicht einspaltig gestaltet werden, weil die Lesbarkeit auf breiten Bildschirmen (Desktop, Tablet quer) erheblich erschwert ist.

Drei- und vierspaltige Raster entfalten ihre Wirkung am Besten im unteren Bereich einer Seite. Quasi als Abbinder. Hier können kürzere Texte, Bilder, Videos oder Inhaltsboxen platziert werden.

Natürlich ist es ebenfalls möglich, verschiedene Raster auf einer Seite zu kombinieren. Aber Achtung: solche Seiten können schnell unübersichtlich aussehen. Deshalb unser Tipp: sparsam verwenden!

Genau so ist es möglich, Raster ineinander zu verschachteln. Das bietet sich vor allem innerhalb des 1:1-Rasters und innerhalb der Hauptspalte des 2:1-Rasters an. So ist es möglich, eine breite Spalte in mehrere Kleine Spalten zu teilen. Wie das aussieht, können Sie sich auf der Startseite dieses Musterbaukastens ansehen. Dort ist zunächst ein zweispaltiges Raster (1:1) angelegt worden. In der linken Spalte befinden sich die aktuellen Meldungen. Die rechte Spalte ist mit einem weiteren zweispaltigen Raster (1:1) geteilt worden. So ist es möglich, eine Linkliste mit Bild und eine Linkliste ohne Bild nebeneinander zu stellen.

Kontakt