Splync 1.13: Улучшенная видимость в темном режиме

Как вы, возможно, знаете, вы можете изменять внешний вид вашего iPhone между светлым и темным режимом. Если вы не знаете, как переключиться, выполните следующие шаги: откройте «Настройки» вашего iPhone, прокрутите вниз и нажмите «Экран и яркость». Вы увидите два изображения-превью с подписями «Светлый» и «Темный». Нажмите на предпочитаемое, чтобы применить его. Это позволяет настроить экран для лучшей видимости и комфорта в зависимости от окружающей среды. Светлый режим существует с самого первого iPhone. Apple официально представила темный режим для iPhone и iPad с iOS 13/iPadOS 13 в сентябре 2019 года. Эта функция порадовала многих пользователей iPhone с настроенным интерфейсом. Одним нравится светлый режим, а другие страстно преданы темному. Вы также можете выбрать автоматический режим, который переключается между двумя режимами в зависимости от времени суток.

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

К счастью, Apple представила системные цвета, которые автоматически адаптируются как к светлому, так и к темному режиму. Используя эти встроенные цвета, разработчики могут гарантировать, что элементы интерфейса автоматически подстраиваются в зависимости от настроек внешнего вида пользователя. Это исключает необходимость вручную управлять отдельными дизайнами и помогает поддерживать визуальную согласованность в обоих режимах. Например, такие цвета, как label, systemBackground и secondarySystemBackground, динамически меняются в зависимости от текущего внешнего вида, позволяя приложениям оставаться читабельными и визуально сбалансированными в любой среде. Поэтому, когда вы переключаетесь с светлого режима на темный, цвет текста по умолчанию меняется с черного на белый. Однако, если приложение жестко закрепляет цвет текста как черный, текст останется черным даже в темном режиме, делая его практически невидимым на темном фоне. Чтобы избежать этой проблемы, разработчики полагаются на системные цвета, гарантируя, что текст и элементы интерфейса автоматически адаптируются к соответствующему цвету для каждого режима.

Изначально Splync не очень дружелюбно относился к пользователям темного режима. Когда один из пользователей сообщил, что иконки категорий плохо видны в темном режиме, я не смог это сразу исправить. В то время я был сосредоточен на улучшении основных функций приложения, поэтому не придавал значения этой визуальной проблеме. Затем наступил новый 2026 год, и я наконец-то внимательно изучил эту проблему. То, что я обнаружил, было простым, но важным: сами изображения иконок были чисто черного цвета. Технически они были зафиксированы на цвете #000000. Это означало, что они оставались черными независимо от режима телефона. Таким образом, в темном режиме черные иконки сливались с темным фоном, как камуфляж. Кроме того, я также использовал фиксированный белый цвет в своем коде, чтобы смягчить фоны иконок. Это работало нормально в светлом режиме, но в темном создавал неудобный контраст и выглядело неестественно.

Вот что я изменил. Вместо принудительного задания цветов, мой обновленный код указывает приложению позволять системе автоматически определять цвет иконок: черный в светлом режиме и белый в темном. Кроме того, код указывает приложению использовать цвет каждой категории в качестве мягкого фона, добавлять тонкую рамку с использованием того же цвета категории и сохранять все чистым и читабельным в обоих режимах. Проще говоря, я перестал навязывать цвета и позволил iPhone управлять ими интеллектуально. Благодаря этому улучшению, иконки категорий теперь естественно адаптируются к светлому и темному режиму, делая их четко видимыми и визуально согласованными в любой среде. Это исправление не заняло много времени, но я решил выпустить обновление немедленно, чтобы долгожданные проблемы пользователей темного режима могли быть наконец-то быстро решены.

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