city metro
Beispiele Navigationsboxen

Chapter Headline

Navigation Portlets

Die Navigationsboxen verändern sich im Erscheinungsbild abhängig von der Anzahl.

Beispiel für 3 Themen:

Chapter Headline

Navigationsbox 1 Thema

Navigationsbox SMALL

Dies ist eine ergänzende Möglichkeit zur Anbindung weiterer Themen, wenn die regulären Navigationsboxen zu groß erscheinen oder nur sehr wenig Teasertext vorhanden ist.

Es können maximal 4 Themen verlinkt werden (in einer Zeile, am Desktop) - die Größe variiert mit der Anzahl. IDEAL ist hier eine Anzahl von 3 Modulen mit wenig Text und sinnfälligem Umbruch.

Der Text wird fett dargestellt, es sind nur 38 Zeichen verfügbar, ein Zeilenumbruch kann erzwungen werden. Das Bild wird vom Webserver geladen. Dort ist es 16:9 abgelegt, es wird hier jedoch square verwendet. D.h. bei der Erstellung von Portletbildern (16:9 - 1200 x 675 px) immer darauf achten, dass die Aussage in der Bildmitte steht.

In der Mobile-Darstellung wird die Box immer über die ganze Breite gezogen, d.h. die Menge der Portlets ist eigentlich egal - aus Gründen der Usability sollen aber auch hier 3 Themen nach Möglichkeit nicht überschritten werden.

Navigationsbox SMALL

Darstellung bei 3 Themen optimal.

Navigationsbox SMALL

Darstellung bei 2 Themen | Vom Design her eher ungünstig, da Text zu Bild unausgewogen, d.h. möglichst 3 verwenden.

Navigationsbox SMALL

Darstellung bei 1 Thema | Vom Design her sehr ungünstig, d.h. möglichst vermeiden.

Beispiel für 1 Element

nach oben