Palette de couleurs idéale pour 24 couleurs?
Je fais une simple application de tableau blanc collaboratif juste pour le plaisir et j'avais à l'origine un sélecteur de couleurs avec toutes les couleurs, mais les quelques amis que je lui ai montré aussi ont dit que c'était trop et qu'ils ne sont pas des artistes et préféreraient qu'il n'y en ait que 16 ou 24 "bonnes" couleurs à choisir.
J'ai trouvé cette page pour une palette optimale de 16 couleurs, mais même cela, je ne pense pas, est nécessairement idéal pour une application de peinture en ligne (voudrait probablement des couleurs plus saturées/plus lumineuses pour certaines d'entre elles). De plus, ce serait 24 couleurs.
Je pense que vous avez absolument besoin de black, grey, white, red, blue, green, yellow, orange, brown, purple, pink comme le suggère Wad, et au-delà, je suppose que les nuances varient, mais je ne suis pas un artiste ni un expert en théorie des couleurs, donc je ne sais pas exactement comment créer une telle palette, même après quelques recherches sur Google.
Quelle serait une bonne palette avec 24 couleurs qui permettrait aux utilisateurs de peindre à peu près tout ce qu'ils voulaient sans penser "oh j'aurais aimé avoir cette couleur pour cet objet"?
J'y utiliserais 24 couleurs trouvées dans 24 crayons de couleur Crayola .
rouge, jaune, bleu, marron, orange, vert, violet, noir, œillet rose, jaune orange, bleu vert, rouge violet, rouge orange, jaune vert, bleu violet, blanc, violet rouge, pissenlit, céruléen, abricot, écarlate, vert jaune, indigo et gris
Je suis sûr qu'une sorte de recherche a été faite pour obtenir les couleurs les plus utilisées dans ce pack.
Vous pouvez utiliser ce lien pour obtenir les codes couleur HTML de tous les crayons Crayola
Vous demandez quelles 24 couleurs utiliser, mais je pense que la plus grande question est "y a-t-il un nombre idéal de couleurs à offrir en premier lieu?
En regardant quelques-unes des applications d'esquisse sur l'iPad, vous remarquerez qu'elles utilisent des palettes très limitées.
Le papier, par exemple, a des palettes de 7 couleurs :
Certes, le papier est livré avec un tas de palettes différentes à choisir, mais je pense que le point clé ici est que - au moins pour l'esquisse - il y a un certain confort d'avoir un ensemble défini d'une poignée de couleurs.
Bamboo Paper (une de mes préférées) a également une palette limitée:
Celles-ci sont probablement basées sur le fait que la plupart des gens, lors du croquis ou du wireframing avec des marqueurs ou des stylos, ont tendance à avoir un ensemble limité. Il y a de bonnes raisons à cela, car le but de l'esquisse est de mettre les idées sur papier le plus rapidement possible. S'arrêter pour réfléchir à laquelle des dizaines de couleurs à saisir est beaucoup plus lent que d'avoir un joli ensemble solide de 6 environ:
En conclusion, pour une application de tableau blanc qui est également collaborative je préconiser une palette de couleurs beaucoup plus limitée que 24 ... et suggérerait de la limiter à quelque chose de plus proche de 6-8 pour les raisons suivantes:
- C'est une application de croquis. La vitesse est la clé, alors accélérez la sélection des couleurs avec un ensemble plus petit.
- C'est collaboratif. Si vous devez saisir le marqueur `` bleu '', il ne devrait y avoir qu'un seul marqueur bleu, plutôt que 6 nuances de bleu à parcourir.
- Moins de couleurs signifie que vous pouvez les rendre a) plus distinctifs et b) plus cohésifs.
Si les gens trouvent cela trop limitatif, vous pouvez offrir l'option de personnaliser les 6 couleurs à tout ce qu'ils veulent, mais je pousserais toujours à choisir un ensemble de couleurs très limité lors du dessin.
La meilleure palette dépend beaucoup de la nature exacte de votre application. Une application de dessin pour petits enfants nécessitera des couleurs différentes et légèrement plus qu'une application de collaboration scientifique. La question n'indique pas si les couleurs seront unies et si elles s'appliqueraient à toutes sortes d'outils virtuels (comme un stylo, un pinceau, un marqueur, un crayon, un crayon; fond, bordure, texte).
Vous voudrez peut-être considérer ce que les gens aimeront probablement dessiner ou peindre et quels couleurs contextuelles dont ils auront besoin pour cela. Peut-être que cela inclura certains effets de couleur plutôt que des couleurs réelles, par exemple paillettes, éclat, brillance, semi-transparent, opaque, pastel, néon, adoucissement, frottis, spray, camouflage, inverse, Rainbow … De cette façon, les utilisateurs pourrait être en mesure de mélanger les couleurs intuitivement sur la toile pour obtenir le mélange souhaité.
Cela étant dit, voici une liste composée de plusieurs couleurs communes (non unies) que l'on trouve dans les outils d'écriture physique, d'esquisse et de mise en évidence.
- 1 crayon: anthracite/charbon
- 5 stylos classiques: noir, bleu marine, bleu, rouge, vert
- 6 surligneurs néon: jaune, orange, magenta/fuchsia, citron vert, cyan, violet
- 4 stylos gel métalliques: bronze, argent, or, rose
- 2 caoutchoucs: blanc, gris
- 6 pinceaux pastel: Pêche, lilas, saumon, ivoire, fard à joues, menthe
D'autres scénarios permettent couleurs sémantiques, par ex. texte/premier plan, arrière-plan/toile, accentuation, surbrillance, commentaire , qui peuvent ensuite être modifiés en un instant en changeant de palette.
figure dont vous avez absolument besoin noir, gris, blanc, rouge, bleu, vert, jaune, orange, marron, violet, rose
Voici ma suggestion pour vos options de couleurs basées sur la théorie des couleurs qui, si vous optez pour cette méthode, une fois que vous avez choisi votre ensemble de base, devrait vous laisser un minimum de 24 couleurs.
Définissez vos couleurs de base: Ce doivent être vos couleurs de base et elles doivent être dans cet ordre: rouge, orange, jaune, vert, bleu, violet. Ce groupe de couleurs de base sont vos teintes - un mélange de couleurs primaires et de couleurs complémentaires. Le noir et le blanc doivent toujours être disponibles, séparément de vos valeurs de couleur de base.
Ajoutez du blanc et du noir: Ajoutez maintenant des teintes et des nuances, pour tripler la quantité de couleurs que vous avez. Les teintes sont couleur + blanc ou une couleur plus claire. Les nuances sont couleur + noir ou couleurs plus foncées. Vous pouvez créer 3 niveaux de blanc et de noir pour chaque couleur, ou tout simplement permettre d'augmenter ou de diminuer la quantité de blanc ou de noir pour chaque couleur individuelle ou toutes les couleurs en tant qu'ensemble. Si ce n'est pas clair, recherchez les teintes par rapport aux nuances sur Google.
Ajoutez du gris: Ensuite, prenez vos teintes et mélangez-les avec des quantités égales de blanc et de noir. Ce sont vos tons. (Notez que tout comme vous pouvez obtenir différentes teintes et nuances en fonction de la quantité de blanc au noir que vous ajoutez, vous pouvez obtenir la même chose avec le gris si vous n'ajoutez pas le blanc et le noir de manière égale.) Si ce n'est pas clair, recherchez des teintes, des tons et des nuances sur Google.
Si vous avez suivi ce point, vous aurez quadruplé vos couleurs à au moins 24, si vous ne proposez qu'une teinte plus une nuance, une teinte et un ton pour chaque couleur de base.
- Pour la couleur marron: Le marron est un mélange de différentes couleurs, donc la couleur finale que vous obtenez dépend des couleurs que vous mélangez ensemble. Une façon d'obtenir du marron est de mélanger les 3 couleurs primaires de manière égale (rouge, jaune, bleu) pour créer du marron. Numériquement, vous pouvez autoriser vos utilisateurs à sélectionner un ensemble marron, ou vous pouvez leur permettre de mélanger les couleurs et de créer les leurs. Cette page wikihow montre le mélange des couleurs pour créer du marron.
Façons d'obtenir encore plus de couleur: Si vous choisissez de modifier vos couleurs de base, par exemple en les rendant toutes plus jaunes, plus bleues ou plus rouges, etc, ce changement se répercuterait sur toutes les teintes, teintes, tons et nuances. Donc, potentiellement, vous pourriez avoir votre jeu de base de 24 *, peu importe le nombre.
Opacité: Si vous offrez la possibilité de changer le niveau alpha - opacité - alors vous avez potentiellement fourni encore plus d'options de couleurs et de couches pour vos utilisateurs.
Je suis heureux de vous aider et j'espère que cela vous a aidé. Voici un joli petit site qui explique la roue des couleurs (teintes de base), et les teintes, les nuances et les tons. http://www.craftsy.com/blog/2013/05/hues-tints-tones-and-shades/
En général, cependant, je pense que le contenu de cette question est plus adapté à graphicdesign.stackexchange qu'à UX.stackexchange, car les graphistes traitent les couleurs de manière beaucoup plus professionnelle que les concepteurs UX.
En tant que peintre/dessinateur moyen réel, je ne pense pas que votre objectif de couvrir tous les besoins possibles des utilisateurs avec seulement 12/24 teintes ici soit réaliste. Même les grands ensembles de crayons de couleur de 128 nuances manquent certaines couleurs et en ont trop de ceux qui sont à peine utilisés.
Les artistes professionnels préfèrent compiler leurs propres palettes manuellement en choisissant 6 à 12 teintes en fonction de leur sujet et de leur style. Des entreprises comme Faber-Castell/Copic publient même des ensembles distincts de 6 à 10 peintures/crayons/marqueurs qui répondent à différents types de travaux (comme l'esquisse industrielle, l'esquisse de mode, la peinture de paysage, etc.). Par exemple, un ensemble pour l'esquisse industrielle comprendrait 3 nuances de gris froid, 2 nuances de gris chaud, 3 nuances de bleu et quelques tons chauds. Un ensemble pour un peintre nature/paysage se concentrerait principalement sur les tons verts et terreux. La palette de tableaux blancs pour les diagrammes et les graphiques est, encore une fois, entièrement différente de cela.
Donc, ce qui pourrait vous aider à réduire la palette est
Décider qui sont les utilisateurs de votre application et pour quoi ont-ils besoin d'une palette.
Ensuite, vous pouvez vous inspirer des solutions existantes et utiliser des outils comme Color.Adobe.com et Paletton.com.
Et puis, comme vous avez choisi la palette de 5 sur color.Adobe.com, vous pouvez l'insérer dans Illustrator et l'agrandir ou utiliser des hacks comme ColorPickingTool pour dériver des palettes des photos qui ont des combinaisons harmoniques.
Eh bien en voici un! Après avoir trouvé votre message, j'ai décidé de vérifier la recherche google pour quelques exemples. Voilà ce que j'ai trouvé.
Trouvé sur: http://www.clker.com/clipart-24-color-palette.html
La "roue" de teinte de couleur représente 360 ° du spectre de couleurs. Si nous le décomposons en 24 sections, nous obtenons 15 ° de changement entre chacun des choix.
Personnellement, je pense que les couleurs sont beaucoup plus proches les unes des autres à utiliser en tandem, mais c'est le meilleur exemple de ce que vous recherchez, je pense.
Palette 2:
Voici une palette de couleurs qui propose des options du noir au blanc et 10 choix de couleurs avec des alternatives d'intensité de 50%.
Il est basé sur des couleurs séparées par 30 ° de teinte (360 °/12). Il offre une plus grande diversité de couleurs en augmentant la séparation des couleurs et des intensités.
Vous trouverez ci-dessous une autre révision avec des couleurs plus sombres, plus adaptée sur un fond blanc et remplaçant la couleur verte/cyan intermédiaire par un choix de brun.
Palette 3:
Voici le dernier concept de palette de couleurs. Il contient du marron et des tons plus foncés pour une reconnaissance visuelle sur fond blanc comme le montrent les deux images suivantes:
Comme vous pouvez le voir, chaque couleur se distingue visuellement du blanc. La cellule blanche dans la palette peut également être utile, comme écrire dans une région noire ou dans une autre couleur, ne négligez pas l'utilité du blanc. Cela devrait couvrir tous les cas d'utilisation de couleur pour la plupart des situations.
Modifier:
Ajout d'un nouveau avec 4 couleurs de moins. Je pense que les options cyan optimisées pour le blanc sont agréables, ont dû tuer le bébé bleu et ont fini par supprimer les teintes magenta.
