¿Cómo puedo lograr colores consistentes en mi aplicación en diferentes pantallas móviles?

Estamos trabajando en un juego móvil que se ejecutará en dispositivos iOS y Android. El tema gráfico ha sido diseñado durante los primeros pasos del desarrollo por una sola persona. Ahora ya no es parte activa de nuestro equipo (estuvo inscrito exclusivamente para este fin, por un tiempo más corto, y ahora se está enfocando en otros proyectos externos). Este tema es muy colorido, compuesto principalmente por elementos verdes , marrones claros y naranjas .

El problema para el equipo de desarrollo móvil es que el diseñador seleccionó esos tonos usando su Apple iMac y Photoshop, y descubrimos que solo las pantallas de iPhone son capaces de hacer que se vean como el diseñador pretendía originalmente.

En cambio, todos los diferentes teléfonos Android usan diferentes paletas de colores que los hacen demasiado brillantes o demasiado saturados; dependiendo de la calidad de visualización.

Estoy seguro de que este no es un problema aislado al desarrollar gráficos de aplicaciones móviles.

¿Cómo podemos lograr representar los mismos colores cuando la aplicación se ejecuta en diferentes pantallas?

Todo lo que sé es que los PSD originales se diseñaron utilizando el espacio de color sRGB, ¿deberían haberse hecho de otra manera?

Es posible que desee verificar qué tan bien se comporta la corrección gamma en los diversos dispositivos, por ejemplo, con patrones de prueba que se encuentran aquí en alguna parte

Respuestas (3)

No todas las pantallas son iguales. Este es un problema en el mundo de los escritorios también. Obtuve monitores nuevos y relucientes el año pasado, y mirar algunos de mis trabajos anteriores ahora enfatiza lo mal calibrados que estaban mis monitores en ese momento.

Mi consejo es simplemente aceptarlo como algo que no puede controlar y asegurarse de que haya suficiente contraste entre sus colores para que no afecte la experiencia del usuario. Si el usuario no puede decir que algo anda mal (p. ej., "Sé que se supone que el botón es verde, pero me parece amarillo" o "No puedo distinguir la diferencia entre estos 2 colores"), entonces asumirá que así es como se supone que debe ser y felizmente usará su aplicación.

Gracias, solo quiero saber si hay algo más que "acéptalo como algo que no puedes controlar". Por ejemplo, ¿hay un conjunto particular de combinaciones RGB que deba evitarse? ¿Algo así como "no elijas #17e717, usa #00ff00 en su lugar porque se procesa de manera más equitativa en diferentes dispositivos"?
@alessandro.francesconi no, en realidad no. La única regla general es quizás no ser demasiado sutil con el contraste, ya que ahí es donde los detalles pueden perderse en pantallas menores. Por ejemplo, establecer el tipo #666 en un fondo #bbb puede volverse ilegible en algunos dispositivos debido a la falta de contraste.

Puede ajustar continuamente el tono del color ligeramente hasta que encuentre uno que se vea bien tanto con saturación y brillo completos como con muy poca saturación y brillo.

Además de esto, puede usar el sensor de luz integrado de los teléfonos para ajustar los colores según el nivel de iluminación ambiental, como se ve con esta aplicación (claro para el día, oscuro para la noche):

ingrese la descripción de la imagen aquí

Para cualquiera que se pregunte si esto alguna vez será posible para los sitios web, la respuesta es '¡Sí! Probablemente, tal vez'. La especificación CSS4 alude a una Luminosityconsulta de medios .

De todos modos, solo algunas opciones que podrían ayudar. :)

Este es un problema en todas las aplicaciones en todos los dispositivos.

Principalmente, los colores no afectan la experiencia del usuario.

Hay millones de colores a nuestro alrededor, pero hay diferentes fabricantes con diferentes resoluciones para todos los diferentes modelos de dispositivos móviles Android que están disponibles, ningún dispositivo móvil admite todos los colores. El hardware del dispositivo móvil admite algunos colores de 8 bits, algunos colores de 16 bits, etc.

Debido a esto, no podemos crear colores uniformes para todos los dispositivos. Eligen automáticamente los colores más parecidos y adecuados.