Splync 1.13: покращена видимість у темному режимі

Як ви, можливо, знаєте, ви можете змінювати зовнішній вигляд свого iPhone між світлим і темним режимами. Якщо ви не знаєте, як це зробити, виконайте такі дії: відкрийте налаштування iPhone, прокрутіть вниз і натисніть "Дисплей і яскравість". Ви побачите два зображення з підписами "Світлий" і "Темний". Натисніть те, яке вам більше подобається, щоб застосувати його. Це дозволяє налаштовувати екран для кращої видимості та комфорту, залежно від вашого оточення. Світлий режим існує з самого першого iPhone. Apple офіційно представила темний режим для iPhone та iPad з iOS 13 / iPadOS 13 у вересні 2019 року. Ця функція сподобалась багатьом користувачам iPhone завдяки можливості налаштування зовнішнього вигляду. Декому більше подобається світлий режим, а інші віддають перевагу темному режиму. Ви також можете обрати автоматичний режим, який перемикається між цими двома залежно від часу доби.

Додаток може виглядати ідеально в світлому режимі, але зовсім інакше в темному. Іноді темний режим може ненавмисно порушити початкові дизайнерські наміри розробника, впливаючи на кольори, контраст і загальну естетику. Це означає, що розробники повинні ретельно проектувати та тестувати свої інтерфейси в обох режимах, щоб забезпечити послідовний і приємний досвід для всіх користувачів. Один з можливих рішень - підготувати окремі види та зображення для світлого та темного режимів. Однак такий підхід швидко стає надмірним і важким для підтримки, особливо якщо додаток розвивається і додаються нові UI-компоненти. З цієї причини більшість розробників уникають цього методу і натомість покладаються на більш масштабовані рішення, які автоматично адаптуються до обох режимів зовнішнього вигляду.

На щастя, Apple представила системні кольори, які автоматично адаптуються до світлого і темного режимів. Використовуючи ці вбудовані кольори, розробники можуть забезпечити, щоб елементи UI плавно пристосовувалися до налаштувань зовнішнього вигляду користувача. Це усуває потребу вручну керувати окремими дизайнами і допомагає підтримувати візуальну послідовність у обох режимах. Наприклад, такі кольори, як label, systemBackground і secondarySystemBackground, динамічно змінюються залежно від поточного зовнішнього вигляду, дозволяючи додаткам залишатися читабельними і візуально збалансованими в будь-якому середовищі. Тому, коли ви перемикаєте з світлого на темний режим, колір тексту за замовчуванням змінюється з чорного на білий. Однак, якщо додаток жорстко закріплює колір тексту як чорний, текст залишиться чорним навіть у темному режимі, що робить його майже невидимим на темному фоні. Щоб уникнути цієї проблеми, розробники використовують системні кольори, забезпечуючи, щоб текст і елементи UI автоматично адаптувалися до відповідного кольору для кожного режиму.

Спочатку Splync не був дуже дружній до користувачів темного режиму. Коли один користувач поскаржився, що іконки категорій важко видно в темному режимі, я не міг вирішити це негайно. На той час я був зосереджений на покращенні основних функцій додатку, тому не надавав пріоритет цьому візуальному питанню. Потім настав новий рік 2026, і я нарешті звернув на це увагу. Те, що я виявив, було простим, але важливим: самі зображення іконок були чисто чорними. Технічно вони були зафіксовані на кольорі #000000. Це означає, що вони залишались чорними незалежно від режиму, в якому був телефон. Таким чином, у темному режимі чорні іконки знаходились на темному фоні, як камуфляж. До того ж, я також використовував зафіксований білий колір у своєму коді, щоб пом'якшити фони іконок. Це працювало добре у світлому режимі, але в темному режимі створювало незручний контраст і виглядало неприродно.

Отже, ось що я змінив. Замість того, щоб примушувати кольори, мій оновлений код каже додатку дозволяти системі автоматично визначати колір іконок; чорний у світлому режимі і білий у темному режимі. Крім того, код змушує додаток використовувати власний колір кожної категорії як м'який фон, додати тонку обведення з використанням того ж кольору категорії і зберігати все чистим і читабельним в обох режимах. Простіше кажучи, я перестав примушувати кольори і дозволяю iPhone розумно ними керувати. Завдяки цьому вдосконаленню іконки категорій тепер природно адаптуються до світлого і темного режимів, роблячи їх чітко видимими і візуально послідовними в будь-якому середовищі. Це виправлення не зайняло багато часу, але я вирішив негайно випустити оновлення, щоб довгоочікувані проблеми для користувачів темного режиму нарешті були вирішені якнайшвидше.

Не існує єдиної "ідеальної" естетики. У кожного своє відчуття дизайну. Навіть одна й та ж людина може відчувати по-різному залежно від дня — або навіть часу доби. Те, що виглядає чудово вранці, може здаватися відволікаючим увечері. Тому розробники мають зосередитися на налаштуванні, при цьому балансуючи його з простотою та інтуїтивною зручністю. Хороший дизайн не полягає в примушуванні одного стилю. Він полягає в тому, щоб дозволити користувачам обирати те, що їм підходить — ось у що я вірю.