Uplifting Line-Richtlinie

Eine Person hält ein Smartphone in der Hand, auf dem ein Social-Media-Beitrag einer Marke mit der Aufschrift „The Next Level of Service“ angezeigt wird, der Bilder von Industrieanlagen zeigt und so eine moderne, digitale Präsentation einer Marke für industrielle Dienstleistungen vermittelt.

Schlüsselelement

Die Uplifting Line ist das entscheidende grafische Element. Es übersetzt die Kernfunktion der PALFINGER-Produkte in eine grafische Dimension. Die Uplifting Line kann auf verschiedene Arten platziert werden, bezieht sich aber immer auf die grundlegenden Layout-Aufteilungen im Layout-System.

  

Eine Collage von PALFINGER-Marketinggrafiken mit Ladekranen und Hubarbeitsbühnen in den Bereichen Forstwirtschaft, Hochbau, Schifffahrt und Service. Fette Überschriften wie „Schwere Lasten auf neue Höhen heben“ und „Das nächste Level des Service“ erscheinen überall.

Aufbau der Uplifting Line

Der Aufbau der Uplifting Line folgt einfachen und logischen Regeln.

Höhe
Jeder Schritt ist ein Drittel der Gesamthöhe.

Breite

Die Breite jeder Stufe (x) verdoppelt sich bei jeder Abwärtsbewegung.

Eine vertikale Layouthilfe zeigt einen hohen roten Mittelbalken, der in drei gleich große Abschnitte unterteilt ist, die mit „1/3“ gekennzeichnet sind, wobei Messpfeile den Abstand und die Breite angeben. Das Diagramm scheint proportionale Ausrichtung und Ränder in einem Designsystem zu veranschaulichen.

Verwendung

Masterdatei

Verwenden Sie immer die Masterdatei, um alle Uplifting Lines konsistent zu halten: eine 3840×140 px-Datei in der Farbe Rot.

Verwendung

Beginnen Sie jedes Layout, indem Sie die Standardgröße der Uplifting Line einstellen. Verwenden Sie diese als Grundlage und ändern Sie sie nur nach den folgenden Regeln:

Proportionale Skalierung bis zu 100 % Formathöhe.


(Uplifting Line = Formathöhe)

Ein Layoutdiagramm, das die proportionale Skalierung von Uplifting veranschaulicht, um eine Formathöhe von 100 % zu erreichen, dargestellt neben einem großen weißen Inhaltsbereich. Die Maße zeigen eine volle Höhe von 3840 px und eine feste Stabbreite von 140 px.

Proportionale Skalierung bis zu 3x bei Verwendung eines 2-stufigen Layouts.

  

Ein Layoutdiagramm, das eine vertikale rote Akzentleiste zeigt, die in einem zweistufigen Layout proportional bis zu einer Höhe von 3× skaliert und links von einem weißen Inhaltsbereich ausgerichtet ist. Gestrichelte horizontale Hilfslinien zeigen die für die Skalierung verwendeten Schrittweiten an.

Vertikale Verzerrung, um die Linie entlang der horizontalen Achse des Layouts zu verschieben.

  

Ein Layoutdiagramm, das zeigt, wie Uplifting Lines horizontal durch vertikale Verzerrung über ein mehrteiliges Layout verschoben werden. Die gestrichelten horizontalen Hilfslinien zeigen an, wie sich die Uplifting Lines zwischen den Layout-Ebenen bewegen.

Horizontale Verzerrung bis zu 2x für eine deutlichere Uplifting Line oder 0,5x für eine subtilere.

  

Ein Layoutdiagramm, das Uplifting Lines mit horizontaler Verzerrung veranschaulicht, vergrößert auf 2× für eine stärkere Wirkung oder verkleinert auf 0,5× für eine subtilere Wirkung. Zwei nebeneinander liegende Layouts vergleichen die verschiedenen Verzerrungsintensitäten über dieselben Abschnittsführungen.

Außenabstand

Die Linie beginnt immer am unteren Rand (1) und symbolisiert Stabilität.
Sie kann direkt am linken Rand positioniert werden oder mit einem Mindestabstand von 1 Einheit – oder mehr, je nach Layout (2).

Anmerkung

Um die Sichtbarkeit der Uplifting Line zu gewährleisten, wenden Sie den Mindestabstand bei folgenden Anwendungen an:

  • kleine Anwendungen, bei denen die dünne Linie beim Trimmen abgeschnitten werden könnte
  • Innere rechte Seiten, z. B. Broschüren, bei denen der Einband Teile der Zeile verdeckt.
Ein Beispiel für ein Randlayout, das Uplifting Lines zeigt, die an der linken Kante ausgerichtet sind, mit zwei Variationen, die unterschiedliche Randbreiten demonstrieren. Gestrichelte Hilfslinien zeigen sichere Bereiche, Logoplatzierung und Überschriftenplatzierung innerhalb des Layouts an.

Layout

Vollständige Höhe:
Geteiltes Layout 
Die Uplifting Line wird ohne Rand auf die maximale Höhe gesetzt. Inhalte können in Drittel aufgeteilt und angeordnet werden, entsprechend der Uplifting Line.

Halbe und dritte Höhen:
Geteilte Anordnung Die Uplifting Line wird auf 1/2, 1/3 oder 2/3 der Höhe skaliert. Inhalte können entsprechend aufgeteilt werden.

Halbe und Drittelhöhen

Die Linie beginnt immer am unteren Rand und kann mit oder ohne 1-Einheiten-Abstand platziert werden.

Ausgehend von der vollen Höhe kann die Form vertikal verzerrt werden zu
1/2, 1/3 oder 2/3 der Höhe.

Geteiltes Layout

Volle Höhe: Geteiltes Layout
Die Uplifting Line wird ohne Rand auf die maximale Höhe gesetzt. Der Inhalt kann geteilt und in Dritteln angeordnet werden, die an der Uplifting Line ausgerichtet sind.

Halbe und Drittelhöhen: Geteiltes Layout
Die Uplifting Line wird auf 1/2, 1/3 oder 2/3 der Höhe skaliert. Der Inhalt kann entsprechend aufgeteilt werden.

Ein Beispiel für ein geteiltes Layout, bei dem Bilder und Text kombiniert werden, wobei der linke Rand mit Uplifting Lines für visuelle Kontinuität sorgt. Eine Variante platziert die Überschrift über dem Bild, während die andere den Text darunter mit einer unterstützenden Topline positioniert.

Die Uplifting Line als Trennlinie

Gesamthöhe: Horizontal vergrößert

Die Uplifting Line kann in ihren ursprünglichen Proportionen (1) verwendet oder horizontal bis zu 2x skaliert werden (2).

Die dickste Stufe kann mit gleicher Breite verwendet werden, um die weiße Stufe zu erstellen. Die weiße Stufe ist immer auf derselben horizontalen Achse ausgerichtet wie die dickste Stufe der Uplifting Line.

Dies kann in jedem möglichen geteilten Format angewendet werden. In Situationen, in denen ein vereinfachtes Layout gewünscht ist, kann die weiße Stufe entfernt werden.

Ein Layoutbeispiel, das die Verwendung von Uplifting Lines als Trennlinie zwischen Text und Bildmaterial zeigt. Zwei Variationen demonstrieren unterschiedliche horizontale Versätze bei gleichzeitiger Beibehaltung konsistenter Abstände und Hierarchie.

Uplifting Line mit 2 Schritten (skaliert um bis zu x3)

Die Uplifting Line kann proportional um x2 skaliert werden, und die dickste Stufe wird vertikal am Layoutsystem ausgerichtet, wobei Drittel- oder Halbschichten verwendet werden.

Die dickste Stufe kann mit gleicher Breite verwendet werden, um die weiße Stufe zu erstellen. Die weiße Stufe ist immer auf derselben horizontalen Achse ausgerichtet wie die dickste Stufe der Uplifting Line.

Dies kann in jedem möglichen geteilten Format angewendet werden. In Situationen, in denen ein vereinfachtes Layout gewünscht ist, kann die weiße Stufe entfernt werden.

Don'ts

Ändern Sie nicht die Richtung

 der Uplifting Line.

Ein Beispiel für ein Layout, bei dem die Uplifting Line am rechten Rand fixiert ist, so dass ihre ursprüngliche Richtung beibehalten und gleichzeitig die Bilder vom Text getrennt werden. Die Komposition betont eine klare Hierarchie, ohne den Layoutfluss umzukehren oder zu spiegeln.

Verwenden Sie immer die Uplifting Line in Rot.

  

Ein Beispiel für ein Layout, bei dem die Bilder mit einer roten Uplifting Line auf der linken Seite ausgerichtet sind, um die Richtung der Marke und den visuellen Fluss zu verstärken. Die rote Uplifting Line wird kontinuierlich als starker, richtungsweisender Akzent eingesetzt, ohne dabei die Richtung zu ändern.

Die weiße Stufe darf nicht horizontal verzerrt werden.

  

Ein Layoutbeispiel, das eine feste weiße Stufenfläche in Kombination mit Bildmaterial zeigt, wobei der weiße Bereich horizontal unverzerrt bleibt. Die Uplifting Line bleibt als gleichmäßiger vertikaler Akzent ausgerichtet und verstärkt so Struktur und Hierarchie.

Verwenden Sie die Uplifting Line nicht horizontal.

  

Ein falsches Anwendungsbeispiel, bei dem die Uplifting Line waagerecht angebracht und als nicht zulässig markiert ist. Das Bild unterstreicht, dass Uplifting Lines niemals in horizontaler Ausrichtung verwendet werden dürfen.

Nicht überskalieren

 jenseits der definierten Breite.

Ein Beispiel für eine falsche Verwendung, bei der die Uplifting Line überdimensioniert ist und das Layout überlagert. Das Bild verdeutlicht, dass die Uplifting Line nicht übermäßig skaliert werden darf, um Gleichgewicht und Hierarchie beizubehalten.

Verändern Sie nicht die ursprüngliche Form

und erstellen Sie keine eigenen Versionen.

Ein Beispiel für eine falsche Verwendung, das Uplifting Lines mit veränderten Proportionen und Formen zeigt. Das Bild unterstreicht, dass die ursprüngliche Form der Uplifting Line unverändert bleiben muss.