Как я могу добиться согласованных цветов в моем приложении на разных мобильных дисплеях?

Мы работаем над мобильной игрой, которая будет работать на устройствах iOS и Android. Графическая тема была разработана на первых этапах разработки одним человеком. Сейчас он больше не является активной частью нашей команды (его зачислили исключительно для этой цели, на более короткий срок, и сейчас он занимается другими внешними проектами). Такая тема очень красочная, в основном состоит из зеленых , светло-коричневых и оранжевых элементов.

Проблема для команды мобильных разработчиков заключается в том, что эти оттенки были выбраны дизайнером с помощью Apple iMac и Photoshop, и мы обнаружили, что только дисплеи iPhone способны отображать их так, как задумал дизайнер.

Вместо этого все разные телефоны Android используют разные цветовые палитры, что делает их слишком яркими или слишком насыщенными; в зависимости от качества отображения.

Я уверен, что это не единичная проблема при разработке графики для мобильных приложений.

Как нам удается отображать одни и те же цвета, когда приложение работает на разных дисплеях?

Все, что я знаю, это то, что оригинальные PSD были разработаны с использованием цветового пространства sRGB, должны ли они были быть сделаны по-другому?

Вы можете проверить, насколько хорошо работает гамма-коррекция на различных устройствах, например, с помощью тестовых шаблонов, найденных где-то здесь .

Ответы (3)

Не все дисплеи одинаковы. Это проблема и в настольном мире. В прошлом году у меня появились новые сверкающие мониторы, и теперь, глядя на некоторые из моих старых работ, становится ясно, насколько плохо откалиброваны мои мониторы в то время.

Мой совет — просто примите это как нечто, что вы не можете контролировать, и убедитесь, что между вашими цветами есть достаточный контраст, чтобы он не влиял на работу пользователя. Если пользователь не может сказать, что что-то не так (например, «Я знаю, что эта кнопка должна быть зеленой, но мне она кажется желтой» или «Я не могу отличить эти два цвета»), они Мы собираемся предположить, что так и должно быть, и с радостью будем использовать ваше приложение.

Спасибо, я просто хочу знать, есть ли что-то большее, чем «принять это как нечто, что вы не можете контролировать». Например, есть ли определенный набор комбинаций RGB, которых следует избегать? Что-то вроде «не выбирайте # 17e717, используйте вместо этого # 00ff00, потому что он более одинаково отображается на разных устройствах»?
@ alessandro.francesconi нет, не совсем так. Пожалуй, единственное эмпирическое правило заключается в том, чтобы не слишком утончать контраст, так как именно здесь детали могут потеряться на меньших дисплеях. Например, установка шрифта #666 на фоне #bbb может стать нечитаемой на некоторых устройствах из-за недостаточной контрастности.

Вы можете постоянно слегка корректировать оттенок цвета, пока не найдете тот, который хорошо выглядит как с полной насыщенностью и яркостью, так и с очень небольшой насыщенностью и яркостью.

В дополнение к этому вы можете использовать встроенный датчик освещенности телефона для настройки цветов в зависимости от уровня окружающего освещения, как показано в этом приложении (светло днем, темно ночью):

введите описание изображения здесь

Для тех, кто задается вопросом, будет ли это когда-либо возможно для веб-сайтов, ответ: «Да! Наверное, может быть». Спецификация CSS4 намекает на Luminosityмедиа-запрос .

Во всяком случае, всего несколько вариантов, которые могут помочь. :)

Это проблема всех приложений на всех устройствах.

В основном цвета не влияют на работу пользователя.

Вокруг нас миллионы цветов, но есть разные производители с разными разрешениями для всех доступных моделей мобильных устройств Android, ни одно мобильное устройство не поддерживает все цвета. Аппаратное обеспечение мобильного устройства поддерживает некоторые 8-битные цвета, некоторые 16-битные цвета и т. д.

Из-за этого мы не можем сделать одинаковые цвета для всех устройств. Они автоматически выбирают наиболее близкие и наиболее подходящие цвета.