Приятные для глаз фоны ( фото)

Яркость против насыщенности

Яркость (Brightness) и насыщенность (Saturation) это разные цветовые свойства. Первое свойство означает, как много белого или чёрного смешивается с цветом. Второе свойство — какое количество серого содержится в цвете.

Увеличивая яркость — вы не снижаете насыщенность. Когда вы понижаете насыщенность, вы смешиваете цвет с оттенком серого. Когда вы повышаете яркость, то вы делаете цвет светлее, но не делаете его серым.

Сверху: увеличение яркости — больше белого. Снизу: уменьшение насыщенности — больше серого

Используйте яркие и насыщенные цвета в кнопках

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

Поэтому вы должны использовать такие цвета только в элементах интерфейса, которые требуют действия от пользователя — например, кнопки. Эти цвета привлекут внимание пользователя к элементам управления и упростят их нахождение в нужный момент.

Слева: фон яркий и насыщенный. Поэтому всё внимание к фону, а не к кнопке. Справа: кнопка использует яркий и насыщенный цвет. Она привлекает внимание пользователя

Влияние цвета на внимание и возбуждение

По результатам исследования «» выяснилось, что цвета с высокой насыщенностью и яркостью привлекают наибольшее внимание. Автор этого исследования пришёл к выводу, что эти цветовые свойства наиболее важны для привлечения внимания, чем оттенки.

Два других исследования — «Возбуждающий эффект цветовой насыщенности» и «Цвет и эмоции» показали, что насыщенные цвета связаны с наибольшим возбуждением. Оттенки (Hue) так же влияют на возбуждение, но насыщенность и яркость оказывают сильнейшее воздействие.

Пользователи с нарушениями зрения

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

Поиски оптимального цвета фона

Есть много коэффициентов яркости и насыщенности, которые вы можете использовать для вашего цвета в фоне. Создание сетки цветовых образцов поможет вам найти оптимальный цвет для фона.

Сначала выберите основной оттенок и установите на нём максимальную яркость и насыщенность. Значение оттенка сохраняется и служит контрольной точкой для регулирования яркости и насыщенности.

Продублируйте основной оттенок цвета (образец), что бы создать четыре новых образца цвета с пониженым уровнем насыщенности и яркости.

Уменьшите уровень яркости у двух созданных образцов цвета. И уменьшите насыщенность у двух других образцов. При регулировании цвета используйте шаг, кратный десяти.

Поместите насыщенные образцы цвета слева от изначального оттенка с яркость и насыщенностью равной 100%. Справа разместите образцы цвета с минимальной и максимальной яркостью.

К сожалению, полученные цвета не рекомендуются для использования. Так как они до сих пор имеют 100% яркость или насыщенность. Поэтому они будут служить основой для поиска подходящих цветов.

Теперь создайте второй ряд образцов цвета. Уменьшите яркость и насыщенность относительно первого ряда цветов. При уменьшении значений используйте одно и то же значение для каждого набора образцов цвета.

В итоге ни один из цветов второго ряда не имеет 100% насыщенности и яркости. Значит, эти цвета наиболее подходящие для использования в работе.

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

Теперь у вас есть в общей сложности восемь оптимальных цветов с различными коэффициентами яркости и насыщенности.

Настоящие плюсы темной темы

Темный режим позволяет экономить энергию гаджетам с OLED-дисплеями — такие используют в экранах телевизоров, компьютеров, плееров, умных часов и смартфонов. На дисплеях, когда используется цветное изображение или фон, заряд расходуется на подсветку экрана. Для черного цвета подсветка не нужна, а белый цвет, напротив, потребляет больше всего энергии. Это значит, если сделать фон экрана темным, гаджет будет разряжаться медленнее.

Темный фон удобен при редактировании изображений: он подчеркивает визуальную часть и помогает сфокусироваться на графике. Пользователь видит изображение и концентрируется только на нем.

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

Как глаза реагируют на разные цвета

Чтобы узнать, как темная тема влияет на зрение, нужно разобраться, как глаз реагирует на разные цвета.

  • Слишком яркие цвета раздражают глаза.
  • Чисто белый цвет тоже может вызывать дискомфорт, особенно в темноте: он ослепляет. Представьте, что вам направили луч фонарика прямо в глаза — от яркого светлого монитора возникают такие же ощущения.
  • Для восприятия более удобны спокойные тона: светло-зеленый, голубой, серый.
  • Черный цвет экрана бережет глаза при высокой контрастности освещения. Если в темной комнате пользователь смотрит на черный экран, то глазам ничего не отсвечивает и не ослепляет.

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

Используйте тёмный и менее насыщенный цвет для фона

Лучше делать цвет фона темнее и менее насыщенным. При затемнении цвета уменьшается содержание белого цвета. В то время как уменьшение насыщенности увеличивает количество серого цвета.

Полученный фон не будет забирать на себя внимание пользователя от текста или контента на странице. Это позволяет пользователю читать страницу легко и не отвлекаясь.

Слева: неприятно для глаз. Фон яркий и насыщенный. Максимальная яркость и насыщенность на изображении слева. Справа: приятно для глаз. Фон тёмный и менее насыщенный. Яркость и насыщенность ниже

Выводы

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