При выборе стилистики сайта и цветовой гаммы всегда встает вопрос — остановится на светлой теме (белый/светлый фон) или на темной (черный/темный фон). И в ту и в другую тему могут быть органично встроены корпоративные цвета компании, поэтому выбор в пользу той или иной концепции — это скорее вопрос маркетинга (как воспринимают выбранный образ ваши клиенты) и вкусовых предпочтений.
Попробуем разобраться с основными ассоциациями и дать некоторые советы на тему какой вариант предпочтительнее для вашего бизнеса.
В последнее десятилетие светлая тема стала особенно популярной в web пространстве. «Много воздуха и свободного пространства, лаконичность, воздушность» — именно в таких эпитетах описывают сайт, который хотелось бы получить на выходе 80% всех клиентов. Вероятно, квинтэссенцией этой концепции в свое время стал сайт (и интерфейс) Apple. Трудно сказать — удалось ли компании «точно уловить» настроение общества, «попасть» в него, или же она сама задала этот тренд, как бы то ни было — позднее эта тенденции распространилась повсеместно и подобные сайты стали ассоциироваться с желанным технологичным стильным продуктом/услугой.
С другой стороны — белый/светлый изначально подразумевает простоту и естественность, а это уводит нас далее к таким понятиям как:
а) интуитивная понятность, usability;
б) натуральность, экологичность, гармония с природой;
в) открытость, дружелюбие, беспроблемный подход;
г) минимализм.
Соответственно, «белую тему» на сайте можно развернуть в каждом из этих направлений за счет других инструментов web дизайна, включая расположение блоков, шрифты, графические элементы и проч., а также, конечно, с помощью подобранных фото и иллюстраций.
Суммируя все вышесказанное, можно так сформулировать общее впечатление, которое производит сайт на белом/близком к белому фоне: это некий хорошо продуманный до мелочей продукт/услуга, создатели которого позаботились о критически важных запросах пользователя и предложили максимально простое, удобное,
На рубеже 2022–2023 темная тема вновь становится трендовой. Значительная часть аудитории «устала» от ставших уже традиционными светлых сайтов. То есть сейчас темный на подъеме и позволяет привлечь внимание, выделиться и запомниться.
Черный, как естественный антипод белому, предлагает совершенной иной ассоциативный ряд. Если белый — прост как день, то черный, скорее, загадочен и многогранен как ночь. Он не так дружелюбен, и открыт как белый, зато может:
А) подчеркнуть премиальный статус продукта (роскошь, изысканность, элегантность);
Б) усилить фокус на продукте (высокий потенциал, глубина);
В) передать ощущение неизведанного или даже запретного (загадочность, мистика, магия, сексуальность);
Г) подтвердить приверженность определенным принципам (классика, формальность, сдержанность, скромность, нейтралитет);
Д) транслировать весомость и солидность (власть, защита, смелость, надежность, проверенное временем качество);
Е) создать ощущение торжественности (праздник, бал, маскарад, вечерние наряды, ночное небо).
Так же как и со светлой темой, любое из этих направлений (или их комбинация) может быть развито в веб дизайне за счет использования дополнительных визуальных элементов — шрифты, фото/иллюстрации, дизайн блоков.
Обобщить ассоциации от сайтов на темном можно таким образом: это некий премиальный/статусный или особый продукт или услуга, сочетающий в себе множество разных смыслов и ценностей, отличный от аналогов и представляющий собой нечто целостное, законченное.
Черная или темная тема на сайте может подойти практически всем сферам бизнеса, направлениям и продуктам: от ретро- до высокотехнологичных, от сугубо официальных до игривых. Единственная оговорка — в меньшей степени темная тема подходит детским и медицинским товарам и услугам. Впрочем, имеются успешные примеры реализации сайтов на темном даже в таких нишах, как например, организация детских праздников или, скажем, высокотехнологичное лабораторное оборудование.
Белая/светлая тема и вовсе универсальна.
Как же определиться, что выбрать? Ведь многие бренды стоят как бы на перекрестке обозначенных понятий — они могут быть и простыми и классическими одновременно, и минималистичными и премиальными, и дружелюбными и надежными. Нужен ли светлый или темный сайт ресторану? Театру? Автомобильному салону? Консалтинговой компании? Ювелирному магазину? Кажется, им всем (и многим другим) в равной мере подошли бы и темная и светлая тема на сайте.
Как правило, в таком случае решение принимается в авторитарном порядке владельцем бизнеса/заказчиком, на базе его собственных предпочтений.
И это не просто предпочтения: как показывают исследования в вебе — любители темного действительно уходят со светлых сайтов и наоборот просто потому, что «им
Получается, что дабы не терять половину клиентов — нужно искать компромисс.
Это наиболее простое и само собой напрашивающееся решение. Многие компании успешно применяют подобное чередование фонов при скролле страниц сайта — первый экран может быть темным, далее следует фото команды или продукта на белом фоне, в следующем блоке — снова темный фон. Или же — меняются фоны в отдельных инфоблоках. Шрифты в блоках соответственно также чередуются —
Такое решение зачастую смотрится гораздо интереснее и динамичнее, нежели сайт с постоянным фоном. Кроме того это позволяет сделать разные смысловые акценты у разных инфоблоков, а не транслировать одну идею через весь сайт.
При этом важно, чтобы у сайта были некие другие связующие цветовые элементы — в противном случае получится «зебра», что снижает качество сайта и производимое им впечатление.
Интересно, что та же компания Apple, сайт которой некогда был «иконой стиля» для всех поклонников белого, сегодня существенно видоизменился навстречу поклонникам темного и с учетом возврата тренда на черные темы в вебе. Так, сейчас примерно половина инфоблоков на главной странице исполнена на темном фоне:
Иные компании идут еще дальше и предлагают пользователям две версии сайта на выбор: в темной и светлой теме. Кнопка переключения располагается в самом верху экрана или же используется некий необычный механизм переключения тем: например, изначально экран поделен вертикальной чертой на две части и можно потянуть скролл в ту или другую сторону, «осветляя» или «затемняя» сайт соответственно.
Парадоксально, но статистика показывает, что такое простое и, одновременно, неочевидное решение, как дублирование сайта в светлом и темном дизайне позволяет существенно увеличить заинтересованность посетителей и конверсию.
Кстати, дело далеко не всегда в одних лишь только цветовых предпочтениях. Здесь речь скорее идет о максимальной адаптированности сайта под конкретного пользователя и ситуацию в которой он находится. Так, темные сайты комфортнее для глаз при неярком освещении и в целом в вечернее время, в то время как светлые удобнее читать днем. В
_________
Не знаете какую тему или решение выбрать для вашего сайта? Мы подготовим дизайн-макет главной страницы БЕСПЛАТНО, чтобы вы могли в реальности оценить как будет выглядеть ваш сайт, разработанный в нашей студии, еще до непосредственного заключения договора.
Поделитесь материалом в социальных сетях
Marriott Imperial Plaza
Разработка сайта
Разработка интернет-магазина
Dzhagarova Beauty Salon
Дизайн
Фонд «Институт энергетики и финансов»
Разработка сайта
Карьерный сайт для производителя СИЗ и спец.одежды «Энергоконтракт»
Разработка сайта
Грузоперевозки SWIFT
Разработка сайта
Сайт команды разработчиков компьютерных игр
Концепт дизайна
Эко-кафе Coconut
Фирменный стиль
Благотворительный сайт для поиска хозяев бездомным животным
Дизайн
Микроскопы Labomed
Разработка сайта
Academy Business Car (Toyota-Lexus)
Создание сайта учебного центра
Оборудование интеллектуальной терапии Chattanooga
Разработка сайта
Косметика Nio City
Разработка интернет-магазина
Психолог Александр Шахов
Разработка сайта
Комплексный поставщик товаров для офисов
Разработка интернет-магазина
Вегетарианские авторские блюда с доставкой на дом
Дизайн
Маркетплейс для женщин A&M
Создание сайта