Темная тема с Material Design Components
#mdc #theme
Использование тёмной темы было добавлено в последних версиях Android, и зачастую многие пользователи просят о тёмной теме в отзывах к приложениям.
Сегодня мне попалась интересная статья о некоторых принципах, которые стоит сохранить в тёмной теме.
Изучая её я понял, что если правильно настроить основные атрибуты в приложении, то поддержка тёмной темы не является чем-то сложным. Пройдёмся по некоторым из принципов.
1️⃣ Не использовать абсолютно чёрный цвет. По умолчанию в тёмной теме фоновый цвет — это не #000000, а #121212. Полностью чёрный цвет поможет увеличить время работы устройства на OLED-дисплеях, однако в приложении могут быть иконки, анимации, контрастные изображения, которые будут выглядеть хуже на полностью чёрном цвете. Ну и главная причина — это увеличение нагрузки на глаза. Поэтому, лучше использовать «не до конца чёрный цвет» 😁
2️⃣ Оттенки главных цветов. В палитре Material Design цвета нумеруются по тонам от 50 (наиболее светлый тон) до 900 (наиболее тёмный тон). Интересно, что для светлой темы стоит выбирать colorPrimary в тоне около 500, а для тёмной — около 200. Если вы используете colorPrimaryVariant, то в тёмной теме можно взять colorPrimary из светлой темы.
3️⃣ Обратить внимание на цвета поверхностей и тени. Яркие цвета могут иметь положительное влияние на приложение, если включена светлая тема. Однако, если используется темная тема, это должно интерпретироваться как желание пользователя использовать приглушенную, менее яркую цветовую схему. Стоит также обратить внимание на те тени, которые отображатся на поверхностях.
Больше рекомендаций по настройке тёмной темы можно найти тут.
#mdc #theme
Использование тёмной темы было добавлено в последних версиях Android, и зачастую многие пользователи просят о тёмной теме в отзывах к приложениям.
Сегодня мне попалась интересная статья о некоторых принципах, которые стоит сохранить в тёмной теме.
Изучая её я понял, что если правильно настроить основные атрибуты в приложении, то поддержка тёмной темы не является чем-то сложным. Пройдёмся по некоторым из принципов.
1️⃣ Не использовать абсолютно чёрный цвет. По умолчанию в тёмной теме фоновый цвет — это не #000000, а #121212. Полностью чёрный цвет поможет увеличить время работы устройства на OLED-дисплеях, однако в приложении могут быть иконки, анимации, контрастные изображения, которые будут выглядеть хуже на полностью чёрном цвете. Ну и главная причина — это увеличение нагрузки на глаза. Поэтому, лучше использовать «не до конца чёрный цвет» 😁
2️⃣ Оттенки главных цветов. В палитре Material Design цвета нумеруются по тонам от 50 (наиболее светлый тон) до 900 (наиболее тёмный тон). Интересно, что для светлой темы стоит выбирать colorPrimary в тоне около 500, а для тёмной — около 200. Если вы используете colorPrimaryVariant, то в тёмной теме можно взять colorPrimary из светлой темы.
3️⃣ Обратить внимание на цвета поверхностей и тени. Яркие цвета могут иметь положительное влияние на приложение, если включена светлая тема. Однако, если используется темная тема, это должно интерпретироваться как желание пользователя использовать приглушенную, менее яркую цветовую схему. Стоит также обратить внимание на те тени, которые отображатся на поверхностях.
Больше рекомендаций по настройке тёмной темы можно найти тут.
Базовая информация о темах в Android
#theme #design #beginners
Использование тем и стилей в Android на первый взгляд достаточно простая, но при детальном рассмотрении — запутанная вещь.😑
Со временем роста проекта использование неправильно настроенных тем и стилей может быть чревато тем, что в приложении появятся противоречивые цвета или несколько оттенков одного и того же цвета.
А с миграцией на Compose, ситуация может только ухудшиться, ведь использование стилей там идёт в другом, но похожем ключе.
В Android существует довольно много элементов для тем, среди них: Attributes, Styles, Theme, TextAppearance… все они предполагают похожие элементы, но действуют по-разному.
Чтобы вам было легче разобраться во всём этом многообразии, советую прочитать эту статью. Автор не только описывает каждый из элементов стилей, но и подсказывает, когда какой правильно применить и как настроить тему в Android.
На канале также были полезные статьи на тему стилей, так что если вы хотите сильнее углубиться в настройку тем, то прочитайте ещё и этот пост.
#theme #design #beginners
Использование тем и стилей в Android на первый взгляд достаточно простая, но при детальном рассмотрении — запутанная вещь.😑
Со временем роста проекта использование неправильно настроенных тем и стилей может быть чревато тем, что в приложении появятся противоречивые цвета или несколько оттенков одного и того же цвета.
А с миграцией на Compose, ситуация может только ухудшиться, ведь использование стилей там идёт в другом, но похожем ключе.
В Android существует довольно много элементов для тем, среди них: Attributes, Styles, Theme, TextAppearance… все они предполагают похожие элементы, но действуют по-разному.
Чтобы вам было легче разобраться во всём этом многообразии, советую прочитать эту статью. Автор не только описывает каждый из элементов стилей, но и подсказывает, когда какой правильно применить и как настроить тему в Android.
На канале также были полезные статьи на тему стилей, так что если вы хотите сильнее углубиться в настройку тем, то прочитайте ещё и этот пост.
