Подбор фона для сайта

Создание гармоничного, стильного сайта возможно, когда все его части и элементы идеально сочетаются друг с другом. Структура, главная страница и расположение контента важны для общего восприятия сайта посетителями. Что касается фона, то его можно использовать (или не использовать) для создания определённой атмосферы на сайте, эмоции, для подчёркивания лаконичности и сдержанности вашего стиля.

Выбор правильного изображения

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

Размер изображения

Очень важно правильно подобрать размер изображения фона. Мы рекомендуем выбирать изображения в альбомном, а не портретном формате, так как современные мониторы имеют широкоэкранный формат. Также важен и размер изображения: большинство современных мониторов поддерживают высокое разрешение, поэтому используйте для фона изображения не менее 2000 пикселей по ширине.

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

Использование изображений из Интернета

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

Мозаикой или сплошным фоном?

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

На сайте isurfnl.com, посвящённом кайтсёрфингу, фоновое изображение используется для создания определённой атмосферы.
На сайте isurfnl.com, посвящённом кайтсёрфингу, фоновое изображение используется для создания определённой атмосферы.

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

В фоне сайта greg-joaillier.fr "положена" изящная, не отвлекающая от содержимого и не контрастирующая с фотографиями монохромная плитка.
В фоне сайта greg-joaillier.fr "положена" изящная, не отвлекающая от содержимого и не контрастирующая с фотографиями монохромная плитка.
Мозаика в фоне сайта fancyfeatures.com более яркая. Обратите внимание, что цвет мозаики прекрасно сочетается с другими цветами этого сайта.
Мозаика в фоне сайта fancyfeatures.com более яркая. Обратите внимание, что цвет мозаики прекрасно сочетается с другими цветами этого сайта.

Видеофон

Скорость интернет-соединения становится всё быстрее и быстрее, сегодня стало возможным размещать видео в качестве фона сайта. Хороший видео-фон может создать дополнительный вау-эффект на вашем сайте. Тем не менее, использовать эту возможностью стоит с осторожностью, ведь видео-фон не должен отвлекать и уж тем более раздражать посетителей вашего сайта. Мы рекомендуем выбирать в качестве фона видео-ролики окружающей среды в спокойном темпе, если такой фон не должен нести никакой смысловой нагрузки.

Найти подходящее видео для использования в фоне может быть непростой задачей. Тем не менее, шаблон San Francisco замечательно сочетается с ненавязчивым видеофоном.
Найти подходящее видео для использования в фоне может быть непростой задачей. Тем не менее, шаблон San Francisco замечательно сочетается с ненавязчивым видеофоном.

Вы можете использовать видео, загруженное вами на видеохостинги, как youtube или vimeo. Старайтесь выбирать небольшие ролики, зацикленные без швов. Обязательно обращайте внимание на лицензию использования таких роликов. На сайте Pond5 есть большой выбор видеороликов со свободной лицензией. 

Нейтральный фон

Раньше, во времена медленного интернета не рекомендовалось загружать изображения в виде фона сайта, чтобы не замедлять загрузку самого сайта. Сейчас времена изменились, но тенденция создания сайтов без фонового изображения осталась. Чтобы подчеркнуть элегантность и серьёзность сайта советуем вам использовать приглушенные тона в качестве фона. Даже при выборе оттенков белого в качестве фона можно добиться утонченности в восприятии сайта. Такой фон наиболее подойдёт бизнес сайтам, в цели которых не входит создание эмоциональной вовлечённости клиента.

Нетральный белый или серый фон практически всегда подойдёт для любых фотографий и содержимого (сайт nopierdastuslibros.com)
Нетральный белый или серый фон практически всегда подойдёт для любых фотографий и содержимого (сайт nopierdastuslibros.com)

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

На сайте mdcreation-graphiste.com яркий цвет фона уравновешивается минималистичным чёрным, белым и серым текстом
На сайте mdcreation-graphiste.com яркий цвет фона уравновешивается минималистичным чёрным, белым и серым текстом

Заключение

Итак, повторим еще раз основные принципы выбора идеального фона для вашего сайта:

  • выбирайте изображения хорошего качества: рекомендуемое разрешение картинки должно быть 2000 пикселей по ширине (или больше);
  • убедитесь в том, что изображения сделаны в альбомном виде, а не в вертикальном;
  • если вы выбираете фон мозаикой, используйте подходящие для этого орнаменты: выбор фона мозаики, состоящего из изображений вашей кошки — это не самый лучший вариант для бизнес-сайта;
  • используйте оттенки серого при выборе простого фона вашего сайта — это самый беспроигрышный вариант.


Предыдущая статья:

Как выбрать шаблон

Следующая статья:

Выбор шрифтов