Google объясняла, как Material You обеспечивает баланс между динамическими темами и собственными цветами приложений

Управление оттенком цветом поможет гармонизировать цвета внутри приложения.

Февраль 17, 2022 - 15:21
Февраль 18, 2022 - 14:30
 0  397
Google объясняла, как Material You обеспечивает баланс между динамическими темами и собственными цветами приложений

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

До того, как мы представили Material 3, наша межфункциональная команда провела исследование внутри Google, чтобы понять, как команды представляют себе свои продукты с новым языком дизайна Material You. Несколько команд подняли проблему динамических тем: изменение цвета в зависимости от предпочтений пользователя противоречило основным цветам продуктов, которые выражают своеобразный смысл и должны оставаться постоянными.

The color of a stop sign extrapolated into a color scheme.Семантические цвета — это те, которые интуитивно "выражают смысл",
например, красный цвет ассоциируется со знаком 'Stop'.

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

Three interfaces themed consistently with primary colors

Three sample interfaces themed with different primary colors and custom colors
Шаблон приложения управления умным домом.

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

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

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

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

Если вам интересно прочитать поподробнее о балансе цветов с динамическими темами Material You, то мы предлагаем вам прочитать полный пост доступный в блоге команды Material Design.

Наиль Садыков Один из основателей проекта и главный редактор.