Как выбрать идеальный фон для сайта?
Когда вы думаете об элементах, которые помогают составить первое впечатление у ваших посетителей о сайте, то фоновое изображение, как правило, становится главным камнем преткновения. Бэкграунд может формировать позитивное или негативное мнение у пользователей о сайте, поэтому к его выбору следует подходить ответственно.
Большинство компаний не уделяют должного внимания фону сайта при разработке проекта под бренд.
Почему бэкграунд имеет значение?
Много ли времени нужно пользователю, чтобы составить свое первое впечатление о сайте? 5, 10 или 15 секунд? По данным последних исследований, этого количества времени у вас попросту нет. Всего 0.05 секунд – то, на что можно рассчитывать, именно за этот короткий промежуток времени пользователь успевает сформировать мнение о вашем сайте. И Google эту цифру подтверждает, опираясь на собственные исследования.
Поскольку фон сайта занимает большую часть страницы, можно утверждать, что это один из самых важных элементов сайта, который влияетх на формирование первого впечатления у посетителей. Если вы хотите уменьшить показатель отказов и укрепить имидж бренда, уделите особое внимание бэкграунду.
Как правильно выбрать фон?
Выбрать фон не так просто. Поэтому наши советы окажутся полезными при выборе хорошего бэкграунда для вашего сайта.
Демо | Загрузить
Только высокое разрешение
Изображения с высоким разрешением сделают ваш сайт привлекательным и профессиональным. Картинки и фото можно купить на стоках, однако в сети вполне можно найти и бесплатные изображения отличного качества.
Соответствие бренду
Предприниматели часто пытаются заставить выбранный фон для сайта работать на свой бренд. Такой подход редко приносит свои плоды. Никогда не стройте свой бренд вокруг фона.
Фон StarNamer является прекрасным примером бэкграунда, дополняющего существующий бренд. Обратите внимание на то, как органично он вписался в другие элементы дизайна.
Полноэкранный бэкграунд
Посмотрите на некоторые примеры популярных сайтов, и вы заметите, что на пике популярности сегодня находятся полноэкранные фоны. Сайт JustBean является хорошим примером. Этот проект привлекает внимание, несмотря на то, что полезного для пользователей контента здесь практически нет.
Если вы решите работать с фоновым видео, убедитесь, что в нем отсутствует звук, а само воспроизведение плавное.
Помните о контрасте
При выборе фона следует учитывать типографику и цветовую схему сайта.
Дизайн важнее
Подобрать отличный дизайн не так сложно, но не забывайте о том, что бэкграунд влияет на коэффициент конверсии вашего сайта. В этом вопросе также не понадобится много усилий и времени, главное знать, что вам нужно.
Работает в компании TemplateMonster уже более 8 лет. В своей работе стремится только к положительным результатам. Ответственна, старательна, трудолюбива.
Лучший фон для сайта
Сколько нужно времени пользователю, чтобы он решил: нравится ему ваш сайт или нет? Чаще всего уже после первой минуты посетитель успевает сформировать мнение о вашем сайте. Статистика говорит о том, что у более 90% посетителей первое впечатление аудитории формирует дизайн.
Поэтому, выбрав верно лучший фон для вашего сайта, как один из самых важных его элементов, вам удастся вызвать у вашей аудитории только положительную реакцию.
Фон сайта – это то первое впечатление посетителя, от которого он либо захочет остаться подольше на сайте, либо закрыть его и уйти. Хороший фон сайта непременно задаст ему тон.
Как выбрать лучший фон?
Попытаемся в это разобраться.
Изображение
Многие дизайнеры в качестве фона выбирают удачные изображения. Добавление необычных изображений на сайт способно вызвать интерес и внести интригу у посетителей. Тем самым изображения на сайте помогут вам наладить эмоциональную связь с вашими потенциальными клиентами.
Если фоном вы выбрали изображение, оно должно быть выразительным. Чтобы вызвать у аудитории положительные чувства и желание к вам присоединиться, чтобы выставить свой бренд или себя в самом лучшем свете. Популярны сайты с высоко-качественными изображениями в большом разрешении.
В таком случае и область самого фона необходимо сделать значительной, иначе пользователь не сможет ее рассмотреть. Для этого придется принести в жертву область текста.
Перегибать палку с уменьшением области текста, превращая ее в газетную колонку, тоже не стоит. Необходимо подобрать оптимальный вариант и не забывать, что посетители заходят почитать предложенный им контент.
Как вариант, можно сделать картинку фона видимой лишь в шапке сайта и его подвале. Если взять такой вариант оформления за основу, то область шапки сайта и область подвала надо будет делать глубокими.
Видеофон
Любая анимация сделает ресурс живым, будет смотреться довольно стильно. И не будет напрягать глаз.
Все, что движется на вашем сайте, несомненно привлечет посетителя. Любой видеофон всегда впечатляет и захватывает внимание. Но у такого фона есть одна отрицательная особенность – он сильно отвлекает от чтения контента. Если вы хотите, чтобы посетители сайта на выбранной странице читали контент внимательно, то от анимационного фона лучше отказаться.
И, тем более, не размещайте важный контент поверх видеофона.
Сплошной цвет фона
Если фотографии и анимация вам не подходит, есть не менее интересные возможности сделать фон красивым, стильным и привлекательным. Попробуйте использовать сплошной однотонный цвет или применить различные цветовые блоки и решения. Интересные и привлекательные цветовые блоки могут быть интересной находкой и правильным решением.
Только перед этим необходимо убедиться, что выбранные цветовые решения не будут противоречить вашей отрасли или теме и вызовут положительные впечатления.
Цветовая гамма должна подходить по контрасту к остальным цветам сайта, чтобы не затмить контент.
Если вам не подходит не один из цветов и вы хотите, чтобы посетитель сконцентрировался только на контенте, используйте для фона на сайте белый цвет. Белое пространство придаст сайту ощущение чистоты и прозрачности, добавит ему элегантности, воздуха. Белый цвет свежий и нейтральный.
Эксперимент с текстурами
Несмотря на то, что белое пространство чисто и воздушно, не для всех тематик это подойдет. Многие хотят использовать в качестве фона что-либо натуральное, природное.
И тут лучшее решение – поэкспериментировать с текстурами. Пример: текстуры древесины или текстиля. Любая типографика будет отлично смотреться на подобном фоне.
Можно использовать темные и стильные карбоновые текстуры. Они добавляют сайту шарм и неповторимость.
Вам не нужно быть профессиональным фотографом, чтобы получить классные фоновые изображения и текстуры для вашего сайта. Вы найдете множество профессиональных снимков в Каталоге текстур на нашем сайте.
Не стоит недооценивать силу выразительного и правильно подобранного фона. Проявите всю свою фантазию и креатив.
И посетители будут уходить от вас только с положительными эмоциями!
14 ресурсов для подбора стильных и бесплатных фото для сайта
Многим наверняка знакома ситуация, когда очень срочно нужно найти стильные и не примелькавшиеся изображения: для статьи, баннера, открытки, оформления сайта, блога или группы в социальных сетях и т.д. Приглашать фотографа, моделей и делать фото специально для проекта – не каждому по плечу и по карману такая задача. Это даже скорее долго, чем дорого. А картинка к статье нужна вот прямо сейчас. Как быть?
Тут выручают фотостоки и банки авторских фотографий.
И пока мы перекапывали интернет в поисках стильно-нейтрально-технологического фото, нашлось несколько сервисов, которые будут полезны и вам. Сохраните в закладки, чтобы не потерять!
www.firestock.ru
Один из любимых сервисов. Большое количество категорий, где можно найти изображение для практически любых целей. Люди, дети, еда, пейзажи, техника и многое другое. Фото и картинки выполнены в различных стилях и с разным эмоциональным фоном.
ru.freepik.com
Один из самых популярных сервисов у дизайнеров. Большой банк векторных и PSD-файлов, которые можно доработать под свои нужды. Масса открыток для любого повода. Есть подборки для составления инфографики:
getrefe.tumblr.com
Отличные фотографии, которые разбиты на категории. Групп не так много, но фото в них достаточно качественные и подойдут для оформления сайта.
unrestrictedstock.com
На данном фотостоке, как и на Freepic можно найти векторную графику. Некоторые иконки постоянно нужны, а найти их можно на этом ресурсе. Плюс фотографии городов, животных, природы.
nos.twnsnd.co
Фотографии на этом ресурсе – старинные. Винтажные изображения придадут своеобразный стиль публикации. Но использование изображений возможно только в личных и некоммерческих целях.
www.rgbstock.com
Ресурс предлагает тысячи фотографий, разбитых на тематические группы. Скачать картинку можно только после регистрации.
foter.com
Огромная база изображений на любые темы – более 200 миллионов фото. Удобно, что можно выбрать нужный размер картинки в пикселях и скачать именно его.
unsplash.com
Ресурс с очень спокойными и безумно красивыми фото. Качество изображений – отличное. При клике на фотографию она откроется в большом размере. Если вам нужна большая нейтральная фотография – вам сюда.
www.designerspics.com
Масса фото на различные темы. Одна из популярных и крупных категорий – бизнес. Фотографии достаточно спокойные, обычно в фокусе предметы интерьера, еда, руки людей.
picjumbo.com
Стильные и бесплатные картинки для сайта или блога. Есть любопытный инструмент – при наведении на фотографию появляется иконка – “Тест-драйв фото”. Можно посмотреть, как выглядит изображение при различном его использовании, например, в качестве фона для страницы сайта.
jaymantri.com
На этом ресурсе очень много фото природы, городских пейзажей. Многие изображения отлично подойдут для фона сайта – спокойные, неяркие, но эффектные фото.
www.splitshire.com
Авторские фото Даниэля Нанеска. Можно свободно использовать фото в коммерческих целях. Удобно, что фото при клике разворачивается в крупное и сразу можно оценить, как оно будет выглядеть в качестве фона для страницы сайта. Пример:
www.gratisography.com
www.lifeofpix.com
По стилю фото похожи на jaymantri – качественные и спокойные изображения для фона сайта.
Данных ресурсов более чем достаточно, чтобы обеспечить сайт качественными изображениями, независимо от того, какой он тематики. Приятно то, что эти сервисы бесплатны и самое большее – потребуют регистрации.