Как выбрать идеальный фон для сайта?

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

Большинство компаний не уделяют должного внимания фону сайта при разработке проекта под бренд.

Почему бэкграунд имеет значение?

Много ли времени нужно пользователю, чтобы составить свое первое впечатление о сайте? 5, 10 или 15 секунд? По данным последних исследований, этого количества времени у вас попросту нет. Всего 0.05 секунд – то, на что можно рассчитывать, именно за этот короткий промежуток времени пользователь успевает сформировать мнение о вашем сайте. И Google эту цифру подтверждает, опираясь на собственные исследования.

Отдельные исследования показывают, что первое впечатление - 94% -  связано с дизайном. И только 6% реакции пользователей связано с содержимым сайта. Формированию негативного первого впечатления способствует сложная структура сайта, цвета, мелкий шрифт и всплывающие окна.

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

Как правильно выбрать фон?

Выбрать фон не так просто. Поэтому наши советы окажутся полезными при выборе хорошего бэкграунда для вашего сайта.


Демо | Загрузить

Только высокое разрешение

Самая большая ошибка - выбор фона с маленьким разрешением. В этой ситуации фон будет зернистым и напоминать обои в Windows 95.

Изображения с высоким разрешением сделают ваш сайт привлекательным и профессиональным. Картинки и фото можно купить на стоках, однако в сети вполне можно найти и бесплатные изображения отличного качества.

Соответствие бренду

Предприниматели часто пытаются заставить выбранный фон для сайта работать на свой бренд. Такой подход редко приносит свои плоды. Никогда не стройте свой бренд вокруг фона.

Демо | Загрузить

Фон StarNamer является прекрасным примером бэкграунда, дополняющего существующий бренд. Обратите внимание на то, как органично он вписался в другие элементы дизайна.

Полноэкранный бэкграунд

Посмотрите на некоторые примеры популярных сайтов, и вы заметите, что на пике популярности сегодня находятся полноэкранные фоны. Сайт JustBean является хорошим примером. Этот проект привлекает внимание, несмотря на то, что полезного для пользователей контента здесь практически нет.

Если вы решите работать с фоновым видео, убедитесь, что в нем отсутствует звук, а само воспроизведение плавное.

Демо | Загрузить

Помните о контрасте

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

При выборе фона следует учитывать типографику и цветовую схему сайта.

Дизайн важнее

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



Ольга Владыко

Работает в компании TemplateMonster уже более 8 лет. В своей работе стремится только к положительным результатам. Ответственна, старательна, трудолюбива.