Темные интерфейсы смотрятся эффектно, стильно и элегантно. Тем не менее, дизайнерам стоит выбирать «темную сторону» осторожно, поскольку не всегда это оправдано. В каких случаях темный интерфейс уместен, а в каких нет, попробуем сегодня разобраться.
Особенности дизайна темной темы
Создание внешнего вида продукта — одна из основных обязанностей дизайнера. Дизайнерское решение учитывает в первую очередь концепцию продукта, конкретную ситуацию его применения и аудиторию. Изначально предполагается, что цветовая схема разрабатывается для длительного использования, поэтому выбирать ее необходимо тщательно. Все начинается с подбора фона — своеобразного «холста», на котором потом будут размещены элементы дизайна. Обычно по умолчанию выбирают белый фон.
Для выбора светлого фона есть веские причины. Контрастность, текст, удобочитаемость и возможность работать с широким спектром неярких оттенков — вот некоторые из них. Согласно научным исследованиям, оптимальную разборчивость дает черный текст на белом фоне. Брендинг также может повлиять на решение, поскольку логотипы и цвета компании не всегда гармонично сочетаются с темной цветовой палитрой.
Результаты большинства исследований показывают, что темный текст на светлом фоне читается легче, чем светлый текст на темном фоне. Также гораздо меньше становится в таком случае нагрузка на глаза.
Есть определенный стереотип: люди привыкли видеть различные надписи и даже изображения темными чернилами на белом фоне. Вспомните газеты и журналы, которые существуют уже более 350 лет. Если заглянуть еще дальше — на 35 000 лет назад, в эпоху палеолита (дни пещерного человека), можно увидеть наскальные рисунки львов и мамонтов, нанесенные в основном на светлый фон углем или обожженными костями.
Современные дизайнеры выбирают темную цветовую схему по ряду причин, если тематика проекта обязывает. Зачастую это всего лишь эстетический выбор, чтобы произвести впечатление или вызвать вау-эффект. В некоторых случаях дизайнер хочет объединить таким образом дизайн с брендингом в одно целое или выделить визуальный контент.
Однако если дизайнер решит перейти на «темную сторону», он может столкнуться с некоторыми трудностями. Начинаются различные проблемы юзабилити, в основном связанные с возможностью сканирования, читабельностью и контрастностью. Важно соблюдать оптимальный контраст между текстом и фоном. Необходимо обращать внимание на контекст (условия использования) и среду, а также устройство, на котором интерфейс будет просматриваться.
Темный интерфейс и нагрузка на глаза
Некоторые темные интерфейсы разработаны так, чтобы минимизировать компьютерный зрительный синдром. Это настоящая проблема, с которой ежедневно сталкиваются миллионы людей, ведь с ростом цифровых технологий мы смотрим на экраны большую часть дня. Спровоцировать компьютерный синдром может что угодно, от чрезмерного использования компьютера до регулярного воздействия яркого света. Основные симптомы: головная боль, боль в шее, потеря остроты зрения и жжение в глазах.
Можно ли этого избежать? Об этом давно задумываются разработчики. К примеру, продукты SaaS для бизнеса и приложения для редактирования мультимедиа обычно используются несколько часов подряд. Многие из них были разработаны в темном интерфейсе, чтобы уменьшить нагрузку на глаза. При этом они поддерживают визуальную четкость на оптимальном уровне. Однако такой подход требует тщательной предварительной оценки проектирования.
Разработчик Toptal Амин Шах Гилани отмечает: «Я использую темную тему для моего редактора кода. Я предпочитаю такой интерфейс, потому что темный фон комфортнее для глаз. Особенно мне нравится его использовать при неярком освещении или работе ночью».
Для интерфейсов игровых приложений также часто используется темная тема. Игровой контекст и среда, в которой находятся игроки, лучше сочетаются с черной цветовой палитрой. Темное фоновое оформление подчеркивает яркие визуальные эффекты, привносит чувство тайны, усиливает контраст и поддерживает визуальную иерархию.
Когда нужны темные интерфейсы
Большинство развлекательных сервисов (Smart TV, игровые приставки, приложения для телевидения и кино), как правило, имеют темный дизайн. Причины понятны: в основном они используются вечером и находятся на расстоянии 1,5-3 метров от глаз в плохо освещенных помещениях, то есть экран соответствует окружающей обстановке. Кроме того, яркий контент резко выделяется на темных интерфейсах и привлекает внимание.
Представьте себе ситуацию: темнеет, вы расслабляетесь и хотите посмотреть телевизор. Но не тут то было. Подобно тысячам крошечных лампочек, цифровые дисплеи излучают свет через яркие пиксели. Если тема будет светлой, экран превратится в прожектор, что крайне нежелательно в темноте. Поэтому дизайн интерфейса необходимо подстроить под контекст: устройство, контент, активность и среду.
Надеемся, вы помните, что всегда необходимо учитывать контекст, в котором интерфейс будет использоваться, чтобы темная тема была уместна. Как мы уже говорили, выбор зависит от контента и ситуации: что, когда, где и на каком устройстве. Чего можно достичь с помощью темной темы:
- Получить яркий визуальный эффект.
- Передать чувство стиля и элегантности, роскоши и престижа.
- Создать интригу и тайну.
- Помочь пользователю сосредоточиться и удержать его внимание.
- Подчеркнуть визуальную иерархию и информационную архитектуру.
Темные интерфейсы имеет смысл использовать только с небольшими блоками, в которых содержится минимум текста и информация подана четко, а основной акцент делать на визуальные эффекты — подсветку текста. Цвет текста должен контрастировать с темным фоном — предпочтение чисто белому или другим ярким (не темно-серым) оттенкам.
Когда темные интерфейсы не нужны
Выше мы отметили, что интерфейсы с темной темой плохо подходят для больших массивов текста и данных или для использования с различными типами содержимого (текст, изображения, видео, таблицы данных, выпадающие списки, поля и т. д.). По общему мнению дизайнеров, темные интерфейсы — настоящая проблема для разработки, если только вы не работаете с простым контентом или редкими вкраплениями текста.
Если гнаться за оптимальным контрастом, это может снизить удобочитаемость, которая напрямую влияет на общее впечатление пользователей от интерфейса. Как правило, все цвета работают на белом фоне, а вот с темным режимом сочетаются далеко не все оттенки.
Так быть или не быть темной теме? Вот в чем вопрос!
Принимать решение об использовании темного интерфейса нужно обдуманно. Если вы хотите слепо следовать моде или копировать чей-то стиль, лучше еще раз взвесить все за и против. Потому что у темной темы есть как определенные преимущества, так и много подводных камней, которые нельзя игнорировать.
Когда можно использовать темные интерфейсы:
- Это оправдано цветовой схемой бренда.
- Дизайн скромный и минималистичный с несколькими типами контента.
- Подходит для контекста и использования, например, ночные развлекательные приложения.
- Необходимо снизить нагрузку на глаза, например, страницы аналитики, которые используются в течение длительного времени.
- Для создания яркого, эффектного образа.
- Чтобы вызвать эмоции, добавить ореол интриги и тайны.
- Создать ощущение роскоши и престижа.
- Поддерживать визуальную иерархию.
Когда лучше держаться подальше от темных интерфейсов:
- Много текста (читать на темном фоне сложно).
- На экране много смешанного контента.
- Для приложений B2B с большим количеством форм, компонентов и виджетов.
- Дизайн требует широкого спектра цветов.
Принимаем правильное решение
К переходу на «темную сторону» следует подходить с осторожностью. Перед принятием такого серьезного решения рекомендуется провести глубокие, тщательные исследования и анализ, чтобы в дальнейшем не пожалеть о своем выборе. Если вы пошли по этому пути, повернуть назад будет уже сложно. Дизайнеры должны внимательно рассмотреть все факторы перед стартом и взвесить плюсы и минусы.
А вам нравятся темные интерфейсы? Поделитесь своим мнением.