Главное Свежее Вакансии   Проекты
Комментируемое:

Список ссылок временно недоступен
116 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

How-To: переходим на темный режим в браузерах и почте

Темный режим, или Dark Mode, стал одним из трендов в дизайне 2019 года, перешедший и в 2020-й. Чем вызвана увлеченность разработчиков этой функцией, и чем переход в ночной режим полезен пользователям?

При его включении фон сайтов и сервисов становится темным, а шрифт светлым. Многие разработчики программ и мобильных приложений внедряют такой пользовательский интерфейс. Например, весной и летом 2020 года темный режим экрана появился в приложениях Google Play, Google Docs, Sheets и Slides для Android. Его можно найти в Android 10 и iOS 13, в Windows 10, macOS Mojave, в Messenger, Instagram и других популярных системах и сервисах.

Плюсы есть, но с оговорками


Одними из ярых сторонников повсеместного внедрения такого пользовательского интерфейса стали компании Apple и Google. Они подчеркивали следующие преимущества темного режима:

  1. экономит заряд батареи;
  2. снижает нагрузку на глаза пользователей;
  3. улучшает дизайн сайтов и приложений.

В подтверждение первого тезиса в Google провели собственное исследование. Специалисты тестировали Dark Theme в приложении YouTube, которое адаптировали одним из первых.


Темный режим в приложении YouTube

Выяснилось, что цвет пикселя влияет на энергопотребление дисплея, и самым энергоемким является белый. Если поставить ночной режим экрана, то расход заряда аккумулятора снижается до 63%. Но этот вывод касается исключительно дисплеев OLED (органический светодиоид). В случае с LCD-дисплеями (жидкокристаллические) изменений в энергопотреблении не происходит.

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

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

Что же касается довода об улучшении дизайна, то это дело вкуса.

Как включить темный режим


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

Ночная тема в операционных системах на ПК


В случае с Microsoft 10 нужно открыть Настройки (кнопка «Пуск» и значок шестеренки) и перейти в раздел «Персонализация». Затем нажмите на вкладку «Цвета» и в пункте «Выберите режим приложения по умолчанию» кликните на вариант «Темный».


Темный режим в Windows 10

После этого функция «ночной режим» подключится, и все окна в Windows станут черного цвета.

В MacOS переключение на черный фон появилось вместе с версией операционки Mojave. Включается эта опция в «Системных настройках» (щелкните по значку Apple вверху экрана). В настройках выберите пункт «Основные». В новом окне в пункте «Оформление» находятся переключатели на темный и светлый режимы работы дисплея.


Темный режим в MacOS

Переключение темы в мобильных операционках


Черная тема доступна на мобильных устройствах Apple, управляемых iOS 13 и iPadOS 13. Проще всего активировать ее через «Центр управления». Найдите там «Управление яркостью дисплея», нажмите на него и удерживайте палец пару секунд. Откроется функция «Внешний свет» — кликните по ней, и включится ночной режим.

С Android 10 дело обстоит сложнее, так как операционка от Google адаптируется каждым производителем гаджетов исходя из его предпочтений. Поэтому ответ на вопрос «как установить темный режим в Android-устройстве» зависит от его модели. Например, если вы пользуетесь одним из смартфонов Google Pixel, работающих на «чистом» Android, то для активации нужной функции зайдите в «Настройки» → «Экран» → «Дополнительно» → «Тема устройства». А вот в смартфонах линейки Samsung Galaxy нужно открыть «Настройки» → «Дисплей» → «Режим затемнения». Вероятно, вам придется немного покопаться в настройках, но если устройство работает под управлением Android 10, то у него точно есть общесистемный ночной режим.

Включаем ночную тему в браузере


Уже с версии Chrome 73 и Chrome 74 (для macOS и Windows соответственно) этот браузер автоматически подстраивается под режим освещения экрана, настроенный в операционке ПК. То есть вы можете установить ночной режим на компьютере, как было описано выше, и браузер самостоятельно перестроится под него. Аналогично работает мобильная версия.

К сожалению, темный режим во всех браузерах, включая Chrome, работает неполноценно. Верхняя панель страниц станет черной, и даже главная Google не вызывает вопросов. Но когда вы, например, введете поисковый запрос, и откроется новое окно с результатами, весь экран будет белым. И так происходит с любым сайтом.


Темный режим в Chrome

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

Можно также отдельно настроить темную тему непосредственно в браузере. Для этого откройте «Настройки» → «Внешний вид» → «Темы» → «Открыть интернет-магазин Chrome».


Ночной режим в Chrome

В новом окне откроется несколько вариантов оформления экрана, первым из которых будет дизайн «Just Black».


Ночной режим в браузере Chrome

Работает он точно так же — страницы сайтов останутся белыми, а черный появится только на верхней панели.

В Firefox для включения этой опции нужно открыть «Меню» → «Дополнения» → «Темы» → «Темная».


Темная тема в Firefox

В Microsoft Edge нужно открыть «Меню» → «Настройки» → «Внешний вид» → «Стандартная тема» → «Темная».


Темная тема в Microsoft Edge

Проще всего переключить режим отображения в Opera. Нужно лишь открыть меню параметров и нажать на соответствующий переключатель.


Темный режим в браузере Opera

Но и в этом случае черный фон задействуется лишь частично.

Браузерное расширение Night Eye


Как видим, в браузерах полноценный режим Dark Mode пока особо не встретишь, но можно установить расширение Night Eye, которое добавляет черный фон практически на все сайты и популярные соцсети.


Сайт eSputnik с темным режимом

Вы найдете его в интернет-магазинах Chrome, Microsoft Edge, Firefox, iTunes (для Safari). Расширение предложит выбрать один из трех вариантов отображения.


Расширение Night Eye

Первый переводит фон в черный, а второй оставляет сайты со светлым фоном, но пользователь может на свое усмотрение настроить яркость, контрастность и другие параметры. Третий — вернет все показатели в изначальное положение. Активация этого расширения может немного тормозить скорость загрузки страниц, поэтому вам судить, стоит ли игра свеч. Кроме того, следует учитывать, что первые три месяца пользование сервисом бесплатно, а затем стоит по 2 цента в день.

Как включить Dark Mode в почте


В браузерной версии почты Gmail черный фон можно выбрать в темах. Откройте «Быстрые настройки» → «Тема» → «Просмотреть все» → «Темная».


Ночной режим в Gmail

Минус ее в том, что она не распространяется на всю систему. Фон становится черным, а текст белым и светло-серым, но только в основном интерфейсе. А вот сами письма Gmail не адаптирует.


Темный режим в Gmail

К слову, в мобильном приложении Gmail такой проблемы нет.

В аналогичной ситуации оказались пользователи Яндекс.Почты — с мобильной версией все ОК, а в браузерной версии темный дизайн не идеален, так как не меняет отображение писем. Чтобы его оценить, нажмите на иконку, расположенную в правом верхнем углу экрана.


Включение темного режима в Яндекс Почта

Откроется окно с темами оформления. В Яндекс.Почте представлено художественное осмысление темного режима — темы «Ночная» и «Космос». Вместо простого черного фона появится тематический рисунок.


Выбор темной темы в Яндекс Почта

А вот в почте Outlook функция Dark Mode работает корректно и полностью адаптирует тело письма под черный фон. Для переключения на ночную тему откройте «Файл» → «Учетная запись Office» → «Тема Office» → «Черный».


Dark Mode в Outlook

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


Темный режим в почте Outlook

Похожим образом работает почта Mail.ru. Для включения этой опции откройте настройки (иконка шестеренки) → «Темы оформления» → «Темная тема».


Включение ночного режима в Mail

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


Активация темного режима в почте Mail

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

Источник: eSputnik

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Первые Новые Популярные
Комментариев еще не оставлено
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.