Ваш опыт – первое впечатление посетителя о вашем веб-сайте и может быть тем, что заставляет вас просматривать или закрывать это окно. Хороший фон задает тон вашему веб-сайту, не отвлекая его от его содержания. Это всегда видно, но не выделяется. Вы должны привлечь внимание своей аудитории и заинтересовать их, чтобы узнать больше о вашем бизнесе или блоге.
Вам может быть интересно, сколько там на самом деле? С таким количеством классных фоновых дизайнов ответ – «больше, чем вы думаете!» Поэтому мы призываем вас просмотреть этот список возможностей для фона вашего сайта и посмотреть, что вы можете отметить.
С Jimdo вы можете выбрать один из трех вариантов фона: цвет фона, видео или фоновое фото.
- Цвет фона: Легко подбирайте индивидуальность вашего бренда и сосредотачивайте внимание посетителей на вашем контенте.
- Фоновое фото: Этот классический вариант позволяет вам общаться с посетителями на эмоциональном уровне, но это может быть немного раздражает.
- фон видео: Он использует движение, чтобы привлечь внимание и рассказывает посетителям много о вас в короткие сроки.
В этой статье мы покажем вам, как выбирать между различными типами фона для блоков вашего сайта и как их настраивать.
Фото фоны
Какие блоки: блоки обложки, баннера, бронирования и изображения
Что вы можете использовать: файлы JPEG, PNG или GIF
Полезно знать: не делайте ваши цвета слишком яркими, иначе они могут доминировать над вашим контентом.
Как это настроить: Как изменить фотографии на моем сайте?
veerdonkmobility.nl использует фотографию в оттенках серого для тонкого, современного фона.
Передать эмоцию
Если вы посмотрите на 25 лучших объявлений Adweek 2018 года, вы увидите, что у них всех есть одно общее: они вызывают эмоции. Эмоциональный брендинг используется в маркетинге для привлечения зрителей, но это также может работать на фоне вашего сайта.
При выборе фонового изображения, выберите тот, который имеет отношение к вашему бизнесу. Тот, который заставит ваших посетителей чувствовать себя позитивно или создать эмоциональную связь с вашим брендом.
Например, если вы предлагаете дни совместной работы, вы можете использовать экшн-фотографию, на которой изображены люди, которые веселятся и общаются друг с другом. Конечно, мечтательная фотография заката в вашем доме может быть хорошим снимком, но она не дает посетителям представления о вашем бизнесе. Изображение, которое включает в себя движение, людей или интересную перспективу, может действительно выделить ваш фон.
Это ваша возможность показать ваш продукт, местоположение или себя наилучшим образом. Если вы не можете выбрать фоновое изображение, выберите один цвет и отобразите свои фотографии в блоке слайд-шоу.
Создайте свой сайт
Совершенствуйте свой размер
Это часто упускается из виду, но использование изображений правильного размера будет иметь значение, чтобы ваш сайт выглядел более профессионально. Попробуйте вырезать ненужное фоновое пространство на изображении, чтобы акцентировать внимание на вашем продукте, человеке или месте отдыха, которое вы хотите показать.
Выберите альбомное изображение поверх портретного, так как оно лучше всего подойдет для современных компьютерных мониторов. По данным StatsCounter, наиболее распространенным разрешением для компьютерных экранов является 1366 x 768 пикселей (по состоянию на март 2019 года), за которым следуют 1920 x 1080 пикселей. В качестве хорошего эмпирического правила мы рекомендуем использовать фоновое изображение шириной около 2000 пикселей, поскольку фотографии с таким разрешением будут четкими для большинства посетителей, даже если вы используете их в качестве фона для блока с большим количеством контента. Загрузка изображения, которое меньше минимального разрешения, приведет к пиксельному оформлению этого стиля 80-х (и лучше оставить несколько вещей в прошлом).
Вы можете загрузить изображение в формате JPEG или PNG для использования в качестве фоновой фотографии. Или используйте изображения GIF для создания движущегося фона. Однако следует помнить, что перемещение средств может отвлечь посетителей.
Высококачественное, обрезанное изображение человека может помочь показать человечество, стоящее за схемой или организацией, и то, чего они пытаются достичь.
Профессиональный совет: Если вы не уверены в размере пикселя, вы можете найти его на ПК, щелкнув правой кнопкой мыши файл изображения, выбрав «Свойства», а затем вкладку «Сводка». На Mac просто щелкните правой кнопкой мыши файл изображения, выберите «Получить информацию», а затем нажмите «Подробнее».
Найти качественные изображения онлайн
Изображения с высоким разрешением выделят ваш сайт. И вам не нужно быть профессиональным фотографом, чтобы получать интересные фоновые изображения для вашего сайта. Вы найдете множество профессиональных снимков в библиотеке изображений на вашем сайте Jimdo. Или, если вы не видите там именно то, что вам нужно, есть множество интернет-ресурсов, где вы можете бесплатно получить качественные фотографии.
Если вы хотите сделать фотографию собственного продукта в качестве фонового изображения и не хотите нанимать профессионального фотографа, вот несколько полезных советов о том, как сделать профессиональную фотографию с помощью лайтбокса DIY.
Видео Фоны
Какие блоки: Обложка, баннер, резервирование и блоки изображений
Что вы можете использовать: YouTube или Vimeo видео
Полезно знать: Медленное видео лучше всего работает в качестве фона
Как настроить это: Как мне разместить видео на моем сайте?
Фоны видео выглядят довольно впечатляюще, но это баланс между впечатляющим фоном и тем, который не отвлекает от вашего сайта. Все, что движется на ваших страницах, привлечет внимание, поэтому видео может быть отличным способом убедиться, что ваши посетители заметили важную информацию.
Идеальный клип
Чтобы добавить видео на свой веб-сайт Dolphin, вам нужно выбрать клип на YouTube или Vimeo. Вы также можете получить несколько бесплатных видеоклипов с таких сайтов, как Pond5 или AllTheFreeStock.
Блоки «Обложка», «Баннер», «Резерв» и «Изображения» позволяют отображать видеоролики, которые занимают всю ширину экрана. Они очень хорошо подходят для телефонов и планшетов. Мы рекомендуем использовать видео высокого качества, потому что они также будут хорошо смотреться на больших экранах.
Пропустить саундтрек
Когда вы добавите видео в один из ваших блоков, оно начнет воспроизводиться автоматически, без звука. Почему? Потому что сайты, которые поражают вас звуковой атакой, как только вы зашли на них, могут быть очень раздражающими. Вам может понравиться саундтрек к вашему сайту, но звучать как ничего не подозревающий посетитель – один из самых быстрых способов отключить их.
Иногда размещение текста поверх видео может затруднить чтение. Мы решили эту проблему для вас! Когда вы добавляете текст или кнопку на фон вашего видео, мы автоматически применяем полупрозрачный цветной фильтр к вашему видео. Таким образом, посетители могут легко просматривать ваше видео и читать текст.
Pro совет: Постарайтесь, чтобы ваше видео было коротким. Джимдо автоматически повторяет видео с начала, чтобы оно не заканчивалось.
Сплошной цвет фона
Если фотография не ваша вещь, есть много других вариантов для использования в качестве фона вашего сайта. Попробуйте использовать смелые цветные блоки, чтобы сделать забавное и игристое заявление. Просто убедитесь, что цвета соответствуют вашей отрасли и впечатления о вашем бизнесе.
Какие блоки: Все блоки на вашем сайте Jimdo
Что вы можете использовать: Любой цвет из вашей цветовой схемы
Полезно знать: Яркие цвета могут быть ошеломляющими, поэтому используйте тонкий оттенок фона
Как настроить это: Как мне изменить цвет блока?
Jazz Coaching & Training использует яркий фон в качестве цвета фона.
Оставайтесь на бренде
При выборе цвета фона выберите тот, который вы уже используете для своего бренда. Если вы еще не выбрали свои цвета, начните с выбора палитры, которая соответствует индивидуальности вашей компании. Люди ассоциируют разные тона с разными чувствами и эмоциями. Если вы везде будете использовать постоянные цвета, людям будет легче узнать ваш бренд.
Большинство брендов используют цветовую схему. Выберите тот, который не слишком яркий для вашего фона. Если ни один из цветов вашего текущего бренда не подходит, используйте белый фон. Белый чистый, свежий и нейтральный, и не будет отвлекать контент вашего сайта.
Контрастные цвета сделают ваши блоки более привлекательными. Например, если вся ваша страница имеет белый фон, тогда розовый, зеленый или черный блок действительно будет выделяться. Это особенно полезно, когда вы хотите подчеркнуть важный призыв к действию.
Создайте свой сайт
Сохраняет вещи ясными
Фон также может повлиять на видимость вашего текста, поэтому, если вы действительно хотите, чтобы посетители просто сфокусировались на вашем контенте, лучше подойдет простой белый фон. Пустое пространство дает вашему сайту чистый и элегантный вид, который будет соответствовать имиджу более традиционного или серьезного бизнеса.
Pro совет: Ищете что-то более простоватое? Попробуйте поэкспериментировать с текстурированным фоном, таким как дерево или текстиль, чтобы изменить его.
Не переоценивайте силу шокирующего фонда. Используйте свой фон творчески, и ваши посетители оставят положительное впечатление о вашем бизнесе. Попробуйте то, что работает лучше для вас, и получайте удовольствие, экспериментируя с различными вариантами!
У вас есть удивительный фон сайта, которым вы хотите поделиться с нами? Дайте нам знать в комментариях!
