getrdone/color-palette-composition

Composition de palette de couleurs

Construisez une distribution contrôlée de l'attention, pas un tas d'échantillons attrayants. La teinte est secondaire par rapport au poids visuel : la surface, le chroma, le contraste local, la température et l'isolement décident si une palette tient ensemble.

Il s'agit de la compétence canonique pour générer ou réviser substantiellement une palette/un thème. D'autres systèmes peuvent fournir des contraintes de source, une histoire, des rôles sémantiques, des jetons d'implémentation ou des preuves d'interprétation ; ils ne remplacent pas ce workflow de composition.

Ne charger que ce dont la tâche a besoin

Lisez composition de base pour chaque nouveau thème ou révision substantielle. Chargez ensuite exactement le module pertinent :

Besoin	Lire
Intérieur, graphique/éditorial, UI, affichage de données ou placement d'impression	application par médium
Exemples de départ ou modèle d'harmonie nommé	kits de démarrage
Transfert formel, vérification contraste/production, provenance ou pont de jetons de conception	validation et transfert

Ne chargez pas les kits de démarrage pour une critique de routine, et ne chargez pas chaque module simplement parce que la tâche est une tâche de palette. Le noyau reste obligatoire ; le module supplémentaire rend la compétence précise sans rendre les demandes de routine coûteuses.

Commencer par le brief

Identifiez le médium, l'ambiance et le public visés, la source/l'histoire, les couleurs ou matériaux fixes, les conditions d'éclairage/sortie, l'exigence d'accessibilité et une cible d'attention. Préservez exactement une couleur verrouillée. Étiquetez les valeurs sérieuses en tant que official, extracted, harmonized ou semantic ; un échantillon dérivé ne doit pas devenir un faux standard de marque.

Utilisez champ / partenaire / étincelle chaque fois que « primaire » pourrait être ambigu. Dans une composition de pièce ou éditoriale, la plus grande couleur est généralement le champ. Dans l'interface utilisateur, primary désigne souvent une petite couleur d'action à fort accent ; utilisez canvas, surface et on-* pour les rôles larges.

Méthode obligatoire à double lentille pour les thèmes

Pour chaque palette ou thème de couleur substantiel proposé, appliquez et rapportez les deux lentilles. Une harmonie nommée ou une recette seule est insuffisante.

1. Itten : nommez un ou deux des sept contrastes qui effectuent le travail compositionnel (teinte, clair-obscur, froid-chaud, complémentaire, simultané, saturation ou extension). Lorsque deux zones chromatiques coexistent, prenez une décision d'extension plutôt que de supposer une zone égale.
2. Munsell : nommez le chemin HVC construisant la famille (valeur verticale, teinte latérale ou intérieur par le gris vers l'opposé), puis effectuez une correction valeur-chroma. Une petite couleur intense peut équilibrer un champ beaucoup plus grand et atténué ; le pourcentage seul n'est pas l'équilibre.
3. Poids visuel : évaluez poids ~= surface x chroma x contraste local. La température et l'isolement l'amplifient ou l'atténuent. Il s'agit d'une heuristique de conception directionnelle, pas d'un calcul physique.
4. Lecture humaine : incluez un theory_summary d'une ou deux phrases nommant les motifs Itten et Munsell utilisés, ce qu'ils ont changé et pourquoi un humain pourrait les rechercher.

Contrat de nommage requis

Appliquez-le avant le transfert. Les Directives de conception possèdent l'architecture des jetons ; cette compétence nécessite le comportement de palette qui l'alimente.

• Donnez au thème complet et aux échantillons canoniques/de l'histoire des noms courts, évocateurs et spécifiques à la source (normalement 1 à 3 mots). N'appelez pas une couleur de conception réelle Orange 1 ou Bleu foncé.
• Préservez exactement un nom officiel de fabricant ou de couleur de marque ; enregistrez-le comme official plutôt que de le remplacer par un alias poétique.
• Gardez les noms d'histoire canonique séparés des alias de rôle sémantique : par exemple, Flamme peut correspondre à --flamme, tandis que --color-primary ou action décrit son travail d'implémentation. Un rôle peut changer sans renommer l'histoire de la couleur.
• Nommez les dégradés emblématiques d'après l'image/l'histoire qu'ils créent (Cœur de feu, Battement d'aile), jamais Dégradé 1. Une étiquette de construction générique n'est que provisoire.
• Si une source fournie utilise des noms génériques, conservez l'étiquette de source dans la provenance et proposez un nom canonique évocateur uniquement lorsqu'il n'est pas verrouillé/officiel.

Flux de travail rapide

1. Construisez d'abord la structure des valeurs : champ lisible plus encre/couleur sur. Un design qui meurt en niveaux de gris a une hiérarchie non résolue.
2. Choisissez une cible d'attention. Donnez-lui l'avantage le plus fort en chroma, contraste de valeur, contraste chaud/froid, isolement ou échelle — pas tous les éléments.
3. Considérez 70/20/10 pour le travail éditorial/campagne/pièce axé sur l'attention ou 80/15/5 pour le travail dense, raffiné et axé sur l'information. Ce sont des premiers essais favorisés, pas des règles. Utilisez une autre répartition avec une raison de poids visuel ; utilisez 60/30/10 seulement lorsque son biais d'intérieur équilibré convient.
4. Assignez les rôles de champ, partenaire, étincelle, neutre/couleur sur, et d'état sémantique ; mappez-les aux surfaces ou composants.
5. Appliquez le contraste Itten et les décisions HVC/valeur-chroma de Munsell. Construisez une famille apparentée avant d'importer une teinte non apparentée.
6. Effectuez le test de mise au point en deux secondes, les vérifications de contraste/indices non-couleur et le test de médium/sortie.

Sauvegardes non négociables

• 60/30/10 est une convention d'intérieur documentée, pas une valeur par défaut globale ou une loi scientifique.
• Une couleur de marque verrouillée qui échoue au contraste change de rôle. Une couleur dérivée déverrouillée peut changer de valeur/chroma, de rôle, ou les deux.
• La couleur ne transmet jamais un statut, une catégorie, une action ou une erreur seule ; ajoutez des mots, icônes, formes, motifs, position ou soulignement si nécessaire.
• Ne traitez pas un hexadécimal d'écran comme une formule de peinture ou une spécification CMJN de production. Vérifiez l'impression avec son profil de sortie ; testez les échantillons de peinture sous la lumière installée et à côté des matériaux fixes.
• Les recettes de démarrage sont des directions, jamais des marques par défaut. Renommez-les et dérivez-les à nouveau de la source présente.

Transfert requis

Pour une réponse de palette substantielle, incluez ce qui suit, le cas échéant :

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: "field / partner / spark rationale"
  theory_summary: "One or two sentences: named pattern, decision, and why."
  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 et theory_summary sont requis pour un thème créé. Dans une explication informelle, indiquez-les de manière concise plutôt que d'émettre le bloc complet.

Terminé quand

• Chaque couleur survivante a un nom canonique ou un nom officiel préservé, un rôle, une allocation, un placement et une provenance.
• Le champ, le partenaire et l'étincelle sont évidents en deux secondes.
• Le chroma/contraste le plus fort mérite son attention.
• Les décisions Itten et Munsell sont nommées, appliquées et expliquées.
• Le texte, les contrôles, les graphiques significatifs et les états fonctionnent dans le contexte réel et ne se distinguent pas par la couleur seule.
• Le résultat est testé dans sa condition réelle de lumière, d'affichage, de support ou de sortie, le cas échéant.