Webstreifen: gewebte Reihen aus Streifen in Fichte und Rost auf haferfarbenem Grund
Webstreifen wirkt wie die Nahaufnahme eines gewebten Stoffs. Die Fläche ist in 20 horizontale Reihen geschnitten, und jede Reihe ist mit vertikalen Streifen einer Farbe gefüllt, getrennt durch gleich breite Lücken des haferfarbenen Hintergrunds. Die Streifenbreite durchläuft von Reihe zu Reihe fünf Größen, wobei Rhythmus bei 78 die breiteste fast dreimal so breit macht wie die schmalste, und Reihen in Fichtenpetrol sind gegenüber rostfarbenen zwei zu eins in der Überzahl.
Mach den Look zu deinem
Mach das Gewebe feiner
Rhythmus skaliert jede Streifenbreite. Bei 78 variieren die Streifen stark zwischen den Reihen. Senke Rhythmus auf 20, und sie schrumpfen und gleichen sich an, was wie eine höhere Fadendichte aussieht.
Nutze weniger, höhere Reihen
Elementanzahl entspricht der Zahl der Reihen. Hier sind es 20. Bei 8 werden die Reihen zu hohen Feldern, und das Design wechselt von Stoff zu Beschilderung. Drehung bei 90 macht aus den Reihen vertikale Bahnen.
Häufige Fragen
Was passiert mit Webstreifen, wenn es animiert wird?
Jede zweite Reihe gleitet seitwärts, abwechselnd in entgegengesetzte Richtungen, wie Schiffchen auf einem Webstuhl, während Reihenhöhen und Farben fest bleiben. Es ist eine gleichmäßige Bewegung über die ganze Fläche und zieht deshalb mehr Aufmerksamkeit auf sich als das sanfte Wiegen der meisten anderen Familien. Behalte es für Hero-Bereiche und stelle Geschwindigkeit hinter langem Text 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.