Lors de la conception de sites Web et dapplications, jai remarqué quen mélangeant des couleurs avec du blanc, certaines couleurs donnent au blanc un aspect plus « verdâtre » ou « violet-ish ». Cela se produit à un degré beaucoup plus élevé lorsque vous utilisez des teintes de blanc.
En tant que designer, comment pouvons-nous comprendre comment le blanc est influencé par les couleurs avec lesquelles il est contrasté?
Commentaires
- Il ny a pas de plus blanc que blanc. mais vous pouvez ajouter quelques petites couleurs pour donner la sensation de plus de blanc » psychologique » vous pouvez ajouter 3% à 5% de cyan. ou vous pouvez le représenter dans une composition à contraste élevé (Blanc – Noir)
- Je voulais dire oui au début. Parce quil y a des tonnes de livres à ce sujet. Mais alors si vous demandez une telle chose pour lécran, la réponse est non. Par exemple, certains smartphones ont programmé en eux lajustement des couleurs, donc avec une luminosité réduite (de lécran par lutilisateur), le blanc est toujours perçu comme blanc.
- Point dinformation: les nuances sont créées en mélangeant avec du noir. Les teintes sont créées en mélangeant avec du blanc. Les tons sont créés en mélangeant avec du gris.
- @ SZCZERZOKŁY Dites oui. Votre premier instinct était correct. La perception est indépendante du type daffichage – copie papier ou électronique.
Réponse
Jaime cette question . Bien que cela paraisse étrange au début.
Dégradés
Cette première partie, je lai apprise avant lère numérique, en mélangeant de la peinture réelle.
Si vous créez un dégradé directement de votre couleur de base au blanc, vous pouvez parfois avoir une teinte indésirable. Par exemple, le rouge au blanc passe par une couleur rose. (Flèches orange)
Vous devez tourner légèrement la couleur vers une partie plus claire de la roue chromatique. (Flèches vertes) pour compenser.
Voici la différence. Je viens dajouter un peu de jaune sur un patch au milieu du dégradé.
La même chose est vraie pour les dégradés plus sombres. Spécialement avec le jaune
Le montant de » correction » dépend du projet.
Commentaires
- Salut @Rafael, alors que votre réponse est éducative et peut aider lOP à maîtriser les effets de dégradé, comment cela répond-il à sa question? Il na ‘ rien mentionné sur les » gradients « , il a seulement dit mélanger les couleurs qui peut se référer à avoir un conteneur vert avec une image rose sur une couleur de corps blanche …
- Salut Alin. Citation: » Cela se produit à un degré beaucoup plus élevé lorsque vous utilisez des nuances de blanc » Je considère » différentes nuances de blanc » comme un dégradé. Mais cela sapplique également aux swaches. Si vous voulez que quelque chose apparaisse comme » rouge clair « , vous pouvez ajouter du jaune.
- Bien sûr, je suis daccord mais la question est de savoir comment rendre le blanc … plus blanc? De quelles couleurs ‘ t soustraire visuellement la ‘ blancheur ‘ du blanc pour le faire apparaître , enfin, moins de blanc, même si la couleur est définie sur #FFF … Jai été personnellement intéressé par ce sujet aussi, que ‘ s pourquoi je ‘ m demande. Bonne nuit.
Réponse
Ce que vous « re expliquer arrive à toutes les couleurs en fait, mais peut être plus évident sur les blancs.
La couleur principale, surtout si elle est utilisée dans de nombreux tons ou nuances différents, créera cette illusion que le reste de la mise en page a également une teinte. Parfois, cette illusion chromatique a des avantages, par exemple dans la décoration de la maison et la peinture.
Vous ne pouvez pas contrôler le reflet de la couleur dominante sur les autres couleurs, mais vous pouvez au moins contrôler cette illusion chromatique. Je pense que la réflexion pourrait être encore pire sur les mobiles.
La seule façon déquilibrer cela est davoir des couleurs plus neutres comme dominantes ou en utilisant des couleurs qui « sannulent ». Ce nest pas une tâche facile, mais cest ainsi que beaucoup de designers trichent pour se débarrasser de cette illusion.
Si vous voulez toujours annuler ce blanc rosé créé par une mise en page rouge par exemple, vous pourriez ne ed pour utiliser un blanc qui contient un peu de bleu ou de jaune; au moins vous aurez à choisir comment vous voulez que le blanc soit.Parce que le rouge est souvent considéré comme une couleur très masculine, vous (ou vos clients) napprécierez peut-être pas ce blanc rose, mais ils le trouveront probablement mieux sil sagit dun bleu gris-bleu ou jaune très clair, et en fait, il sera toujours avoir lair blanc.
Vous pouvez utiliser ces blancs uniquement lorsquils « sont entourés dune zone épaisse de la couleur dominante, et utiliser un blanc normal sur dautres zones où lenvironnement est plus neutre. La différence sera à peine visible.
Source et autre illusion à voir:
http://www.psy.ritsumei.ac.jp/~akitaoka/color12e.html
Un autre exemple:
Source, vaut le coup dœil, beaucoup des illusions chromatiques:
http://www.slideshare.net/viorea4u/aiykioshi-kitaoka-optical-illusions
Un autre: seulement 2 couleurs de poulets
Source:
http://puzzlewocky.com/optical-illusions/color-illusions/chicken-coop-illusion/
Réponse
Cela a à voir avec des couleurs complémentaires. La couleur blanche acquiert une nuance opposée à la couleur adjacente. Ex: Le jaune et le bleu sont complémentaires, donc le jaune imposera une nuance de bleu à la couleur adjacente.
Leffet sera plus prononcé lorsque les couleurs adjacentes lune à lautre sont complémentaires. Cest pourquoi vous voyez un changement de couleur encore plus important lorsque le blanc a une nuance.
Pour compenser leffet, vous pouvez essayer dajouter une couleur analogue au blanc.
Voici quelques références: http://www.webexhibits.org/colorart/contrast.html
Commentaires
- Disons que jai une nuance de blanc: rgb (254, 254, 250). Si je veux la rendre plus pure » white » (ie rgb (255,255,255)), je devrais idéalement vouloir imposer une teinte bleue plus grande (‘ b ‘) sur la nuance de blanc, de sorte quil se rapproche du blanc pur. Je devrais donc mélanger ma nuance de blanc avec du jaune. Ai-je raison?
Réponse
En tant que designer, comment pouvons-nous comprendre comment le blanc est influencé par les couleurs avec lesquelles il est contrasté?
go-junta a fourni de beaux exemples. Je vais essayer dexpliquer ce que cest et comment pour en savoir plus sur leffet global.
Ce phénomène de perception est appelé «effet dadjacence». Recherchez le terme pour explorer «leffet du surround».
Un autre exemple est lillusion Cornsweet où leffet est utilisé pour augmenter le contraste perçu entre deux tons. Illusion Cornsweet
PhotoShop en profite avec le filtre « Masquage flou » pour « affiner » les contours. Cela naccentue pas autant les bords que de traiter les bords de manière à « apparaître » plus nets avec un contraste local accru.
Règle générique: pour augmenter un effet, placez-le de manière à créer le contraste maximum. Pour rendre le blanc « plus blanc », placez-le à côté des nuances et des tons plus foncés.