Blaupausenraster: quadratische Haarlinien-Kacheln über einem technischen Raster
Blaupausenraster gibt einem Partnerbereich die Präzision eines Entwicklertools: 24 Symbole mit Logogröße 92 sitzen auf schwarzen, quadratischen Kacheln, mit Kachel auf Blaupause und Ecke bei 0 für scharfe Kanten. Dahinter blendet ein 24-px-Raster mit kleinen Fadenkreuzen an jeder vierten Linie zu den Rändern des Grunds #000000 hin aus. Jeweils eine Kachel wird im Wasabi-Akzent #E9F056 umrandet und beleuchtet, damit der Blick genau einen Ankerpunkt hat.
Mach den Look zu deinem
Runde die Kacheln, wenn dein UI rund ist
Ecke steht auf 0 für einen streng technischen Look. Haben Buttons und Karten auf deiner Seite runde Ecken, erhöhe Ecke auf 8 oder 12, damit die Kacheln zum Rest der Oberfläche passen.
Tausche Wasabi gegen deine Markenfarbe
Das gelbgrüne Highlight ist der Akzent. Setze Akzent auf deine Hauptmarkenfarbe und lass Tinte bei #EDEDED, damit nur eine Kachel Farbe trägt und Haarlinien und Raster neutral bleiben.
Häufige Fragen
Kann ich das Blaupausenraster behalten und die Hintergrundfarbe ändern?
Ja. Rasterlinien und Fadenkreuze werden aus Helle Farbe und Tinte gemischt und folgen so jedem Grund, den du wählst. Auf hellem Grund werden daraus feine graue Linien; halte genug Kontrast zwischen beiden Farben, sonst verschwindet das Raster.
So funktioniert es
Wähle einen Look und füge Logos hinzu
Starte mit einem von 9 Looks wie Halo-Hub, Tageslicht, Tastenkappe oder Keramik, behalte die Platzhalter oder füge bis zu 16 Logos als PNG, JPG oder WebP mit jeweils bis zu 20 MB hinzu.
Ordne die Logos an
Wähle die Verteilung Fibonacci, Ringe, Raster, Laufband oder Hub mit Umlaufbahnen und lege dann Anzahl, Radius, Logogröße, Logostil und eine Kachel wie Blaupause, Tastenkappe, Milchglas oder Keramik fest.
Tiefe einstellen und verwenden
Stimme Tiefe, Perspektive, Hintere Tiefe, Geschwindigkeit und Achse ab, zeige jedes Logo als Silhouette in Tinte oder in Originalfarben, drehe die Szene per Ziehen und melde dich dann mit einem kostenlosen UX Pilot Konto an, um sie im Canvas zu verwenden oder zu exportieren.