Halo-Gitter: ein Rautengitter aus Minzringen, die zur Mitte hin anschwellen
Ein strenges Gitter aus konturierten Kreisen, um 45 Grad gedreht, sodass die Reihen wie Rauten wirken: Das ist Halo-Gitter. Die Ringgröße hängt von der Entfernung ab, nahe dem Fokuspunkt bei 50 mal 48 schwellen die Ringe also zu weiten Lichthöfen an und schrumpfen zu den Ecken hin zu kleinen Schlaufen. Minzfarbene Striche, mit jeder vierten Reihe in Veilchenblau, leuchten vor dunklem Marineblau, und Körnung ist mit 1 fast aus, um die Linien sauber zu halten.
Mach den Look zu deinem
Richte das Gitter gerade
Drehung bei 45 macht aus dem Raster Rauten. Stelle Drehung auf 0, und dieselben Ringe reihen sich in schlichten Zeilen und Spalten auf, eine neutralere Ordnung, die zu Dashboards und Dokumentation passt.
Mach die Ringe kräftiger
Spannung steuert die Strichstärke und liegt mit 22 niedrig, was feine Linien ergibt. Um 60 werden die Ringe zu dicken Reifen, die in kleinen Größen tragen, etwa in der Vorschau Mobil oder einem Social-Media-Ausschnitt.
Häufige Fragen
Wie bewegt sich Halo-Gitter, wenn es abgespielt wird?
Eine langsame Welle wandert vom Fokuspunkt nach außen: Jeder Ring wächst und schrumpft der Reihe nach leicht, abhängig von seiner Entfernung zur Mitte, während das Gitter selbst an Ort und Stelle bleibt. Geschwindigkeit bei 16 hält den Puls sanft. Für ein statisches Muster, etwa in einem Layout, in dem Bewegung ablenken würde, stellst du Geschwindigkeit auf 0.
So funktioniert es
Wähle ein visuelles System
Wähle eine von 20 Familien wie Echoringe, Lichthofraster, Partikelküste, Glyphengelände oder Bandstapel.
Komponiere es
Wähle die Komposition Ausgewogen, Fokussiert, Kante oder Wiederholen, verschiebe den Fokuspunkt und lege Dichte, Skalierung, Drehung, Rhythmus, Spannung, Tiefe und Körnung fest.
Im Kontext beurteilen und verwenden
Sieh dir das Ergebnis in den Layouts Produkt, Landingpage, KI und Mobil an und melde dich dann mit einem kostenlosen UX Pilot Konto an, um es im Canvas zu verwenden oder zu exportieren.