Hex-Linse: eine Wabe aus Glas-Sechsecken über Flieder und Rosa
Hex-Linse setzt Kachelform auf Sechsecke, sodass eine Wabe aus Glaszellen, 7 pro Reihe, einen Verlauf vom Typ Fließend mit der Palette Orchidee bedeckt. Flieder, Rosé und tiefes Violett wirbeln mit Verzerrung auf 60 über eine dunkle Pflaumen-Grundfarbe, und Linsenstärke auf 70, mehr als bei Glaskacheln, vergrößert den Farbausschnitt jeder Zelle wie ein Wassertropfen. Mattierung bleibt mit 10 niedrig, sodass die Zellen wie klares Glas mit hellen Kanten wirken statt wie Milchglas.
Mach den Look zu deinem
Nimm die Vergrößerung zurück
Linsenstärke auf 70 vergrößert den Fluss in jedem Sechseck deutlich. Um 30 werden die Zellen zu flachem Glas, das die Farben kaum biegt, was hinter einer Preistabelle oder einem Formular ruhiger wirkt.
Skaliere die Wabe
Kacheln pro Reihe steht auf 7. Für ein kräftiges, grafisches Muster mit großen Zellen senkst du den Wert auf 4, ab 12 schrumpfen die Sechsecke zu einer feinen Textur. Geschwindigkeit steuert, wie schnell der Fluss unter den feststehenden Zellen wandert.
Häufige Fragen
Bewegen sich die Sechsecke, wenn der Verlauf animiert ist?
Nein, die Wabe bleibt an Ort und Stelle. Mit eingeschaltetem Animieren bewegt sich der Verlauf vom Typ Fließend darunter weiter, sodass die Farben durch jede Linse gleiten und beim Durchqueren vergrößert werden. So entsteht Bewegung, ohne dass das Raster selbst wandert, und Layouts darüber bleiben ruhig.
So funktioniert es
Wähle einen Startpunkt
Starte mit einem von 28 Looks wie Weiches Mesh, Finsternis-Strahlen oder Riso-Halbton, oder wähle einen Verlaufstyp und eine von 24 Paletten.
Stimme den Verlauf ab
Passe Skalierung, Verzerrung, Wirbel und Weichheit an, füge Körnung, Glasscheiben oder Glaskacheln, ein Overlay aus Punkten, Raster oder Linien, eine zweite gemischte Ebene oder einen Bildstil wie Halbton oder Pixel-Sortierung hinzu und schalte die Animation mit eigener Geschwindigkeit ein.
Ansehen und verwenden
Sieh dir den Verlauf in den Layouts Landingpage, Karte, Mobil und Registrierung an und melde dich dann mit einem kostenlosen UX Pilot Konto an, um ihn im Canvas zu verwenden oder zu exportieren.