risposta-alla-domanda-sullo-sviluppo-web-bd.com

Qual è il colore associato a tiepido?

Sto progettando un'applicazione Web che raccoglie le risposte degli utenti all'iniziativa di un altro utente (o idea di progetto). La risposta generale dell'utente all'iniziativa è rappresentata utilizzando un componente di stato con 3 stati: Caldo, tiepido, freddo (una risposta calda è una risposta più ben accolta).

Sto usando # FB6B7B per caldo, # 45CBE5 per freddo. Tuttavia, non sono sicuro di quale colore usare per tiepido. Posso chiedermi qual è il colore associato al tiepido agli occhi del grande pubblico?

the 3 states of my status component

32
Teik Jun

Beige


Windows 10 ha un misuratore di temperatura del colore per la luce notturna.

Win 10 Night Light Color temperature

Usandolo come punto di partenza, ho estratto i colori principali dal gradiente, invertito i colori per estrapolare la metà "fredda" del gradiente e ho risolto il problema:

Color Temperature Meter

Su questa scala a 5 punti, Lukewarm è #FFE1A5.

Naturalmente questo cambierà se cambi il colore Warm. Il colore Cold è un colore complementare a Warm (#FF6000 <---> #009FFF, calcolato utilizzando ColorHexa ).

Puoi usare questo jsFiddle per mettere a punto i colori in modo soddisfacente.

29
SNag

Non c'è davvero un colore associato a tiepido. Come mostra il diagramma in la risposta di xiota , l'associazione dei colori che gli umani hanno (rosso = caldo, blu = freddo) è addirittura l'opposto di quello che ti aspetteresti dal punto di vista della fisica.

  • Poiché "tiepido" è l'opzione neutra, è possibile scegliere un colore neutro: grigio . Rendi lo stile del pulsante diverso dai pulsanti disabilitati, se ne hai.
  • Poiché 'tiepido' è l'opzione centrale, puoi scegliere il colore tra rosso e blu: viola .
  • Poiché "tiepido" è presentato nel mezzo, gli utenti sapranno che è l'opzione neutra tra caldo e freddo indipendentemente dal colore del pulsante . Certo, il suo colore non dovrebbe appoggiarsi troppo a una delle altre opzioni; Non sceglierei un'altra tonalità di blu o rosso.
26
Glorfindel

Viola e verde chiaro

Nella teoria della percezione del colore, nella ruota dei colori c'è una divisione che differenzia i colori caldi e freddi. Questa divisione è quella impostata da Viola e verde chiaro: sopra questa linea il caldo e sotto il freddo. Viola e verde chiaro hanno come attributo che quando sono in una composizione calda diventano caldi e quando sono in una composizione fredda diventano colori freddi. Questa mancanza di definizione li rende colori non caldi o freddi.

enter image description here

I colori a metà strada tra questi estremi caldi e freddi, come il giallo-verde e il rosso-viola, sono abbastanza neutri; non sembrano né molto caldi né molto fighi. Le qualità calde e fredde del colore in questi punti sono molto sottili.

Da Ich werde ein perfekter Künstler. Bd. 2. di John H. Miller, Sonja Steiner-Welz

24
Danielillo

Penso che il giallo abbia senso per "tiepido" se il rosso rappresenta "caldo" per i motivi indicati in risposta di Danielillo : "tiepido" significa "moderatamente caldo" e dovrebbe quindi essere rappresentato da un colore leggermente più caldo di un verde neutro. Anche il magenta sarebbe un'opzione secondo questa logica, ma penso che la sua somiglianza con il rosa caldo (che letteralmente ha "caldo" nel suo nome) farebbe una scelta confusa.

Tuttavia, penso che questo possa essere un problema XY . In realtà non stai cercando di creare un UX per misurare la temperatura, ma il sentimento. La metafora della temperatura vale per tutte le culture che ti aspetti di essere presenti nella tua base di utenti? Queste culture associano il colore alla temperatura e al sentimento in modo abbastanza simile per dare un senso ai colori a tutti? Ad esempio, il rosso è visto come un colore negativo in molti contesti all'interno dell'Anglosfera (ad esempio "in rosso", o "rosso significa arresto"), ma è ampiamente considerato positivo nella cultura cinese. Hai chiesto informazioni sulla percezione del "pubblico in generale", ma quella percezione dipende dalla loro cultura e non hai menzionato chi sia "il pubblico in generale" in questo caso. Rispondere a queste domande ti aiuterà a fare la scelta corretta per la tua base di utenti.

19
Thomas DeSilva

Come hai deciso il caldo contro il caldo? Può essere problematico perché l'interpretazione del rosso è opposta a ciò che alcune persone si aspettano, come altri hanno notato.

  • Vedo spesso risposte con codice colore verde-giallo-rosso . Sembra funzionare bene senza spiegazioni, probabilmente perché le persone hanno familiarità con semafori . (Anche se le luci non sono necessariamente verde, le persone rimangono pensa di loro come verdi, come palline da tennis e dollari USA.)

  • Quello che hai sembra che potrebbe funzionare abbastanza bene. Considera di usarlo insieme a un'illustrazione del termometro.

    thermometer

  • Kaz descrive il modo in cui i controlli della temperatura dell'auto indicano la temperatura. Soluzioni simili sono utilizzate in alcuni termostati domestici e rubinetti dell'acqua.

    Car A/C

  • [~ # ~] roygbiv [~ # ~] è utilizzato in alcune previsioni del tempo

    weather forecast

  • C'è una temperatura del colore scala che corre lungo uno spettro blu-rosso comunemente utilizzato per regolare il bilanciamento del bianco sulle fotocamere. Nota che il blu è più caldo, mentre il rosso è più freddo. I colori intermedi sono bianco, giallo, arancione.

    color temperature

10
習約塔

Per cominciare, penso che se i dati target fossero correlati a Temperatura il Colore tiepido = viola a metà strada tra il rosso e il blu come lo affermerò ora.

I migliori colori da scegliere sono SOLO " Rosso e Blu " che rappresentano chiaramente la temperatura, quindi qualsiasi variazione della temperatura varierà tra questi due valori di colore di usando un gradiente per mostrare il cambiamento nel grado. come nell'immagine elencata come esempio.

Una delle principali regole generali sull'usabilità: Più rappresentazioni di dati confonderanno l'utente invece di lasciarlo focalizzare. Perché usi i colori per attirare la sua attrazione, ma oltre a ciò andrà ai valori e trascurerà il grafico o la grafica.

Puoi leggere di Mapbox GL che è una suite di librerie open source per incorporare mappe lato client altamente personalizzabili e reattive in Web, mobile e desktop applicazioni.

Forse non è legato alla tua traccia di lavoro, ma avrai un'idea di come usare bene la mappa di calore e le rappresentazioni dei colori. Leggi di più per restringere le tue scelte!

enter image description here

Questa è una mappa della temperatura, l'ha presa dalla rete: puoi fare riferimento a quell'immagine da questo utile articolo che leggevo di recente https://blog.ndustrial.io/temperature-gradient-maps-with-mapbox gl-9f97fb44d5f2

5
Khalil Hanna

Penso che sia istruttivo guarda i controlli AC/riscaldamento del veicolo passeggeri . Questi spesso si presentano sotto forma di un quadrante circolare i cui intervalli opposti sono indicati in rosso e blu. Il modo in cui trattano il mezzo tra loro cade in diversi schemi:

  • nessuna zona "tiepida": brusca transizione dal blu al rosso, con forse un piccolo spazio.

  • nessun colore "tiepido", ma un divario un po 'più grande.

  • "finta dissolvenza incrociata" dal rosso al blu con sovrapposizione: una striscia si restringe mentre l'altra si allarga.

  • "finta dissolvenza incrociata" con dithering a grana grossa: le strisce sono tagliate e mescolate, con tagli di un colore che si allungano mentre gli altri si accorciano.

  • Le strisce si incontrano, o quasi si incontrano, senza sovrapposizioni, ma si assottigliano verso il punto di incontro centrale.

  • La zona "tiepida" è indicata da una striscia bianca. A volte gli archi blu/bianchi/rossi hanno circa la stessa lunghezza. A volte il bianco è significativamente più di 1/3 dell'intervallo, a volte significativamente inferiore.

Non riesco a trovare un'immagine di un disegno che utilizza un terzo colore diverso dal bianco o altrimenti trasparente (qualunque sia il colore di sfondo/substrato).

Nell'interfaccia utente di un computer probabilmente farei un gradiente dal rosso al bianco al blu, o dal rosso al trasparente/dallo sfondo al blu, oppure imiterei le idee sopra.

5
Kaz

Magenta

Quando mescoli la luce blu e rossa, a differenza dei pigmenti, ottieni Magenta.

Inoltre, soggettivamente, mi sembra un colore "tiepido".

Magenta

3
Rinke

Tutti gli argomenti di fisica sono irrilevanti, l'utente medio non ha la minima idea delle temperature di colore. Ma tracciare una linea su una ruota dei colori di leggerezza tra il rosso e il blu dell'acqua fredda potrebbe darti un'idea. Passa attraverso un rosa pallido con una tonalità leggermente più malva del rosso. Sarebbe probabilmente un buon colore tiepido. Annullamento caldo e freddo, ma con abbastanza calore lasciato da notare.

1
nigel222

Questa domanda è un perfetto esempio di parzialità. Il requisito era "come mostrare una risposta dell'utente". Ma la scelta/"soluzione" data è stata una soluzione presunta: l'uso del colore per mostrare la risposta dell'utente. L'approccio corretto dovrebbe essere, come mostrare al meglio la risposta dell'utente - i pollici in su/lateralmente/in basso potrebbero essere un approccio corretto - simboleggiano l'approvazione/disapprovazione.

0
genetic