Цветовая схема светлый на темном
Из Википедии, свободной энциклопедии
  (Перенаправлен из ночного режима )
Перейти к навигации Перейти к поиску
Темная тема для GNOME
Версии веб-сайта в нормальном режиме отображения (слева) и темном режиме (справа)

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

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

История

Zork видеоигр , работающие на зеленом на черном дисплее CRT

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

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

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

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

В начале 2018 года дизайнер Сильвен Бойер расширил концепцию темного режима на основной интерфейс смартфонов с экранами OLED, чтобы снизить энергопотребление. [5] [6]

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

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

Потребление энергии

Цветовые схемы "светлый на темном" требуют меньше энергии для отображения на OLED- дисплеях. Это положительно сказывается на сроке службы батареи и энергопотреблении. [9]

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

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

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

Проблемы с Интернетом

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

В CSS есть prefers-color-schemeмультимедийная функция , которая определяет, запросил ли пользователь светлую или темную цветовую схему, и обслуживает запрошенную цветовую схему. Это может быть указано в предпочтениях операционной системы пользователя или в пользовательском агенте . [8] [16]

Пример CSS:

@ media  ( prefers-color-scheme :  dark )  {  body  {  color :  #ccc ;  фон :  # 222 ;  } }

Пример JavaScript: [17]

если  ( окно . matchMedia ( '(предпочитает цветовую схему: темный)' ). соответствует )  {  темный (); }

Смотрите также

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

использованная литература

  1. ^ «Темный режим легче для ваших глаз и заряда батареи» . 21 ноября 2018.
  2. ↑ Эмили Прайс (11 ноября 2018 г.). «Используйте темный режим для экономии заряда аккумулятора телефона» . Лайфхакер . Проверено 20 марта 2021 .
  3. ^ Дэвид Мерфи. «Примите зло, включив темный режим в каждом приложении» . Лайфхакер . Проверено 15 ноября 2020 .
  4. ^ Petterson, Rune (март 1985). «Использование цветов в телетексте и видеотексе» . ResearchGate .
  5. ^ Уилсон, Марк. «Этот интерфейс смартфона экономит вашу батарею (и выглядит стильно AF)» . Быстрая компания .
  6. ^ Дуонг, Эми. «Сильвен Бойер конструирует телефон Friendlui с использованием органических элементов» . Trend Hunter .
  7. ^ Портер, Джон (2019-06-03). «В iOS 13 наступает тёмный режим» . Грань . Проверено 5 июня 2019 .
  8. ^ a b "prefers-color-scheme - CSS: Cascading Style Sheets | MDN" . Веб-документы MDN . Проверено 18 марта 2021 .
  9. ^ Готцеген, Гордон. «Использование темного режима Android увеличивает время автономной работы, - подтверждает Google» . CNET .
  10. ^ Стокс, Джон. (2009-08-11) В сентябре этого года OLED больше не будет "через три-пять лет". Архивировано 25 января 2012 года на Wayback Machine . Arstechnica.com. Проверено 4 октября 2011.
  11. ^ «Нет,» AMOLED Black «НЕ экономит больше батареи, чем темно-серый» . 27 июня 2019.
  12. ^ Уэлч, Крис (2 ноября 2018 г.). «Google подтверждает, что темный режим очень помогает продлить время автономной работы Android» . Грань .
  13. ^ «Любите темный режим? Вот почему вы все еще можете его избегать» . Android Authority . 2020-06-29 . Проверено 12 сентября 2020 .
  14. ^ Кларк, Лори (2019-07-30). «Темный режим не так хорош для ваших глаз, как вы думаете» . Проводная Великобритания . ISSN 1357-0978 . Проверено 12 сентября 2020 . 
  15. ^ Budiu, Raluca (2 февраля 2020). "Темный режим против светлого: что лучше?" . nngroup.com .
  16. ^ Уолш, Дэвид (2019-01-28). "prefers-color-scheme: CSS Media Query" . Блог Дэвида Уолша . Проверено 18 марта 2021 .
  17. ^ "Window.matchMedia () - Веб-API | MDN" . developer.mozilla.org . Проверено 18 марта 2021 . Метод matchMedia () интерфейса Window возвращает новый объект MediaQueryList, который затем можно использовать для определения того, соответствует ли документ строке медиа-запроса, а также для отслеживания документа, чтобы определить, когда он соответствует (или прекращает совпадение) с этим медиа-запросом.
Получено с https://en.wikipedia.org/w/index.php?title=Light-on-dark_color_scheme&oldid=1057957209 .
Contribute a better translation