getrdone/color-palette-composition

Farbpalettenkomposition

Bauen Sie eine kontrollierte Verteilung der Aufmerksamkeit auf, nicht einen Haufen hübscher Farbmuster. Der Farbton ist dem visuellen Gewicht untergeordnet: Fläche, Chroma, lokaler Kontrast, Temperatur und Isolation entscheiden, ob eine Palette zusammenhält.

Dies ist der kanonische Skill zum Erstellen oder grundlegenden Überarbeiten einer Palette/eines Themas. Andere Systeme können Quellenbeschränkungen, Geschichten, semantische Rollen, Implementierungstoken oder Interpretationsnachweise liefern; sie ersetzen diesen Kompositionsworkflow nicht.

Laden Sie nur, was die Aufgabe benötigt

Lesen Sie Kernkomposition für jedes substanzielle neue oder überarbeitete Thema. Laden Sie dann genau das relevante Modul:

Bedarf	Lesen
Platzierung in Innenräumen, Grafik/Editorial, UI, Datenanzeige oder Druck	Mediumsanwendung
Startbeispiele oder ein benanntes Harmonieschema	Starter-Kits
Formelle Übergabe, Kontrast-/Produktionsprüfung, Herkunft oder Design-Token-Brücke	Validierung und Übergabe

Laden Sie Starter-Kits nicht für eine routinemäßige Kritik, und laden Sie nicht jedes Modul nur, weil die Aufgabe eine Palettenaufgabe ist. Der Kern bleibt obligatorisch; das zusätzliche Modul macht den Skill präzise, ohne Routineanfragen teuer zu machen.

Beginnen Sie mit dem Briefing

Identifizieren Sie das Medium, die gewünschte Stimmung und Zielgruppe, die Quelle/Geschichte, festgelegte Farben oder Materialien, Licht-/Ausgabebedingungen, Barrierefreiheitsanforderungen und ein Aufmerksamkeitsziel. Bewahren Sie eine gesperrte Farbe exakt auf. Kennzeichnen Sie wichtige Werte als official, extracted, harmonized oder semantic; ein abgeleiteter Farbton darf nicht zu einem falschen Markenstandard werden.

Verwenden Sie Feld / Partner / Akzent, wenn „Primärfarbe“ mehrdeutig sein könnte. In einem Raum oder einer redaktionellen Komposition ist die größte Farbe im Allgemeinen das Feld. In der UI bedeutet primary oft eine kleine, stark betonte Aktionsfarbe; verwenden Sie canvas, surface und on-* für breite Rollen.

Obligatorische Dual-Linsen-Methode für Themen

Wenden Sie für jedes substanzielle vorgeschlagene Farbschema oder Thema beide Linsen an und berichten Sie darüber. Eine benannte Harmonie oder ein Rezept allein ist nicht ausreichend.

1. Itten: Nennen Sie einen oder zwei der sieben Kontraste, die die kompositorische Arbeit leisten (Farbton, Hell-Dunkel, Kalt-Warm, Komplementär, Simultankontrast, Sättigung oder Quantitätskontrast). Wenn zwei chromatische Bereiche nebeneinander existieren, treffen Sie eine Quantitätsentscheidung, anstatt von gleicher Fläche auszugehen.
2. Munsell: Nennen Sie den HVC-Pfad, der die Familie aufbaut (vertikale Helligkeit, lateraler Farbton oder nach innen durch Grau zum Gegenüber), und führen Sie dann eine Helligkeit-Chroma-Korrektur durch. Eine kleine, intensive Farbe kann ein viel größeres, gedämpftes Feld ausgleichen; Prozentsatz allein ist kein Gleichgewicht.
3. Visuelles Gewicht: Bewerten Sie Gewicht ~= Fläche x Chroma x lokaler Kontrast. Temperatur und Isolation verstärken oder dämpfen es. Dies ist eine richtungsweisende Design-Heuristik, keine physikalische Berechnung.
4. Menschliche Lesbarkeit: Fügen Sie eine ein- oder zweisätzige theory_summary ein, die die verwendeten Itten- und Munsell-Muster benennt, was sie verändert haben und warum ein Mensch sie nachschlagen könnte.

Erforderlicher Namensvertrag

Wenden Sie dies vor der Übergabe an. Die Design-Richtlinien besitzen die Token-Architektur; dieser Skill erfordert das Palettenverhalten, das sie speist.

• Geben Sie dem fertigen Thema und den kanonischen/Geschichten-Farben kurze, aussagekräftige, quellspezifische Namen (normalerweise 1–3 Wörter). Nennen Sie eine echte Designfarbe nicht Orange 1 oder Dunkelblau.
• Bewahren Sie einen offiziellen Hersteller- oder Markenfarbnamen exakt auf; notieren Sie ihn als official, anstatt ihn durch einen poetischen Alias zu ersetzen.
• Halten Sie kanonische Geschichtennamen getrennt von semantischen Rollen-Aliasen: Beispielsweise kann Flamme auf --flame abbilden, während --color-primary oder action seinen Implementierungsjob beschreibt. Eine Rolle kann sich ändern, ohne die Farbgeschichte umzubenennen.
• Benennen Sie signifikante Farbverläufe nach dem Bild/der Geschichte, die sie erzeugen (Feuerkern, Flügelschwung), niemals Verlauf 1. Eine generische Konstruktionsbezeichnung ist nur vorläufig.
• Wenn eine bereitgestellte Quelle generische Namen verwendet, behalten Sie die Quellenbezeichnung in der Herkunft bei und schlagen Sie einen aussagekräftigen kanonischen Namen nur vor, wenn er nicht gesperrt/offiziell ist.

Schneller Workflow

1. Bauen Sie zuerst die Wertestruktur auf: lesbares Feld plus Schrift/Farbe-auf-Farbe. Ein Design, das in Graustufen stirbt, hat eine ungelöste Hierarchie.
2. Wählen Sie ein Aufmerksamkeitsziel. Geben Sie ihm den stärksten Vorteil in Chroma, Helligkeitskontrast, Warm/Kalt-Kontrast, Isolation oder Größe – nicht allen Elementen.
3. Ziehen Sie 70/20/10 für aufmerksamkeitsgesteuerte redaktionelle/Kampagnen-/Raumarbeiten oder 80/15/5 für dichte, verfeinerte, informationsgesteuerte Arbeiten in Betracht. Dies sind bevorzugte erste Versuche, keine Regeln. Verwenden Sie eine andere Aufteilung mit einem visuellen Gewichtsgrund; verwenden Sie 60/30/10 nur, wenn seine ausgewogene Innenraumneigung passt.
4. Weisen Sie Feld, Partner, Akzent, Neutral-/Textfarbe und semantische Zustandsrollen zu; ordnen Sie sie Oberflächen oder Komponenten zu.
5. Wenden Sie die Itten-Kontrast- und Munsell-HVC/Helligkeit-Chroma-Entscheidungen an. Bauen Sie eine verwandte Familie auf, bevor Sie einen nicht verwandten Farbton importieren.
6. Führen Sie den Zwei-Sekunden-Fokustest, Kontrast-/Nicht-Farbhinweis-Prüfungen und den Medium-/Ausgabetest durch.

Nicht verhandelbare Sicherheitsvorkehrungen

• 60/30/10 ist eine dokumentierte Innenraumkonvention, keine globale Standardeinstellung oder wissenschaftliche Regel.
• Eine gesperrte Markenfarbe, die den Kontrast nicht erfüllt, ändert die Rolle. Eine nicht gesperrte abgeleitete Farbe kann Helligkeit/Chroma, die Rolle oder beides ändern.
• Farbe vermittelt niemals allein einen Status, eine Kategorie, eine Aktion oder einen Fehler; fügen Sie gegebenenfalls Wörter, Symbole, Formen, Muster, Position oder Unterstreichungen hinzu.
• Behandeln Sie einen Bildschirm-HEX nicht als Farbformel oder Produktions-CMYK-Spezifikation. Drucken Sie Proofs mit dem Ausgabeprofil; testen Sie Farbmuster unter installiertem Licht und neben festen Materialien.
• Starter-Rezepte sind Richtungen, niemals Standardmarken. Benennen Sie sie um und leiten Sie sie von der aktuellen Quelle ab.

Erforderliche Übergabe

Fügen Sie für eine substanzielle Palettenantwort die folgenden Angaben ein, soweit zutreffend:

palette:
  medium: interior | graphic | ui | data-viz | print | mixed
  concept:
  attention_target:
  naming:
    theme_name:
    canonical_story_names: []
    semantic_role_aliases: {}
    signature_gradient_names: []
    official_names_preserved: []
  theory_lens: "Itten + Munsell"
  itten_application: { contrasts: [], extension_decision: "" }
  munsell_application: { hvc_path: "", value_chroma_correction: "" }
  visual_weight: "Feld / Partner / Akzent Begründung"
  theory_summary: "Ein oder zwei Sätze: benanntes Muster, Entscheidung und warum."
  harmony:
  allocation:
  provenance: {}
  field: { name, value_or_material, placement }
  partner: { name, value_or_material, placement }
  spark: { name, value_or_material, placement }
  neutrals_and_on_colors: []
  semantic_states: []
  contrast_status:
  non_color_cues:
  production_or_light_test:
  do_not_use_as: []

theory_lens, itten_application, munsell_application und theory_summary sind für ein erstelltes Thema erforderlich. Geben Sie sie in einer beiläufigen Erklärung kompakt an, anstatt den vollständigen Block auszugeben.

Fertig, wenn

• Jede überlebende Farbe einen kanonischen Namen oder einen erhaltenen offiziellen Namen, eine Rolle, eine Zuteilung, eine Platzierung und eine Herkunft hat.
• Das Feld, der Partner und der Akzent in zwei Sekunden erkennbar sind.
• Das stärkste Chroma/der stärkste Kontrast seine Aufmerksamkeit verdient.
• Sowohl Itten- als auch Munsell-Entscheidungen benannt, angewandt und erklärt sind.
• Text, Bedienelemente, aussagekräftige Grafiken und Zustände im tatsächlichen Kontext funktionieren und nicht allein durch Farbe unterschieden werden.
• Das Ergebnis unter realen Licht-, Anzeige-, Bestands- oder Ausgabebedingungen getestet wurde, sofern zutreffend.