Layout

Der Gedanke „Built to change“ spiegelt sich auch in unserem Layoutprinzip wider: flexibel, wandelbar und doch konsistent. Unser System basiert auf grafischen Blöcken, die sich aufeinander folgend vergrößern oder verkleinern. Sie bieten ausreichend Flexibilität, um viele unterschiedliche Layoutvarianten zu gestalten und dabei eine einheitliche Wirkung zu gewährleisten.

Das Wichtigste in Kürze

1. Form Follows Function

Wir können in der Gestaltung frei wählen, wie wir grafische Blöcke anordnen. Der Inhalt gibt die Gestaltung vor. Wichtig ist, dass die grafischen Blöcke aufeinander aufbauen. Ein Block kann eine Farbe, eine Headline, einen Textblock oder ein Foto enthalten. Auch ein Foto oder eine Farbfläche als Hintergrund für die gesamte Gestaltung ist möglich.

**2. Es den Betrachter*innen so einfach wie möglich machen**

Wir vermeiden überfrachtete Layouts und setzen nur so viele Elemente ein, wie es braucht. Pro Layout verwenden wir maximal drei grafische Blöcke. Das Logo kann dabei als grafischer Block in das Layout integriert werden.

3. Der typische RUB-Look

Damit das Ergebnis nicht beliebig wirkt, folgen alle Blöcke denselben Regeln: Sie sind abgerundet, haben einen Abstand zum Rand und erscheinen in einem festgelegten Farbschema. Pro Anwendung verwenden wir immer nur eine Farbgruppe, damit es nicht zu bunt wird. Erst durch die Überlappung der Blöcke entsteht der typische RUB-Look.

Für die Gestaltung

Unsere Gestaltung bauen wir am besten Schritt für Schritt auf.

Schritt 1: Logovariante wählen

Für einen eher klassischen Look wählen wir das Standard-Logo. Wenn es freier aussehen soll, insbesondere für interne Kommunikation wie Plakate, nutzen wir das getrennte Logo. Diese Variante bietet mehr Gestaltungsspielraum. Entsprechend wählen wir auch die Positionierung des Claims.

Das Logo setzen wir mit einer Mindestgröße von 1/10 der kürzeren Seite ein. Abhängig vom Anwendungsfall kann es auch größer dargestellt werden. Bei sehr kleinen Formaten erhöhen wir die Logogröße auf bis zu 1/5 der kürzeren Seitenlänge. Wichtig ist immer, dass das Logo gut zu lesen ist. Das Standard-Logo platzieren wir immer in einer der Ecken. Bei Verwendung des Standard-Logos setzen wir den Claim getrennt vom Logo ins Layout.

Mindestgröße Logo: X=1/10 zur kürzeren Seitenlänge, bei kleinen Formaten X=1/5

Mindestgröße Schriftzug: X=1/5 der Würfelhöhe

Platzierung von Würfel mit getrenntem Logo

Platzierung Schriftzug vom getrenntem Logo

Gestaltung mit getrenntem Logo und Claim einzeilig

Gestaltung mit getrenntem Logo und Claim zweizeilig

Schritt 2: Farbgruppe wählen

Passend zum Inhalt oder zum Bild wählen wir eine Farbgruppe.
Die Auswahl ist frei und richtet sich nach Bedarf und gewünschter Wirkung.

Wichtig ist: Pro Anwendung verwenden wir nur eine Farbgruppe.
Das Kombinieren verschiedener  Farbgruppen ist nicht zulässig.
Bei einem mehrseitigem Medium (wie z.B. einer Broschüre) darf die
Farbe gewechselt werden.

Schritt 3: Abstände festlegen

Der Seitenrand und der Innenabstand von grafischen Blöcken betragen jeweils 4 Prozent der kürzeren Seite des Formats. Bei Hochformat ist das die Seitenbreite, bei Querformat die Seitenhöhe. Der Seitenrand darf erhöht werden, wenn es das Format erfordert. Die Werte dienen als Orientierung und können je nach Voraussetzung angepasst werden.

Bei komplexeren Layouts, wie z.B. Broschüren, Flyer oder Magazinen, kann ein anderer Satzspiegel verwendet werden.

Seitenrand und Innenabstand entsprechen standardmäßig 4 Prozent der Gesamthöhe

Tipp: In den meisten Grafikprogrammen können Raster eingerichtet werden. Bei der Gestaltung ist es hilfreich  ein Raster mit dem entsprechenden Abstand von 4 Prozent anzulegen.

Schritt 5: Blöcke arrangieren

Unser Layoutsystem ist flexibel und richtet sich nach dem Inhalt. Es basiert auf überlappenden Rechtecken, die sich der Größe nach aufbauen. Die Überlappung beträgt mindestens den definierten Innenabstand (4 Prozent der Gesamthöhe) und kann, insbesondere zur Verbesserung der Gesamtwirkung, großzügiger gewählt werden. Ziel ist eine harmonische und ausgewogene Komposition.

Schritt 6: Bildinhalte platzieren

Bilder können entweder als Hintergrund für das gesamte Layout dienen oder innerhalb eines grafischen Blocks platziert werden.

**Standard:** Wir integrieren Überschriften und Fotografie innerhalb grafischer Blöcke

**Vollbild:** Alternativ arbeiten wir mit vollflächiger Fotografie

Schritt 7: Texte platzieren

Texte richten wir grundsätzlich linksbündig oder zentriert aus. Die Wahl richtet sich nach Inhalt, Format und Textlänge. Kürzere Texte können zentriert gesetzt werden, um eine ruhige und prägnante Wirkung zu erzielen. Texte lassen sich frei oben, unten oder mittig im Layout anordnen. Dabei achten wir stets auf gute Lesbarkeit. Für Fließtexte gibt es zwei Möglichkeiten:

Im Block: Fließtexte können in einem eigenen Block platziert werden. Überschrift und Fließtext können zusammen oder getrennt in einem Block oder in zwei Blocks platziert werden.

Frei im Layout: Wird der Fließtext außerhalb eines grafischen Blocks platziert, ordnen wir ihn vorzugsweise am Seitenrand in einer freien Ecke des Layouts an. Je nach Textmenge kann der Text auch an anderen Stellen angeordnet werden.

**Typografie:** Wir setzen pro Textzeile einen eigenen grafischen Block ein

**Reduktion:** Wir platzieren Fotografie und gegebenenfalls Fließtext in grafischen Blöcken

Gestaltungsbeispiele

Unsere Gestaltung ist flexibel, trotzdem möchten wir den typischen RUB-Look bewahren. Die folgenden Beispiele zeigen, wie das gelingt.