Design-Selbstprüfung

Sieh dein Design durch fremde Augen

Mehr als 20 Filter zeigen dir dein Design aus jeder Wahrnehmungs-Perspektive. Alles läuft lokal im Browser. Keine Cloud, kein Upload, keine Tracking.

Bild hierhin ziehen oder klicken

JPG, PNG, WebP · bleibt lokal auf deinem Rechner

Hinweis bei Logo-Dateien mit Transparenz: Dein Bild hat transparente Bereiche – die werden von einigen Filtern nicht „gefiltert“, weil dort gar kein Pixel zum Bearbeiten ist. Das wirkt manchmal unerwartete Ergebnisse.

Kategorie wählen

Filter wählen

Stärke 50

Aktuelles Bild

Format –

Größe –

Original Referenz

Filter

Stärke 4

Farbpalette

Die dominantesten Farben deines Designs, sortiert nach Häufigkeit. Klicke auf eine Farbe, um den Hex-Wert zu kopieren.

Bildanalyse

Statistische Analyse deines Designs: Helligkeits-, Sättigungs- und Farbverteilung.

Kurz gesagt: Stell dir vor, du sortierst jeden einzelnen Pixel deines Designs in einen Eimer – je nachdem wie hell oder welche Farbe er ist. Die Balken zeigen, wie voll jeder Eimer ist. Links = dunkel/wenig, rechts = hell/viel. So siehst du auf einen Blick, ob dein Design ausgewogen ist oder ob da was Schräges los ist.

Helligkeit (Luminanz)

Wie ist die Helligkeit verteilt? Links sind die dunklen Pixel (Schatten), rechts die hellen (Lichter). Schöner Mix von links nach rechts = ausgewogenes Design. Alles auf einer Seite = entweder zu düster oder zu ausgewaschen.

Rot · Grün · Blau

Wie sind die drei Grundfarben verteilt? Wenn alle drei Kurven ähnlich verlaufen, ist dein Design farblich neutral. Wenn z.B. die rote Kurve dominiert, hast du einen warmen Look. Hilft, ungewollte Farbstiche zu erkennen.

Sättigung

Wie kräftig sind deine Farben? Links = blasse, fast graue Töne. Rechts = knallige, satte Farben. Viele Werte links = elegant/zurückhaltend. Viele rechts = laut und auffällig.

Kennzahlen

Die wichtigsten Werte auf einen Blick. Kontrast-Range nah an 255 = großer Helligkeits-Unterschied (gut für Klarheit). Farbtemp sagt, ob dein Design eher warm (rötlich) oder kühl (bläulich) wirkt.

Ø Helligkeit

–

Ø Sättigung

–

Kontrast-Range

–

Dominante Farbtemp

–

Vor-Nachher

Lade zwei Designs hoch und vergleiche sie direkt mit dem Slider. Ideal für A/B-Konzepte oder Redesign-Präsentationen. Design A ist bereits mit deinem aktuellen Bild gefüllt – lade jetzt rechts ein zweites Bild für Design B hoch.

Design A

Wird automatisch mit deinem Bild gefüllt

Design B

Hier zweites Bild reinziehen oder klicken zum Hochladen

Hinweis: Deine beiden Bilder haben unterschiedliche Seitenverhältnisse. Damit der Slider sauber funktioniert, werden beide auf dasselbe Format zugeschnitten. Standardmäßig zentriert – du kannst den Ausschnitt aber auch manuell anpassen.

Verschiebe den orangen Rahmen, um die Position zu wählen. An den Ecken kannst du den Rahmen größer oder kleiner ziehen.

Seitenverhältnis koppeln Crop wird auf beiden Bildern synchron gehalten – ziehst du auf einer Seite, passt sich die andere identisch an.

Design A

Design B

Audit-Galerie

Dein Design durch alle Filter auf einen Blick. Komplett-Audit als Webinar-Material oder Kunden-Briefing.

0 ausgewählt

Hintergrund

Tausche das karierte Standard-Muster gegen einen anderen Kontext aus. Hilft, dein Design in seiner echten Umgebung zu sehen.

Eigene Farbe:

Wissenschaftlich fundiert auf Basis von

Itti & Koch (1998) – Saliency-Modell
Cerf et al. – Predicting human gaze
Tatler (2007) – Central fixation bias
Machado, Oliveira & Fernandes (2009) – CVD-Simulation
Sobel & Feldman (1968) – Edge Detection
ITU-R BT.709 – Luminanz-Standard
WCAG 2.1 – Accessibility-Standards
Nielsen Norman Group – F-Pattern

Datenschutz & lokale Verarbeitung

Deine Daten bleiben bei dir. Dieses Tool verarbeitet alle Bilder ausschließlich im Browser auf deinem eigenen Gerät. Es werden keine Bilder hochgeladen, gespeichert oder an Server gesendet. Es findet keine Übertragung an Drittanbieter statt – auch Schriften und Hilfsbibliotheken sind direkt im Tool eingebettet.

Hinweise & Haftungsausschluss

Hinweis: Alle Filter, Simulationen und Auswertungen dieses Tools werden nach bestem Wissen und Gewissen bereitgestellt. Die Angaben erfolgen ohne Gewähr und ohne Haftung für Vollständigkeit, Genauigkeit oder Eignung für einen bestimmten Zweck. Die Simulationen sind Annäherungen wissenschaftlicher Modelle und ersetzen keine professionelle medizinische, drucktechnische oder fachliche Beratung.

Impressum · Datenschutzerklärung

v 3.34