¿Existen reglas para usar tonos grises cálidos y fríos juntos en las interfaces de usuario?

Actualmente estoy trabajando en el rediseño de una aplicación web y quiero reducir la cantidad de colores utilizados, especialmente la gran cantidad de diferentes tonos grises: cálidos y fríos mezclados como acentos para los elementos de la interfaz de usuario y el fondo.

Lo que quiero lograr con el nuevo concepto de color es aumentar la confiabilidad eliminando colores que de alguna manera no encajan. Así que me encontré con esas diferentes versiones de gris.

¿Es una buena idea mezclar tonos grises cálidos y fríos en la interfaz de usuario de una aplicación (web o de escritorio) y, de ser así, qué tan similares pueden ser? ¿Especialmente en combinación con un pequeño conjunto de colores de acento?

Personalmente, siento que es una mala idea, ya que los diferentes tonos grises cálidos/fríos (ambos usados ​​como 'acentos de fondo' de alguna manera no combinan muy bien en mi estética. Pero como diseñador, no solo quiero Confíe en las opiniones personales. Entonces, ¿existen reglas generales o pautas a seguir? Hasta ahora no he encontrado esquemas de color que incluyan tonos grises cálidos y fríos.

Hola, modifiqué partes de tu pregunta para que no se base tanto en opiniones. Siéntase libre de retroceder si siente que ahora está demasiado masacrado.

Respuestas (1)

Confía en tus instintos.

ingrese la descripción de la imagen aquí

Como muestra la imagen de muestra de arriba, son muy diferentes en su sensación y color. Todo se reducirá al tipo de sentimiento/aplicación que estás tratando de crear.

Los colores más cálidos me recordarían una aplicación de comida o una cafetería, mientras que los colores más fríos serían una aplicación bancaria u otro tipo de aplicación corporativa. Ambos son sentimientos y vibraciones separados. No usaría ambos ni nunca los he visto en combinación con un gran efecto.

Compararía su aplicación/sitio con ejemplos existentes para ver cómo manejan los grises. En general, la mayoría de los sitios se inclinan hacia el espectro más claro y usan grises en el espectro más frío, pero nuevamente compare su aplicación.


  1. Mire aplicaciones similares y cómo las usan
  2. Evalúa la sensación/aspecto de tu aplicación
  3. Decide cuál usar, pero no uses ambos.