Zum Hauptinhalt springen

Grafische Sprache

Knoten & Pfade

Nodes & Trails sind das zentrale grafische Gestaltungselement der Idealworks-Marke. Inspiriert vom Prinzip des Leitens und Steuerns fangen sie die Präzision, den Rhythmus und den Maßstab unserer Technologie in visueller Form ein.

Nodes & Trails erstellen

Für mehr Flexibilität können die Trail und Node-Grafiken von Grund auf neu aufgebaut werden - und bieten so volle Kontrolle über Platzierung, Skalierung und Komposition.

  • Example of node and trail graphic language
    Das Raster aus gelben Quadraten definiert den erforderlichen Schutzraum um den Node. Die Schriftgröße der Koordinaten in Pixel sollte stets der Größe des Nodes entsprechen (z. B. 20 px Node = 20 px Typografie). Die Strichstärke des Trails sollte stets dünn und präzise wirken (in der Regel 1–2 px) und nicht mit der Node-Größe skalieren.
  • Example of node and trail graphic language
    Das gefüllte Quadrat ist der Standard- und am häufigsten verwendete Node. Ergänzend stehen ein umrandetes Quadrat sowie ein Fadenkreuz zur Verfügung. Die Strichstärke aller Varianten entspricht der des Trails. Das Fadenkreuz sollte zudem in Breite und Höhe um den Faktor 1,5 vergrößert werden, um eine vergleichbare visuelle Gewichtung zu den quadratischen Nodes zu gewährleisten.
  • Example of node and trail graphic language
    Die verschiedenen Node-Typen können kombiniert werden, um grafische Varianz zu erzeugen. Alle Nodes sollten dabei in derselben Skalierung verwendet werden. Stellen Sie sicher, dass die Koordinaten entsprechend angepasst werden, sodass sie eindeutig bleiben.

Verwendung

Das Node-&-Trail-System ist bewusst flexibel angelegt. Diese Beispiele zeigen die Bandbreite seiner Anwendung – von präzisen strukturellen Elementen bis hin zu expressiven grafischen Ausgestaltungen. In allen Fällen sollte das System kontrolliert und intentionell wirken und niemals rein dekorativ eingesetzt werden.

  • Example of node and trail graphic language
    Eine ausgefranste Trail-Grafik kann in statischen Anwendungen eingesetzt werden, um ein Gefühl von Bewegung und Zeit zu erzeugen. Stellen Sie sicher, dass auch alle Nodes entsprechend abgeschwächt dargestellt werden.
  • Example of node and trail graphic language
    Koordinaten können weggelassen werden, um den Fokus auf den Hauptinhalt zu richten.
  • Example of nodes on straight trails
    Bei geraden Trails dürfen keine Abstände um die Nodes entstehen, und es sind ausschließlich quadratische Nodes zu verwenden. Die Trails verlaufen dabei stets direkt durch die Mitte der Nodes.
  • Example of nodes without trails
    Nodes können auch ohne Trails als wiederkehrendes Gestaltungselement eingesetzt werden, um Hierarchie zu schaffen. Stellen Sie sicher, dass die Größe des Nodes stets proportional zur begleitenden Typografie gewählt wird.
  • Example of lines creating containers with nodes on the corners
    Linien können als Container fungieren. Dabei ist zu beachten, dass die Nodes stets mittig auf der Linie positioniert werden.
  • Example of a grid of nodes used as texture
    Ein Raster aus Nodes kann als texturales Gestaltungselement eingesetzt werden.
  • Example of lines used to break between sections
    Linien können eingesetzt werden, um Struktur auf der Seite zu erzeugen.
  • Example of lines layered behind text
    Linien können hinter Display-Typografie geschichtet werden und so eine Art „Notensystem“ bilden.

Missbrauch

Vermeiden Sie die folgenden Behandlungen.

  • Example of paths with thick stroke
    Verwenden Sie keine dicken Linien für Pfade. Pfade sollten in der Regel 1–2 px stark sein und stets dünn sowie präzise wirken.
  • Beispiel eines Knotens, der an den Rand eines Pfades ausgerichtet ist
    Vermeiden Sie es, die Kanten von Knoten mit Pfaden auszurichten. Knoten sollten immer in der Mitte der Pfade sitzen.

© Idealworks 2026

Diese Website ist dynamisch und wird regelmäßig basierend auf Feedback aktualisiert. Bitte stellen Sie sicher, dass Sie die aktuellste Version der Ressourcen haben.