29.03.2024

Google поделилась

Google поделилась руководством по созданию темных тем для Material-дизайна

Вчера на конференции I/O Google представила темную тему в Android 10 Q. Google на протяжении длительного времени добавляла поддержку этой темы в своих приложениях, но до недавнего момента не было никаких руководств по реализации темной темы в сторонних приложениях.

Material Design

Google обновила рекомендации по material-дизайну, добавив туда информацию по созданию темных тем. Компания не поощряет использование чистого черного цвета, вместо него рекомендует использовать различные оттенки серого. Google обосновывает это читабельностью: «Оттенки темно-серого способны отображать более широкий цветовой диапазон, а также они могут передавать различный уровень и глубину элементов. Градации серого снижают нагрузку на глаза, потому что светлый текст на серой поверхности не такой контрастный, как в случае с черным цветом». Компания также не рекомендует использовать 100%-ный белый цвет для шрифтов, чтобы максимально снизить нагрузку на зрение.

Material Design
Пример от Google по правильному использованию оттенков и цветов

Что касается цветных элементов, компания рекомендует использовать пастельные оттенки вместо насыщенных, потому что они выглядят значительно лучше на темном фоне. Это рекомендация не касается фирменных цветов и логотипов. Google не рекомендует злоупотреблять с цветными элементами и советует окрашивать только небольшие детали интерфейса.

Material Design
Пример от Google по правильному оформлению элементов интерфейса

Для устройств обновившихся на Android Q или на которых она будет доступна из коробки, несмотря на наличие возможности активации темной темы, светлое оформление остается в приоритете. Эта цветовая схема должна поддерживаться во всех приложениях по умолчанию.

Как включить темную тему в Google Chrome для Android

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

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

Темная тема в Google Chrome

Для того, что активировать перейдите по ссылке chrome://flags/#enable-android-night-mode или скопируйте ее и вставьте в адресную строку браузера.

В открывшемся меню установите в чекбоксе параметр «Enabled», после чего снизу появится кнопка перезапуска браузера «Relaunch Now» — нажмите ее, браузер перезапустится с активированной темной темой. В некоторых случаях понадобится закрыть Chrome, а затем запустить браузер заново.

Как включить темную тему в Chrome

Темная тема доступна в версии 74, которую Google рассылает постепенно. Если обновление еще не прилетело, а попробовать ночной режим очень хочется — можно скачать Chrome Canary для разработчиков или загрузить Chrome 74 с ресурса APK Mirror.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *