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

Георгий

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

Подписаться на iGuides в Telegram, чтобы узнать обо всем первым — t.me/iguides


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


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

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


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

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


iGuides в Telegram — t.me/igmedia
iGuides в Яндекс.Дзен — zen.yandex.ru/iguides.ru
2

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

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

Будь в курсе последних новостей из мира гаджетов и технологий

Мы в соцсетях

Комментарии

–11
4 июля 2020 в 11:38
#

Читайте также