Pyramidenbalken: ein symmetrischer Balkenverlauf mit Spitze in Cyan
Pyramidenbalken reiht neun Balken auf und setzt Balkenprofil auf Pyramide, sodass sie Stufe für Stufe zum höchsten in der Mitte ansteigen und auf der anderen Seite wieder abfallen. Die Palette Elektrische Flut läuft über die Reihe von Königsblau über Cyan bis Violett, und jeder Balken wird zu seinem Fuß hin etwas dunkler, auf einer mitternachtsblauen Grundfarbe. Animieren ist eingeschaltet, doch das Profil hält die Form und nur ein kleiner Rauschanteil lässt die Höhen atmen, sodass alles wie eine ruhige Equalizer-Spitze wirkt statt wie ein zappelnder Pegel.
Mach den Look zu deinem
Mach aus der Spitze ein Tal
Stell Balkenprofil von Pyramide auf Tal, und die höchsten Balken wandern an die beiden Enden. In der Mitte entsteht eine Senke, in der eine Überschrift Platz hat. Welle legt stattdessen eine rollende Sinuskurve über die Reihe.
Verbreitere die Stufen
Neun Bänder ergeben breite Stufen. Bei 5 wird die Pyramide zu einem klobigen Siegerpodest, ab 17 zu einer gleichmäßigen Treppe. Halte die Anzahl ungerade, damit oben ein einzelner Balken allein steht.
Häufige Fragen
Was unterscheidet Pyramidenbalken vom Look Solarstäbe?
Solarstäbe nutzt das Profil Rauschen, deshalb sind die Balkenhöhen zufällig und ändern sich laufend, wenn animiert wird. Pyramidenbalken legt die Höhen dagegen nach Position fest: am höchsten in der Mitte, am niedrigsten an den Rändern, mit nur leichtem Wackeln. Nimm es, wenn die Form selbst das Design tragen soll, etwa hinter einem zentrierten Produktfoto.
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.