Nella progettazione di siti web e applicazioni, ho notato che quando si mescolano i colori con il bianco, alcuni colori rendono il bianco più “verdastro” o “viola”. Ciò accade in misura molto maggiore quando si utilizzano tinte di bianco.

Come designer, come possiamo capire in che modo il bianco è influenzato dai colori con cui è in contrasto?

Commenti

  • Non cè più bianco del bianco. ma puoi aggiungere dei piccoli colori per dare una sensazione di più bianco ” psicologico ” puoi aggiungere dal 3% al 5% di ciano. oppure puoi rappresentarlo in una composizione ad alto contrasto (Bianco – Nero)
  • Allinizio volevo dire di sì. Perché ci sono tonnellate di libri su questo. Ma poi se stai chiedendo una cosa del genere per lo schermo, la risposta è no. Ad esempio alcuni smartphone hanno programmato in loro la regolazione dei colori, quindi con una luminosità ridotta (dello schermo dallutente) il bianco è ancora percepito come bianco.
  • Punto di informazione: le sfumature vengono create mescolando con il nero. Le tinte vengono create mescolando con il bianco. I toni vengono creati mescolando con il grigio.
  • @ SZCZERZOKŁY Dì di sì. Il tuo primo istinto era corretto. La percezione è indipendente dal tipo di visualizzazione: copia cartacea o software.

Risposta

Adoro questa domanda . Anche se allinizio suonava strano.

Sfumature

Questa prima parte lho imparata prima dellera digitale, mescolando la pittura vera e propria.

Se crei una sfumatura direttamente dal colore di base al bianco a volte puoi avere una tonalità indesiderata. Ad esempio il rosso passa al bianco e al rosa. (Frecce arancioni)

Devi trasformare leggermente il colore in una parte più chiara della ruota dei colori. (Frecce verdi) per compensare.

inserisci qui la descrizione dellimmagine

Ecco la differenza. Ho appena aggiunto un po di giallo su una toppa al centro della sfumatura.

inserisci qui la descrizione dellimmagine

Lo stesso vale per i gradienti più scuri. Specialmente con il giallo

inserisci qui la descrizione dellimmagine

inserisci qui la descrizione dellimmagine

La quantità di ” correzione ” dipende dal progetto.

Commenti

  • Ciao @Rafael, sebbene la tua risposta sia educativa e possa aiutare lOP a padroneggiare gli effetti gradiente, come risponde alla sua domanda? Non ha ‘ menzionato nulla sui ” gradienti “, ha detto solo mescolando i colori che può riferirsi ad avere un contenitore verde con unimmagine rosa su un colore del corpo bianco …
  • Ciao Alin. Citazione: ” Ciò accade in misura molto maggiore quando si utilizzano sfumature di bianco ” Considerng ” diverse tonalità di bianco ” come una sfumatura. Ma questo vale anche per gli swach. Se vuoi che qualcosa appaia come ” rosso chiaro ” puoi aggiungere del giallo.
  • Certo, sono daccordo ma la domanda è come far sembrare il bianco … più bianco? Quali colori ‘ non sottraggono visivamente il ‘ bianchezza ‘ di bianco per farlo apparire , beh, meno bianco, anche se il colore è impostato su #FFF … Anchio ero personalmente interessato a questo argomento, che ‘ è il motivo per cui ‘ sto chiedendo. Ti auguro una buona notte.

Rispondi

Che cosa “la spiegazione accade a tutti i colori in realtà, ma potrebbe essere più evidente sui bianchi.

Il colore principale, specialmente se usato in molte tonalità o sfumature diverse, creerà quellillusione che anche il resto del layout abbia una tinta. A volte quellillusione cromatica ha alcuni vantaggi, ad esempio nella decorazione della casa e nella pittura.

Non puoi controllare il riflesso del colore dominante sugli altri colori ma puoi almeno controllare quellillusione cromatica. Penso che la riflessione potrebbe essere anche peggiore sui cellulari.


Lunico modo per bilanciare questa situazione è avere colori più neutri come dominanti o usare colori che si “cancellano” a vicenda. Non è un compito facile ma è così che molti designer imbrogliano per sbarazzarsi di quellillusione.

Se vuoi comunque cancellare quel bianco rosato creato da un layout rosso app per esempio, potresti ne ed usare un bianco che abbia un po di blu o giallo; almeno potrai scegliere come vuoi che sia il bianco.Poiché il rosso è spesso considerato un colore molto maschile, tu (oi tuoi clienti) potreste non apprezzare il bianco rosa, ma probabilmente lo troveranno migliore se è un colore grigio-blu o giallo molto chiaro, e infatti lo sarà ancora sembra bianco.

Puoi utilizzare questi bianchi solo quando sono circondati da unarea pesante del colore dominante e utilizzare un bianco normale su altre aree in cui lambiente circostante è più neutro. La differenza sarà appena visibile.

illusione cromatica

Fonte e altre illusioni da vedere:

http://www.psy.ritsumei.ac.jp/~akitaoka/color12e.html


Un altro esempio:

esempio di illusione ottica con colori

Sorgente, vale la pena dare unocchiata, molto di illusioni cromatiche:

http://www.slideshare.net/viorea4u/aiykioshi-kitaoka-optical-illusions


Un altro: solo 2 colori di polli

deliziosa illusione cromatica di pollo

Fonte:

http://puzzlewocky.com/optical-illusions/color-illusions/chicken-coop-illusion/

Risposta

Ha a che fare con i colori complementari. Il colore bianco acquisirà una tonalità opposta al colore adiacente. Es: giallo e blu sono complementari, quindi il giallo imporrà una sfumatura blu al colore adiacente.

Leffetto sarà più pronunciato quando i colori adiacenti sono complementari. Ecco perché vedi uno spostamento del colore ancora maggiore quando il bianco ha unombra.

Per compensare leffetto puoi provare ad aggiungere un colore analogo al bianco.

Ecco qualche riferimento: http://www.webexhibits.org/colorart/contrast.html

Commenti

  • Supponiamo che io abbia una tonalità di bianco: rgb (254, 254, 250). Se voglio renderlo più puro, ” bianco ” (cioè rgb (255,255,255)), idealmente dovrei voler imporre una tonalità di blu maggiore (‘ b ‘) sulla tonalità di bianco, così diventa più vicino al bianco puro. Quindi dovrei mescolare la mia tonalità di bianco con il giallo. Ho ragione?

Risposta

Come designer, come possiamo capire in che modo il bianco è influenzato dai colori con cui è in contrasto?

go-junta ha fornito bellissimi esempi. Cercherò di spiegare cosè e come per saperne di più sulleffetto complessivo.

Questo fenomeno di percezione viene chiamato “effetto di adiacenza”. Cerca il termine per esplorare l “effetto del surround”.

Un altro esempio è il Cornsweet Illusion in cui leffetto viene utilizzato per aumentare il contrasto percepito tra due toni. Cornsweet Illusion

PhotoShop ne approfitta con il filtro “Maschera di contrasto” per “rendere più nitidi” i bordi. Questo in realtà non rende più nitidi i bordi, ma tratta i bordi in modo da “apparire” più nitidi con un contrasto locale accentuato.

Regola generica: per aumentare un effetto, posizionalo in modo da creare il massimo contrasto. Per rendere il bianco “più bianco”, posizionalo accanto a sfumature e toni più scuri.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *