Prismatische Stufen: eine isometrische SVG-Form aus Drahtgitter-Prismen auf einer Treppe
Eine Treppe aus 12 kastenartigen Prismen steigt von links unten nach rechts oben, jedes gezeichnet als rautenförmige Deckfläche mit zwei Seitenwänden und einer Mittelkante. Nichts ist gefüllt, die Kästen überlappen also transparent, und das Ganze wirkt wie die Strichzeichnung eines Architekten. Ziegelrote Striche von 1.5 auf pfirsichgetöntem Creme halten das technische Thema warm. Roadmaps, Onboarding-Fortschritt und alles rund ums schrittweise Bauen sind sein naheliegendes Zuhause.
Mach den Look zu deinem
Trenne oder verschmilz die Stufen
Elementanzahl ist 12, was jedes Prisma bereits mit seinem Nachbarn überlappen lässt. Bei 6 rücken die Kästen zu getrennten Stufen auseinander, die du einzeln beschriften könntest. Bei 30 verschmelzen sie zu einer dichten Rampe aus Linien.
Strecke die Wände
Die Wandhöhe folgt Krümmung, in diesem Preset 40. Nahe 0 flachen die Prismen zu dünnen Platten ab, wie gestapelte Karten. Bei 100 werden sie zu hohen Säulen. Freiraum wirkt stattdessen auf die Grundfläche: Erhöhe ihn von 20 auf 50, um jede Stufe schmaler zu machen.
Häufige Fragen
Ist Prismatische Stufen echtes 3D?
Nicht im technischen Sinn. Es ist flache SVG-Linienarbeit in einer Projektion im isometrischen Stil, ohne 3D-Engine, Beleuchtung oder Schattierung. Das hält das Ergebnis in jeder Größe scharf. Der Preis ist, dass du die Treppe nicht umkreisen kannst. Drehung dreht die ganze Zeichnung in der Ebene, was die Illusion einer Bodenebene brechen kann, wenn du sie weit von 0 wegschiebst.
So funktioniert es
Wähle ein System
Wähle eines von 24 geometrischen Systemen, von Strahlenkrone und Irisfalz bis Breitengradkäfig und Drehturm.
Forme die Geometrie
Lege Dichte, Detail, Krümmung, Offenheit, Strichstärke, Skalierung, Drehung und Versatz fest und ändere die Variation für eine neue Anordnung.
Einfärben, Format wählen und verwenden
Lege Papier-, Primär-, Sekundär- und Akzentfarbe fest, wähle Querformat, Quadrat oder Hochformat und melde dich dann mit einem kostenlosen UX Pilot Konto an, um das Ergebnis im Canvas zu verwenden oder zu exportieren.