Dark-First дизайн у 2026: що насправді кажуть цифри про батарею

Темна тема стала очікуванням за замовчуванням, а твердження про «екологічність» дорогою перебільшили. Що показують дослідження OLED, що змінює dark-first комерційно і як зробити це без простої інверсії палітри.

Written and reviewed by Artem Palamarchuk, Founder of BLEX STUDIO.

Темна тема перестала бути опцією і стала очікуванням

Усі великі операційні системи мають системну темну тему, а браузери віддають її в CSS через `prefers-color-scheme`. Опитування розробницьких і споживчих аудиторій стабільно показують більшість на боці темних інтерфейсів там, де вони є. Сайт, що повністю ігнорує це налаштування, сьогодні читається як покинутий — так само, як десять років тому виглядав неадаптивний сайт.

«Dark-first» іде на крок далі: ви не проєктуєте світлий інтерфейс, а потім виводите з нього темний варіант, а робите темну палітру основною системою й виводите з неї світлу. Для певного типу брендів це виправданий вибір — і, як з більшістю трендів, аргументи на його користь є сумішшю правди, перебільшення й просто вигадки.

Про батарею — точно

Скрізь повторюють «темна тема економить 47% батареї». Це справжнє дослідження і справжнє число, але умову до нього майже завжди відкидають.

Найчастіше цитують роботу Університету Пердью про популярні застосунки на OLED-телефонах. Перехід зі світлої теми на темну за 100% яскравості екрана знижував енергоспоживання дисплея приблизно на 39–47%. За реальної яскравості в приміщенні — близько 30–50% — економія падала приблизно до 3–9%. Обидва числа з одного дослідження, але в презентації зазвичай доживає лише одне.

Лише OLED і AMOLED. Ці екрани вимикають окремі пікселі для справжнього чорного. В LCD підсвітка горить у будь-якому разі.

Вирішує яскравість. Економія масштабується від яскравості екрана.

Темна тема справді економить 47% батареї?

На OLED за 100% яскравості — так, це число з дослідження Університету Пердью. За яскравості 30–50%, якою користуються насправді, те саме дослідження дало 3–9%. На LCD економія мізерна.

Чи покращує темна тема SEO?

Ні. Фактора ранжування за колірною схемою не існує, як і сигналу «цифрової сталості». Виграш у швидкості дає легша сторінка, а не колір фону.

Чи має фон бути чистим чорним?

Лише якщо економія OLED — справжній пріоритет. Для більшості сайтів глибокий сірий близько #121212 читабельніший і дозволяє передавати рівні світлішими поверхнями.

Темна тема краща для очей?

Залежить від людини й середовища. У темній кімнаті вона зменшує засвіт; у яскравій може ускладнити читання.

Чи обовʼязково підтримувати обидві теми?

Практично так. Поважайте `prefers-color-scheme` і дайте перемикач.

Скільки коштує додати темну тему?

Небагато, якщо дизайн-система від початку на семантичних токенах. Ретрофіт на сайт із захардкодженими кольорами — значно більша робота.