Темная тема в дизайне: стильно или проблемно?

Темный режим уже не тренд, а полноценный выбор миллионов пользователей. Но так ли он универсален, как кажется? Разбираем плюсы и минусы, чтобы понять, когда темная тема действительно нужна, а когда это лишь дань моде.

Немного истории

В 1960-х первые ЭЛТ-мониторы обоснованно имели зеленый текст на черном фоне — так глаза пользователей меньше уставали. Сегодня темная тема снова в тренде, но теперь это вопрос не только удобства, но и дизайнерской стратегии.

Темная тема в дизайне: стильно или проблемно?

Плюсы темной темы

  1. Спасение для глаз и нервов. В темноте или при слабом освещении светлый интерфейс может бить по глазам, как фары автомобиля. Адаптивные светлые режимы снижают нагрузку, но не всегда в достаточной мере. Темная тема ощутимо расслабляет глаза и помогает дольше работать в интерфейсе.
  2. Экономия батареи. Черные пиксели на дисплеях Oled и Amoled не работают или излучают очень слабый свет — значит, аккумуляторы ноутбуков и смартфонов проживут дольше.
  3. Премиальность и стиль. Темные интерфейсы выглядят дороже и технологичнее. Человеческая психика всё ещё ставит знак равно между темным и премиальным дизайном.
  4. Лучшая читаемость в темноте. Многие интерфейсы используются в затемненных помещениях или ночью. Большой контраст между внешним освещением, текстом и фоном может сильно раздражать, а вот единая гамма, наоборот — сильно облегчит восприятие.
Изменение восприятия в зависимости от темы
Изменение восприятия в зависимости от темы
Особое внимание при разработке темной темы необходимо уделить графике — баннерам, изображениям. Не всегда остается уместным светлый фон. 
Особое внимание при разработке темной темы необходимо уделить графике — баннерам, изображениям. Не всегда остается уместным светлый фон. 
Расширение дизайн-системы под тёмную тему
Расширение дизайн-системы под тёмную тему

Минусы: когда темная тема — это провал

  1. Солнце — ее злейший враг. На улице или при ярком свете темный интерфейс собирает все блики и отражения. Теряется читаемость, глаза устают быстрее.
  2. Двойная работа для дизайнеров. Хотите темную тему? Готовьте две цветовые схемы сразу. Иначе потом придется переделывать половину интерфейса. Идеально, когда требование двух тем заложено на старте проекта.
  3. Нравится не всем. Кто-то терпеть не может темные интерфейсы — им привычнее «классика», также на восприятие могут влиять возрастные изменения зрения. Дать пользователю выбор — это хороший тон.
  4. Подходит не для любого продукта. Медицинские и образовательные сервисы, детские приложения, сайты про экологию — тут светлая тема чаще выигрывает. Темный дизайн может вызывать неверные ассоциации и, как следствие, недоверие.

Вывод: темная тема — лишь один из инструментов

Она круто работает там, где важны:

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

А вы за какую тему? Делитесь в комментах — что бесит в темной или светлой теме.

Подпишитесь на телеграм-канал агентства OLOVO, чтобы узнать больше о функциональном дизайне.:

1
2 комментария