Цветовая схема светлый на темном - Light-on-dark color scheme

Скриншот одного среда рабочего стола (GNOME) в темном режиме

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

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

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

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

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

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

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

Самые популярные операционные системы (например, Windows, macOS, Android, и iOS ) теперь поддерживает цветовую схему "светлый-темный".[3]

Еще один пример темной среды рабочего стола
Вид на Национальные государства веб-игра в темном режиме.

Ночной режим также может быть схемой отображения с использованием меньшего количества синего света (будь то темнота на свету или иначе), например Ночная смена на яблоко устройства или ночной режим на Android. Дисплеи с уменьшенным синим светом могут улучшить качество сна.

История

Добавлены темные фоны в Windows Phone 7 с учетом потребления энергии, поскольку полностью черные пиксели не излучают свет OLED экраны[4] и по умолчанию в более ранних версиях Samsung TouchWiz.

В 2015 г. Раздор добавлена ​​необязательная темная тема.

В 2017 г. YouTube добавлена ​​необязательная темная тема.[5][6]

В ноябре 2018 г. Google подтверждает, что темный режим на Android экономит заряд батареи.[7]

В декабре 2018 г. Samsung вышел Единый интерфейс, который содержит темную моду.

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

В августе 2019 года Google объявил, что официальный темный режим появится на Android с выпуском Android 10.[9]

2019: Гугл Диск на Android добавлена ​​темная тема

В 2019 г. Reddit Введена необязательная темная тема.

2019: введение «предпочтительной цветовой схемы» для интерфейсные веб-разработчики, а CSS свойство, которое сигнализирует о том, что пользователь выбрал для своей системы тему светлого или темного цвета.[10]

2020: Facebook Введена необязательная темная тема.

2020: Fire Fox и Хром (Гугл Хром ) Реализована необязательная темная тема для всех внутренних экранов, добавление темной темы началось годом ранее.

В марте 2020 г. WhatsApp анонсировал темный режим для iOS и Android.[11]

2020 Декабрь: Evernote добавили темный режим в свое веб-приложение.[12]

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

Цветовые схемы "светлый на темном" требуют меньше энергии для отображения на наиболее распространенных технологиях отображения, в том числе OLED, ЭЛТ и ЖК-дисплей отображает.[13] Это положительно влияет на срок службы батареи и потребление энергии.[14]

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

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

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

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

Немного[17][18][19] утверждать, что Цветовая схема со светлым текстом на темном фоне легче читать на экране, поскольку более низкая общая яркость вызывает меньшее напряжение глаз. Другие[20][21] утверждают обратное. Предостережение заключается в том, что большинство страниц сеть предназначены для белого фона; Гифка и PNG изображения с битом прозрачности вместо альфа-каналы имеют тенденцию отображаться с прерывистыми контурами, а также вызывать проблемы с другими графическими элементами.

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

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

Рекомендации

  1. ^ «Темный режим не вредит глазам и батарее». 21 ноября 2018.
  2. ^ «Используйте темный режим для экономии заряда аккумулятора телефона». Ноябрь 2018.
  3. ^ «Примите зло, включив темный режим в каждом приложении». Лайфхакер. Получено 2020-11-15.
  4. ^ Рубинштейн, Бенджамин (17 марта 2010 г.). «Интервью: время автономной работы Windows Phone 7, копирование / вставка, многозадачность и многое другое». Neowin. Получено 25 октября, 2019.
  5. ^ "TechCrunch". TechCrunch. Получено 2020-10-07.
  6. ^ Эллиотт, Мэтт (2017-04-14). «На YouTube есть темный режим. Вот как его включить». CNET. Получено 2020-10-07.
  7. ^ Уэлч, Крис (2 ноября 2018 г.). «Google подтверждает, что темный режим очень помогает продлить время автономной работы Android». Грани.
  8. ^ Портер, Джон (2019-06-03). «Темный режим скоро появится в iOS 13». Грани. Получено 2019-06-05.
  9. ^ Долькур, Джессика. "Что означает теневой режим Google Android Q для всех ваших приложений". CNET. Получено 2019-08-06.
  10. ^ "предпочитает цветовую схему". Веб-документы MDN. Получено 2020-04-30.
  11. ^ Уоррен, Том (2020-03-03). «Темный режим WhatsApp теперь доступен для iOS и Android». Грани. Получено 2020-03-09.
  12. ^ gbarry. «Evernote для Интернета 10.5». Сегодня мы выпустили Evernote для Интернета 10.5.1. Этот выпуск включает темный режим и счетчик заметок на боковой панели.
  13. ^ «Тестирование энергопотребления Blackle и Google Monitor - PCSTATS.com». www.pcstats.com.
  14. ^ Готцеген, Гордон. "Использование темного режима Android увеличивает время автономной работы, - подтверждает Google". CNET.
  15. ^ Стоукс, Джон. (2009-08-11) В сентябре этого года OLED больше не будет "через три-пять лет". В архиве 2012-01-25 в Wayback Machine. Arstechnica.com. Проверено 4 октября 2011.
  16. ^ "Нет," AMOLED Black "не экономит больше батареи, чем темно-серый". 27 июня 2019.
  17. ^ ВС, Тонг (29 марта 2008 г.). "Темный фон хорош для вас". Коллекция Unix / Linux (* niX). Получено 26 марта 2016.
  18. ^ Supuhstar (17 января 2013 г.). «Что легче для глаз: темное на светлом или свет на темное?». Обмен стеком. Получено 26 марта 2016.
  19. ^ Ректор, Гэри (22 мая 2015 г.). «Что легче для глаз: темное на светлом или свет на темное?». Обмен стеком. Получено 26 марта 2016.
  20. ^ «Любите темный режим? Вот почему вы все еще можете его избегать». Android Authority. 2020-06-29. Получено 2020-09-12.
  21. ^ Кларк, Лори (30.07.2019). «Темный режим не так хорош для ваших глаз, как вы думаете». Проводная Великобритания. ISSN  1357-0978. Получено 2020-09-12.
  22. ^ "Модуль настройки цвета CSS, уровень 1". www.w3.org. Получено 2020-06-02.