Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску
Zork видеоигр , работающие на зеленом на черном дисплее CRT
Версии веб-сайта в нормальном режиме отображения (слева) и темном режиме (справа)

Цветовая схема "свет на темном" , также называемая черным режимом , темным режимом , темной темой или ночным режимом , представляет собой цветовую схему, в которой используются светлый текст, значки и элементы графического интерфейса пользователя на темном фоне, и часто обсуждается компьютерного дизайна пользовательского интерфейса и веб-дизайна . Многие современные веб-сайты и операционные системы предлагают пользователю дополнительный режим отображения света в темноте.

Некоторым пользователям дисплеи в темном режиме кажутся более привлекательными, и они могут снизить энергопотребление. [1] Отображение белого на полной яркости потребляет примерно в шесть раз больше энергии, чем чистый черный на Google Pixel , который имеет OLED-дисплей . [2] Кроме того, пятна на поверхности экрана становятся менее заметными.

Большинство современных операционных систем поддерживают дополнительную цветовую схему «светлый-темный». [3] Ночной режим может быть также схемы дисплея с использованием менее синего света (независимо от темноты на свет, или иным образом ), например , в ночную смену на Apple , устройств или в режиме Night на Android . Дисплеи с уменьшенным синим светом могут улучшить качество сна.

История [ править ]

Предшественники современных компьютерных экранов, такие как электронно-лучевые осциллографы, осциллографы и т. Д., Имели тенденцию строить графики и представлять другой контент в виде светящихся следов на черном фоне.

С появлением компьютерных экранов первоначально пользовательские интерфейсы были сформированы на ЭЛТ, подобных тем, которые используются для осциллографов или осциллографов. Люминофор был обычно очень темный цвет, и освещали ярко , когда электронный пучок ударил ее, появляется , чтобы быть белым, зеленый, синий, или желтый на черном фоне, в зависимости от применяемых люминофоров на монохромном экране. Экраны RGB продолжали работать аналогичным образом, используя все лучи, включенные для формирования белого цвета.

С появлением телетекста было проведено исследование того, какие первичные и вторичные световые цвета и комбинации лучше всего подходят для этого нового носителя. [ необходима цитата ] Голубой или желтый цвет на черном обычно считался оптимальным из палитры черного, красного, зеленого, желтого, синего, пурпурного, голубого и белого.

Противоположный набор цветов, цветовая схема «темный на светлом» , был первоначально введен в текстовые процессоры WYSIWYG для имитации чернил на бумаге и стал нормой.

Аудиоплеер с темной темой

В 2010-е годы многие веб-сайты и операционные системы смартфонов добавили опции темного режима. Firefox и Chromium имеют необязательную темную тему для всех внутренних экранов, а в 2019 году Apple объявила, что режим «свет на темноте» будет доступен для всех собственных приложений в iOS 13 и iPadOS . Сторонние разработчики также смогут реализовать свои собственные темные темы. [4]

В 2019 году для интерфейсных веб-разработчиков была создана опция «prefers-color-scheme» , являющаяся свойством CSS, которое сигнализирует о выборе пользователем для их системы темной или светлой цветовой темы. [5]

Использование энергии [ править ]

Для цветовых схем светлый на темном требуется меньше энергии для отображения на OLED- дисплеях. Это положительно влияет на срок службы батареи и потребление энергии. [6]

В то время как OLED будет потреблять около 40% мощности ЖК-дисплея, отображающего изображение, которое в основном является черным, он может использовать более чем в три раза больше энергии для отображения изображения с белым фоном, например документа или веб-сайта. [7] Это может привести к сокращению срока службы батареи и энергопотребления, если не использовать цветовую схему «светлый-темный». Длительное снижение энергопотребления может также продлить срок службы батареи или срок службы дисплея и батареи.

Экономия энергии, которая может быть достигнута при использовании цветовой схемы «свет-на-темноте», обусловлена ​​принципом работы OLED-экранов: на OLED-экране каждый субпиксель генерирует свой собственный свет и потребляет энергию только при генерации света. Это отличается от того, как работает ЖК-дисплей: в ЖК-дисплее субпиксели либо блокируют, либо пропускают свет от постоянно включенной (горящей) светодиодной подсветки.

Цветовые схемы «AMOLED Black» (в которых используется чистый черный вместо темно-серого) не обязательно экономят больше энергии, чем другие цветовые схемы «свет-по-темному», в которых используется темно-серый вместо черного, поскольку потребление энергии на экране AMOLED уменьшается пропорционально средняя яркость отображаемых пикселей. Хотя верно, что черный AMOLED действительно экономит больше энергии, чем темно-серый, дополнительная экономия энергии часто незначительна; Черный AMOLED даст дополнительную экономию энергии менее 1%, например, по сравнению с темно-серым, который используется в темной теме для официальных приложений Google для Android. [8] В ноябре 2018 года Google подтвердил, что темный режим на Android экономит заряд батареи. [9]

Проблемы с Интернетом [ править ]

Некоторые [10] [11] [12] утверждают, что цветовую схему со светлым текстом на темном фоне легче читать на экране, потому что более низкая общая яркость вызывает меньшее напряжение глаз. Другие [13] [14] утверждают обратное. Предостережение заключается в том, что большинство страниц в Интернете предназначены для белого фона; Изображения GIF и PNG с битом прозрачности вместо альфа-каналов имеют тенденцию отображаться с прерывистыми контурами, а также вызывать проблемы с другими графическими элементами.

Необязательно, чтобы веб-дизайн работал с одной цветовой схемой. Существует множество механизмов веб-архитектуры, которые позволяют дизайну хорошо работать с любой цветовой схемой, которую может предпочесть пользователь, а CSS добавляет «принудительный режим цветов» для предпочтений, например, для «Темного режима». [15] Хотя дизайнеры редко используют его, эта техническая гибкость является результатом заботы веб-архитектора о доступности и расширении возможностей пользователей. Википедия - это пример сайта, который позволяет почти полностью настраивать цветовую схему CSS, доступную на странице настроек сайта.

См. Также [ править ]

  • Blackle
  • Соляризованный (цветовая схема)
  • OLED

Ссылки [ править ]

  1. ^ «Темный режим легче для ваших глаз и заряда батареи» . 21 ноября 2018.
  2. ^ «Используйте темный режим для экономии заряда аккумулятора телефона» . Ноябрь 2018.
  3. ^ «Примите зло, включив темный режим в каждом приложении» . Лайфхакер . Проверено 15 ноября 2020 .
  4. ^ Портер, Джон (2019-06-03). «Тёмный режим приходит в iOS 13» . Грань . Проверено 5 июня 2019 .
  5. ^ "предпочитает цветовую схему" . Веб-документы MDN . Проверено 30 апреля 2020 .
  6. ^ Готцеген, Гордон. «Использование темного режима Android увеличивает время автономной работы, - подтверждает Google» . CNET .
  7. ^ Стокс, Джон. (2009-08-11) В сентябре этого года OLED больше не будет "через три-пять лет". Архивировано 25 января 2012 года на Wayback Machine . Arstechnica.com. Проверено 4 октября 2011.
  8. ^ «Нет,» AMOLED Black «НЕ экономит больше батареи, чем темно-серый» . 27 июня 2019.
  9. ^ Уэлч, Крис (2 ноября 2018 г.). «Google подтверждает, что темный режим очень помогает продлить время автономной работы Android» . Грань .
  10. ↑ СОЛНЦЕ, Тонг (29 марта 2008 г.). «Темный фон хорош для вас» . Коллекция Unix / Linux (* niX) . Проверено 26 марта 2016 .
  11. ^ Supuhstar (17 января 2013). «Что легче для глаз: темное на светлом или свет на темное?» . Обмен стеками . Проверено 26 марта 2016 .
  12. ↑ Ректор, Гэри (22 мая 2015 г.). «Что легче для глаз: темное на светлом или свет на темное?» . Обмен стеками . Проверено 26 марта 2016 .
  13. ^ «Любите темный режим? Вот почему вы все еще можете его избегать» . Android Authority . 2020-06-29 . Проверено 12 сентября 2020 .
  14. ^ Кларк, Лори (2019-07-30). «Темный режим не так хорош для ваших глаз, как вы думаете» . Проводная Великобритания . ISSN 1357-0978 . Проверено 12 сентября 2020 . 
  15. ^ «CSS Color Adjustment Module Level 1» . www.w3.org . Проверено 2 июня 2020 .