К 2020 году темная тема в дизайне пользовательского интерфейса стала чуть ли не ключевой тенденцией. Вслед за Apple и Android другие крупные игроки рынка, такие как Google, What's App, Instagram и т. д., перешли на темный режим вместо светлого. Неудивительно, что даже в наши дни темные интерфейсы любят по многим причинам. Давайте посмотрим, что лучше, светлое или темное, и почему.
Что такое световой режим?
«Контрастная полярность» — это термин, используемый для описания контраста между текстом и фоном. Положительная контрастная полярность — это определение, которое относится к тексту с темным шрифтом на светлом фоне (светлый режим)».
(ННГрупп)
Людям с нормальным зрением с физиологической точки зрения содержание любого текста лучше воспринимается в Светлом режиме, но некоторым людям удобнее работать в Тёмном режиме.
Примеры светового режима
Вот несколько замечательных примеров красиво оформленного пользовательского интерфейса в светлой тематике от Arisweb Studio :
Настраиваюсь на темный:
Получено с Dribbble
Что такое темный режим?
Как и в первом случае, отрицательная контрастная полярность скорее указывает на сочетание светлого текста на темном фоне, и такой черный или другой темный фон называется темным режимом.
Темные режимы интерфейса предназначены для отображения меньшего количества света, чем дисплеи в светлом режиме, и продлевают срок службы батареи или служат облегчением зрения для уставших глаз. Количество света в окружающей среде влияет на потребление энергии или физическое состояние глаз, а также на наше восприятие данных. То, как ваш глаз реагирует на количество света в окружающей среде, является ключом к пониманию того, как создавать эффективные интерфейсы в темной тематике.
Примеры темного режима
Вот несколько дизайнов темных и светлых тем, заслуживающих вашего внимания.
Как ваше окружение каким-то образом влияет на вашу визуализацию?
Хотя темный режим все чаще используется в мобильных и настольных приложениях, некоторые производители электронных устройств утверждают, что темный интерфейс по сравнению с белым фоном меньше нагружает глаза и положительно влияет на зрение. Верно это или нет, но все рассуждения должны основываться на чувствительности глаз и тестах экрана, проведенных в условиях с различной интенсивностью молний.
Чувствительность глаз
Чтобы узнать, как темная тема влияет на зрение, нужно понять, как глаз реагирует на разные цвета.
Слишком яркие цвета раздражают глаза.
Чистый белый тоже может вызывать дискомфорт, особенно в темноте: он ослепляет. Представьте, что вам прямо в глаза направлен луч фонарика — такие же ощущения возникают от ярко освещенного монитора.
Для восприятия более удобны спокойные тона: салатовый, голубой, серый.
Черный цвет экрана защищает глаза при высококонтрастном освещении. Если пользователь смотрит на черный экран в темной комнате, то ничего не слепит и не слепит глаза.
Главное помнить, что глаза очень устают при резком падении контраста. Это может привести к головным болям и другим неприятным ощущениям.
Экраны
Яркий или белый свет от экрана гаджета особенно вреден в условиях высококонтрастного освещения — когда человек смотрит на экран телефона в темной комнате.
Один яркий источник света в темной комнате также может ухудшить зрение. Поэтому вечером в цифровых устройствах рекомендуется уменьшение яркости экрана или установка ночного режима.
Исследования подтверждают, что черный текст на белом фоне более удобочитаем для участников теста, когда комната светлее, чем белый текст на черном фоне. Это связано с тем, что при взгляде на черные экраны любого размера зрачки расширяются, из-за чего зрение может немного искажаться. Но при взгляде на светлый экран зрачки остаются узкими, искажений не возникает.
Все это следует тщательно учитывать при рассмотрении концепций пользовательского интерфейса светлого режима и темного режима.
Так что же предпочтительнее: темный или светлый режим?
Некоторые темные интерфейсы предназначены для минимизации синдрома компьютерного зрения . Это реальная проблема, с которой миллионы людей сталкиваются каждый день, потому что с развитием цифровых технологий мы смотрим на экраны большую часть дня. Что угодно, от чрезмерного использования компьютера до регулярного воздействия яркого света, может спровоцировать синдром компьютерного зрения. Основными симптомами являются головная боль, боль в шее, потеря остроты зрения и жжение в глазах.
Можно ли этого избежать? Разработчики давно об этом думали. Например, бизнес-продукты SaaS и приложения для редактирования мультимедиа обычно используются в течение нескольких часов. Многие из них были разработаны с темным интерфейсом, чтобы уменьшить нагрузку на глаза. При этом они поддерживают четкость зрения на оптимальном уровне. Однако такой подход требует тщательной предварительной оценки конструкции. Опять вопрос скорее спорный, чем абсолютная истина.
Какой режим лучше для UX?
Здесь мнения также могут различаться. Один говорит, что это свет. Другой сказал бы, что это определенно темно, потому что это определенный восходящий тренд. В любом случае, в UX мы говорим, что лучше не доверять тому, что говорят пользователи, а тестировать производительность различных режимов пользовательского интерфейса в различных условиях.
Таким образом, темный режим лучше, чем светлый, скорее зависит? Тем не менее, мы не можем просто игнорировать настоящие плюсы темной темы, которые могут оказаться важными для вашего UX-дизайна :
- Темный режим экономит энергию для гаджетов с OLED-дисплеями, таких как те, которые используются в телевизорах, компьютерах, iPod, смарт-часах и смартфонах.
- На дисплеях то используется цветное изображение или фон, заряд расходуется на подсветку экрана.
- Для черного цвета подсветка не нужна, а белый, наоборот, потребляет больше всего энергии. Это означает, что если сделать фон экрана темным, гаджет будет разряжаться медленнее.
- Темный фон полезен при редактировании изображений: он подчеркивает визуальную часть и помогает сосредоточиться на графике. Пользователь видит изображение и концентрируется только на нем.
Наконец, Dark Mode удобен для людей со светобоязнью — расстройством, которое сопровождается повышенной светочувствительностью. Яркий экран такой патологией раздражает глаза и утомляет их до такой степени, что человек просто не может смотреть на экран вообще.
Заключение
Таким образом, прежде чем придерживаться темного и светлого режимов для вашего следующего UX-проекта, обратите внимание на различия и качество воздействия, которое обе темы могут оказать на пользователя и его фокус .
Все мы пользуемся телефонами, компьютерами, смотрим телевизор — эти устройства настроены так, что глаз воспринимает их вполне естественно. Черный текст на белом фоне воспринимается контрастно и не способствует перегрузке глаз – в основном при соответствующей коррекции.
Напротив, белый текст на темном фоне глаз воспринимает с искажениями — как свет фар в темноте, когда образуются ореолы. Такие микроореолы также могут образовываться вокруг светлого текста (не белого) на темном фоне и размывать контуры букв. Это увеличивает нагрузку на глаза и может привести к чрезмерной зрительной усталости. Помните об этом, выбирая темный режим вместо светлого в следующий раз.