Früher dachte ich, ich bräuchte mehr Farben. Aber jetzt nutze ich einen Farbpaletten-Generator für harmonische Töne un weniger Farben.
Mehr Optionen. Mehr Flexibilität. Mehr Freiheit zum Erkunden.
Ich habe mich geirrt.
Folgendes passierte: Ich öffnete Figma und starrte 20 Minuten lang auf den Farbwähler. Und pflücken Sie nichts. Analyselähmung, verkleidet als "gründlich sein".
Du kennst dieses Gefühl. Das tun wir alle.
Dann sah ich die Markenfarben von Apple. Nur schwarz und weiß.
Kann es sein, dass die besten Farbpaletten aus Zwang und nicht aus Freiheit entstehen?
Sie brauchen keine weiteren Farben oder eine komplexe Farbpalette
Schauen Sie sich Stripe an. Vier Markenfarben. Das war es.
Spotify? Grün, schwarz, weiß. Sie bauten eine Mega-B-Firma auf drei Farben auf.
Apples gesamte Ästhetik? Eine minimalistische Farbpalette, die schreit: "Wir wissen, was wir tun."
Diese Unternehmen schränken sich nicht selbst ein. Sie befreien sich.
Wenn Sie 50 Orange - oder Gelbtöne und Farbverläufe haben, ist jede Schaltfläche eine Debatte. Wenn man drei hat, entwirft man einfach.
Die klassische 60-30-10-Regel hat mein Leben verändert
Ich weiß, ich weiß. Regeln fühlen sich einschränkend an.
Aber:
- 60% dominante Farbe (normalerweise neutral)
- 30% Sekundärfarbe (unterstützt den Vibe)
- 10% Akzentfarbe (lässt Dinge hervorstechen)
Ich benutze dies jetzt bei jedem Projekt. Es funktioniert. Es entrümpelt.
Ihr Gehirn verarbeitet eingeschränkte Farbkombinationen schneller. Ihre Benutzer werden nicht überfordert, wenn Sie ein ausgewogenes Farbschema verwenden.
Ihr Color - Design sieht strukturiert statt zufällig aus.
Aber ich wollte wissen, woher diese Regel kommt, bevor ich sie weiter anwende. Ich habe gesehen, dass sie vom Goldenen Schnitt inspiriert ist. Ein universelles Verhältnis, das in der Natur schon oft beobachtet wird. In Blättern, in natürlichen Mustern der Wüste... Es ist der Goldene Schnitt wie a+b zu a wie a ist zu b, was a/b=~1,6 ergibt.
Wenn man 100 in drei Teile schneidet, erhält man 50-31-19. Okay, es ist nicht die 60-30-10-Regel exakt gespiegelt. Aber Design profitiert oft von leerem Raum. Der Goldene Schnitt im mathematischen Sinne kommt also dem nahe. Und Zwänge helfen, die Richtung vorzugeben, man behält immer noch einen gewissen kreativen Freiraum.
Drei Designfehler, die ich gemacht habe (damit Sie es nicht tun müssen)
Früher habe ich Farben isoliert ausgewählt.
Ich fand das perfekte Gelb, verliebte mich in es und ließ es dann in mein Design einfließen. Es würde mit allem kollidieren. Farben existieren nicht allein, sondern neben Text, Bildern, Schaltflächen und Hintergründen. Daher ist der Paletten-Feed auf unserer Website umschaltbar, um ein Gefühl für die Farben in Aktion zu bekommen. Gleiches gilt für das Anlegen einer neuen Palette.
Jetzt? Vom ersten Tag an teste ich gemeinsam Farben.
Ich ignorierte die Barrierefreiheit.
Das tut weh, das zuzugeben. Ich habe wunderschöne Paletten kreiert, die Menschen mit Farbbeeinträchtigungen nicht unterscheiden konnten. Paletten, bei denen die Kontrasttest nicht bestanden haben. Paletten, die toll aussahen, aber schrecklich funktionierten.
Das war der Grund, den maximalen Kontrast innerhalb der Palette zu zeigen, während man sie erstellt. Und der Kontrast für kleinen Text auf jeder Palette im Feed.
Ich habe nur auf meinem schicken Monitor getestet.
Meine Designs sahen auf meinem PC-Bildschirm wunderschön aus. Dann habe ich sie nebeneinander auf zwei Handys bei unterschiedlichen Lichtverhältnissen eingecheckt.
Katastrophe. Vieles davon wird auf die Einstellungen in den Telefonen und dem Display zurückgeführt. Aber Sie möchten trotzdem, dass Ihre Farben erkennbar sind.
Ihre Benutzer sehen Ihre Arbeit nicht unter perfekten Bedingungen. Sie sind draußen. Sie befinden sich auf alten Geräten. Sie befinden sich um 2 Uhr morgens im Dunkelmodus.
Dies führte dazu, dass ein Wechsel zwischen Hell- und Dunkelmodus und auch eine Art Tageslichtsimulation von Farben erforderlich war.
Testen Sie überall. Oder akzeptieren Sie, dass Ihre Palette nur in Ihrer Blase funktioniert, während andere Farbschemas effektiver sein könnten?
Wie ich frische Farbpaletten kreiere
Jetzt beginne ich mit der Emotion, nicht mit der Farbe.
Was sollten die Menschen fühlen? Vertrauen? Energie? Ruhig? Aufregung?
Dann wähle ich eine Primärfarbe aus, die diese Emotion auf den Punkt bringt. Nicht fünf Farben. Eine Hauptfarbe.
Dann füge ich eine Sekundär- oder Akzentfarbe hinzu.
Als nächstes erstelle ich eine Skala für beide. Ich brauche kein "Blau". Ich brauche Farbtöne von hell bis dunkel.
Das gibt mir Hierarchie, Tiefe und Flexibilität ohne Chaos, ähnlich wie ein gut durchdachtes Farbschema.
Dann teste ich es sofort gegen echte Inhalte.
Nicht lorem ipsum. Kein Platzhaltertext. Echte Überschriften, echte Buttons, echte Daten.
Denn Farben, die auf einer leeren Leinwand gut aussehen, fallen oft auseinander, wenn die Realität zuschlägt.
Das, was Ihnen niemand sagt
Jede Farbentscheidung zehrt an deiner Energie.
Soll diese Schaltfläche primär oder sekundär sein? Soll dieser Fehler rot oder orange-rot sein? Soll dieser Hintergrund grau-100 oder grau-200 sein?
Am Ende des Tages sind Sie erschöpft von Mikroentscheidungen, die keine Rolle spielen.
Eine gute Farbpalette im Design System eliminiert 90% dieser Entscheidungen. Sie wählen keine Farben mehr. Sie wenden ein System an.
Aus diesem Grund haben Unternehmen wie z.B. Shopify große Anstrengungen unternommen, um ihre Designsysteme (Polaris) zu perfektionieren.
Was ist die Farbentscheidung, die dich immer bremst? Das, wo man einfach... Auf den Bildschirm starren?
Ich würde es wirklich gerne wissen. Weil ich dort war. Und ich wette, Sie haben das auch.