Выбираем фон для сайта: советы Depositphotos.com

Выбор фона для фотосессии

Выбираем фон для сайта: советы Depositphotos.com

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

Во время съемки времени на тестирование различных фонов, как правило, не бывает.

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

Это будет зависеть и от локации – в студии вы снимаете, или на выезде, и от стиля, и от жанра и так далее. Этот навык приходит с опытом, но все же есть несколько советов, которым стоит следовать:

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

  3. Внимательно следите за цветами
  4. Фон должен обязательно сочетаться с идеей картинки, нести смысловую нагрузку. Ведь это не просто подложка, а часть изображения. Кроме того, к каждому оттенку кожи подходит определенный цвет.

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

Ограничивать себя в выборе не стоит ни при каком виде съемки. Фон, как правило, используется в портретных и предметных съемках, поэтому исходить нужно из идеи кадра или серии фото. Найти качественный и недорогой фон несложно – вам доступны такие варианты как тканевый, бумажный или виниловый фон.

Бумажные фоны

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

С такими фонами легко работать. Приобретаются они в рулонах, поэтому если какая-то часть пачкается или рвется, ее можно легко заменить.

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

Тем не менее, в фэшн съемке популярны яркие оттенки – желтый, сиреневый, оранжевый. Такие цвета отлично выглядят с ярким макияжем и аксессуарами. Неплохо они подходят и для съемки детей. Яркий цвет всегда добавляет динамики и энергии снимку.

Соответственно, более естественные цвета – зеленый и коричневый ассоциируется с природой.

Фоны Polaroid размером 2.72×11м можно приобрести всего за 3750 рублей. При этом, можно выбрать любой цвет от ярких до пастельных.

Среди фонов Savage выбор оттенков гораздо больше (всего в коллекции 68 цветов). В зависимости от размера, такой фон стоит от 3900 до 5630 рублей.

Виниловые и Пластиковые фоны

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

Например, пластиковые фоны Superior размером 1×1.3 метра можно приобрести за 1090 рублей.

Виниловый фон, как и пластиковый, можно чистить. Такие фоны стоят дороже (от 4800 рублей до 8900), но возможностей работы с ними больше. Кроме того, матовая поверхность таких фонов, в отличие от пластика, не отражает вспышку. А вот установить и подготовить его для работы несколько тяжелее, поскольку весит он больше других фонов.

Среди виниловых фонов встречаются не только одноцветные, но и фактурные: кирпичная стена, виды природы и так далее.

С подобными фонами нужно быть весьма осторожным, чтобы фотографии не выглядели примитивно, необходимо подбирать их по тематике и качеству рисунка.

Тканевые фоны

Тканевый фон – самый удобный фон для выездных съемок. Такой фон можно складывать и, если он не мнется, транспортировать его весьма несложно. Разумеется, если фон испачкается в процессе работы, его можно постирать как любую другую ткань.

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

Например, в коллекции Falcon Eyes имеются фоны с ярким красно-оранжевым принтом – Falcon Eyes DW-023 DW-3060, эффектом воды – Falcon Eyes BC-003 BC-2970, и множество других вариантов.

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

Напольные фоны

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

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

Независимо от того, какой фон вы выберете для своей съемки, не забывайте полагаться на идею, но импровизировать. И обязательно обратите внимание на скидки на фоны в магазине Фотосклад.

Где найти хорошие и легальные бесплатные картинки

Выбираем фон для сайта: советы Depositphotos.com

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

Универсальные фотостоки

Мультитематические ресурсы с изображениями на любой цвет и вкус.

  • Unsplash. Около миллиона снимков, сгруппированных по тематическим коллекциям и тегам.
  • Pixabay. Ещё один сток‑миллионник с удобным поиском и отлично структурированным каталогом.
  • Wikimedia Commons. База из более чем 20 миллионов фотографий, загруженных пользователями в «Википедию». Здесь много исторических снимков и фотокопий картин.
  • Free Images. Большое количество отличных снимков, многие из которых доступны в очень высоком разрешении.
  • Flickr. Огромное сообщество фотографов и одновременно хранилище их снимков. Многие авторы разрешают использовать свои работы бесплатно — вы можете выполнять поиск по таким фото.
  • IM Free. Курируемая коллекция ссылок на бесплатные фотографии с Flickr. Снимки сгруппированы по категориям и тематическим подборкам.
  • Picjumbo. Частная коллекция фотографа и дизайнера Виктора Ханасека, выложенная автором в открытый доступ.
  • Morguefile. Крупный архив изображений, пополняемый сообществом профессиональных фотографов и фотолюбителей.
  • Free Stock Images. Российский фотосток с 50 000 снимков в высоком разрешении. Файлы загружаются пользователями, но проходят тщательную модерацию.
  • Public Domain Photos. Хранилище бесплатных картинок, созданных командой фотографов PDP.

Public Domain Photos

  • Pexels. Сотни тысяч бесплатных изображений, тщательно сгруппированных с помощью категорий и меток. Команда ресурса агрегирует снимки с других бесплатных стоков и модерирует фото, которые добавляют пользователи Pexels.
  • Burst. Большая коллекция качественных, профессиональных снимков. Сайт принадлежит Shopify — платформе для создания онлайн‑магазинов. Поэтому на Burst очень много фотоконтента, ориентированного на бизнес.
  • Reshot. Ресурс делает акцент не на количестве, а на качестве снимков. Картинки проходят строгий ручной отбор, поэтому не выглядят как типичные фото с бесплатных стоков.
  • Stockvault. Коллекция фотографий, текстур и иллюстраций, которую пополняют пользователи. Этот сток в первую очередь ориентирован на дизайнеров, но и остальные найдут здесь много хороших картинок.
  • Negative Space. Каталог разнообразных фотографий, которые можно фильтровать по категориям, цветам и тегам.
  • Kaboompics. Авторская коллекция девушки по имени Каролина — дизайнера и фотографа из Польши. На сайте доступно более 14 тысяч снимков.
  • FancyCrave. Ресурс позволяет скачивать фото в низком разрешении (около 800 на 534 пикселя) бесплатно. Но часть снимков доступна без ограничений.
  • Rawpixel. После регистрации любой пользователь может скачивать по 10 изображений в день из бесплатного раздела.
  • StockSnap. Много качественных фотографий на самые разные темы. Лучшие из них можно найти в разделе Trending.
  • SplitShire. Коллекция из более чем 1 000 снимков фотографа Даниэля Нанеску. Новые работы появляются почти каждый день.

SplitShire

  • Life of Pix. Фотографии канадского рекламного агентства LEEROY Creative Agency, которые компания разрешает использовать бесплатно.
  • Picography. Небольшая, но разнообразная коллекция качественных снимков.
  • FOCA. Огромная фототека дизайнера Джеффри Бетса, которой он любезно делится со всеми желающими.
  • Jay mantri. Ещё одна персональная коллекция в открытом доступе. Снимки принадлежат фотографу Джею Мантри. На сайте нет удобной навигации, зато всё содержимое бесплатно.
  • ISO Republic. Тысячи снимков в высоком разрешении, сгруппированных по тематическим коллекциям.
  • Refe (Free). Хотя Refe — коммерческий фотосток, у него есть раздел с бесплатными снимками. Это будет особенно полезно, если вам нужны фото технологий: здесь можно найти много картинок с гаджетами.
  • Canva. База снимков на сайте популярного графического редактора. Часть из них можно скачивать бесплатно.
  • Rgbstock. Более 100 000 снимков от коллектива профессиональных фотографов и дизайнеров.
  • Death to Stock. На этом сайте вы не найдёте бесплатных фотографий. Но если подпишетесь на почтовую рассылку, администрация будет присылать вам по 20 крутых снимков ежемесячно.
  • Stokpic. Каждые две недели фотограф Эд Грегори отправляет по 10 снимков своим подписчикам. Подписаться или скачать отправленные ранее фотографии можно на сайте Stokpic.

Stokpic

  • Gettyimages. Один из крупнейших фотобанков в мире. Скачивать снимки можно только за деньги. Но Gettyimages разрешает использовать свои материалы бесплатно на некоммерческих сайтах. Чтобы добавить фотографию на ваш ресурс, нужно скопировать специальный код и вставить его на целевой странице.
  • Freestocks. Здесь можно найти много изображений, которые ещё не успели примелькаться в Сети.
  • DesignersPics. Небольшая авторская фототека дизайнера и предпринимателя Джошуа Джона. Много креативных фотографий.
  • Freerange. Здесь можно найти большое количество любительских снимков. Многие из них нельзя назвать произведениями искусства, но в качестве иллюстраций они вполне подойдут.
  • Libreshot. Частная коллекция фотографа Мартина Ворелла, которая включает снимки людей, архитектуры, природы и технологий.
  • Freestock. Тысячи фотографий, иконок и векторных иллюстраций. Изображения для ресурса отбирают профессиональные фотографы и дизайнеры.
  • Public Domain Pictures. Масса любительских снимков. Большинство изображений не лучшего качества, но попадаются и достойные внимания работы.
  • Pickup Image. Большая база снимков разного качества. Контент не упорядочен по категориям, но вы можете искать нужные изображения по ключевым словам.
  • Pikwizard. Хорошо структурированная база с миллионом качественных фотографий и видео.

Нишевые фотостоки

Сайты с подборками изображений на определённую тематику, будь то природа, кулинария или история.

  • Google LIFE. Специальный раздел на сайте Google, в котором хранятся миллионы исторических фотографий.
  • New Old Stock. Множество винтажных снимков из публичных архивов.
  • Foodiesfeed. Коллекция снимков на кулинарную тематику. Многие картинки так хороши, будто взяты из глянцевых журналов.
  • Paris Musées. Фотографии картин и других старинных экспонатов из нескольких французских музеев.
  • Gratisography. Сток смешных, необычных и креативных фотографий. Причём все изображения отличного качества и доступны в высоком разрешении.

Gratisography

  • NASA HQ PHOTO. Снимки Национального управления по аэронавтике и исследованию космического пространства США. Коллекция состоит из архивных и современных фото на тему космонавтики. Большую часть снимков можно использовать свободно, но только на некоммерческих ресурсах.
  • NASA on The Commons. Ещё одна фотоколлекция агентства, но эти файлы разрешено скачивать и публиковать без ограничений.
  • Official SpaceX Photos. Коллекция изображений известной космической компании. Фотографии техники и космоса — всё можно использовать бесплатно, но только в некоммерческих целях.
  • The Met Collection. Фотоколлекция на сайте нью‑йоркского Метрополитен‑музея. Много оцифрованных картин и снимков различных музейных экспонатов.
  • BigFoto. Галерея одноимённого фотоагентства с любительскими и профессиональными снимками на туристическую тему. Изображения отсортированы по регионам, странам и городам.

BigFoto

  • Ancestry Images. Множество старинных иллюстраций и карт.
  • The Pattern Library. Небольшая авторская подборка паттернов. Может пригодиться, если вам понадобится изображение для фона.
  • Old Book Illustrations. Тысячи оцифрованных иллюстраций из старинных книг.
  • The Public Domain Review. Цифровые копии старых картин, иллюстраций, снимков, открыток и другого графического контента, авторские права на который больше не действуют.
  • British Library on Flickr. Огромная коллекция старинных изображений, оцифрованных Национальной библиотекой Великобритании.

Поисковики бесплатных изображений

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

  • CC Search. Официальный поисковик организации Creative Commons, которая разрабатывает открытые лицензии для изображений.
  • The Stocks. Сервис ищет бесплатные картинки одновременно на 30 разных фотостоках.
  • Stock Up. Ещё один поисковик, индексирующий три десятка стоков.
  • Image Finder. Этот сервис начинал свой путь как удобный поисковик по Flickr, но позже стал индексировать и другие ресурсы.
  • Everystockphoto. Ещё один вариант для удобного поиска по Flickr и прочим фотостокам.
  • PhotoPin. На этом сайте вы также можете быстро найти бесплатные фотографии с Flickr.
  • «Google Картинки». Старый добрый поиск по картинкам в Google. Без него список был бы неполным.

Фон для сайта: как выбрать и где скачать?

Выбираем фон для сайта: советы Depositphotos.com

Приветствую Вас, Дорогие читатели. На связи Константин Белан, и сегодня мы с Вами будем говорить о том, как и где подобрать фон для сайта (блога), и как его собственно установить.

  Данная тема оказалась очень востребованной, но почему то я ранее так и не добрался до написания статьи… Буквально за последний месяц ко мне обратилось несколько моих читателей в вопросом о подборе фона, так чтобы он смотрелся красиво и приятно на глаз, то есть не отпугивал посетителей.

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

Сразу хочется отметить, что я не профессиональный веб-дизайнер, не маркетолог и не психолог, чтобы уметь закрытыми глазами определить подойдет ли данный цвет к остальным элементам сайта или нет, но те вещи, о которых я сейчас буду говорить на самом деле банальны и их должен знать каждый! Почему? Дело в том, что дизайн сайта — это одно из главных составляющих, на которое обращает посетитель при первом же визите! Как говорят: встречают по одежке, а провожают по уму! Ну что ж приступим…

Как подобрать фон для сайта?

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

Выбираем фон для сайта: советы Depositphotos.com

Выбираем фон для сайта: советы Depositphotos.com

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

статьи

Многие онлайн-проекты имеют «сезонную» ориентированность, причем выражаться она может в самых разных аспектах. К примеру, чистая, эталонная «сезонность» — атрибут большинства онлайновых магазинов.

Человек, живущий как минимум в одном полушарии Земли с владельцем такого сайта, будет пребывать с ним в том же времени года.

А значит, осуществлять интернет-шопинг преимущественно сезонного характера с расчетом на получение актуальных предложений по желанным категориям товаров.

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

Действительно, как не разместить в предновогодний сезон шопинга морозный зимний фон — на Depositphotos выбор картинок соответствующей тематики присутствует в широчайшем спектре — на странице магазина? При отсутствии такового потенциальному покупателю только и остается, что, и мельком не взглянув на гигантские праздничные скидки и бонусы, закрыть страницу, подсознательно почувствовав удивительный, не по сезону черствый подвох со стороны владельца сайта.

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

Сезонный фактор при выборе фона для сайта — не единственный, на который эксперты Depositphotos рекомендовали бы обратить внимание. Так, полезно при выборе фона учитывать и тематику проекта.

Фон — в тему

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

Прежде всего, это касается именно фона веб-страниц: текстовые блоки в ходе их открытия-закрытия, пролистывания и прочего серфинга меняются, фон — остается.

Именно он будет в значительной степени определять то, станет ли пользователь всякий раз предпочитать возвращаться на сайт.

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

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

Более подробно о выборе цветовой гаммы, а также иных нюансах визуализации фона поговорим далее.

Фон — в унисон

Очевидный фактор при выборе фона, совершенно грамотно подобранного с точки зрения сезонного и тематического аспектов, — его сочетаемость с остальными элементами веб-страниц. Depositphotos рекомендует соблюдать ряд простых правил:

1. Не делать фон слишком ярким (он должен уступать по яркости остальным элементам дизайна веб-страниц).

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

2. Соблюдать сочетаемость цветов фона и остальных элементов веб-страниц.

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

3. Размещать фон, если это возможно, в виде целой картинки или максимум двух (или в виде однородной заливки).

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

Собственно, слабая заметность фона и делает его фоном — значимым, но все же не самым главным элементом страницы, который не должен обращать на себя особого внимания.

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

4. Подбирать фон, по существу подходящий под элементы дизайна сайта.

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

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

О фотобанке depositphotos

Depositphotos — крупнейший международный фотобанк, посредством которого авторы изображений и их покупатели находят друг друга. Сервис, основанный бизнесменом Дмитрием Сергеевым в 2009 году, сейчас известен по всему миру.

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

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

Выбираем фон для сайта: фото или видео?

Выбираем фон для сайта: советы Depositphotos.com

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

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

Для начала определим плюсы и минусы видео в качестве фона для сайта.

Плюсы и минусы видео-фона для сайта

Плюсы видео-фона

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

Это способ реализации хорошей рекламной кампании или чего-то, что заставит пользователей покупать ваш продукт.

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

Brand & interactive Design Team WAAAC

Advertising Agency Paradowski

• Также нужно признать, что видео делает сайт динамичным и наполняет его движением. Это хорошая возможность предоставить пользователям захватывающий визуальный опыт. Также этот прием придает сайту интерактивности.

NYC Investment Firm Bienville Capital Management

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

• Идеальная область для использования видео-фонов это, конечно, киноиндустрия. Продюсеры и режиссеры таким образом могут продвигать новые картины наиболее эффективно. Трейлер в качестве фона для сайта наверняка понравится киноманам. А таких в Интернете немало.

Life According to Sam Movie

Jack The Giant Slayer Movie

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

The Music Bed

Production House Profilm Portfolio Site

Прежде чем перейти к недостатками видео-фона, насладиетесь действительно достойными примерами применения этого тренда:

Industrial Website of the Company that Builds Rail

Coffee and Tea BrandPromotional Website

Tyoulip Sisters Leather Handbags

LeigensPiscines

Хороший сайт с различными видео на каждой странице.

Laquadra Brand Movies

Шикарный сайт со множеством полноэкранных видео.

Names Not Numbers

Сайт-провокация, который дает вам 60 секунд для приятия решения.

Eagle Adventure Tours

Сайт, который показывает скорость и просто не может быть спроектирован иначе.

Минусы видео-фона

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

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

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

Passion for Sochi

Можно вздремнуть пока загружается сайт.

• Полноэкранное видео вполне может заставить остальной контент выглядеть скучно.

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

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

Плюсы и минусы использования изображений как фона

Плюсы использования фоновых изображений

• Фон, будь он монохромным, текстурным, узорным или как в нашем случае — изображением, играет в первую очередь эстетическую роль. Изображение, при правильном использовании, добавит сайту стиля и индивидуальности. Таким образом, в этом качестве можно использовать все, что имеет отношение к теме сайта. Получается что использование изображения уместно на сайте любого типа.

MeCre Mechanical Creatures

Day Dream Designs Creative Agency

Farmerhaus Restaurant Website

Colette Malouf Online Shop

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

University of San Diego – School of Business Administration

Prestigious Italian Furnishing CompanyGiellesse

Florist’s Website

Cars Website

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

GDC Company Website

Сотрудники компании улыбаются с фоновых изображений.

Electronic Music ArtistHenry Saiz

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

Charles-Axel Pauwels Design Portfolio

Software Engineering Website

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

Sam Docker’s Portfolio Site

Photography Portfolio Website Design

Минусы использования фоновых изображений

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

• Изображение может отвлечь внимание пользователя от содержания. В случае, если картинка выглядит более яркой чем текст (вероятно из-за типографики), вы можете забыть о продаже продукта, которому посвящен сайт. Фон — это не точка фокусировки внимания. Это декоративный элемент, выполняющий более простую функцию.

Chicago Shirts

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

И помните, что в основе качественного дизайна лежат ваши творческие способности и решения, а не тренды в области веб-дизайна.

Автор статьи Julia Blake

Перевод — Дежурка

Смотрите также:

Фон для сайта: принципы дизайна и его основные виды

Выбираем фон для сайта: советы Depositphotos.com

Исследования показывают, что первое впечатление пользователя о сайте на 94% связано с дизайном.

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

В этой статье мы поговорим о его основных видах, приведем примеры и рассмотрим основные принципы при выборе фона для сайта.

Виды фонов для сайта

Сайтов существует множество, но все сайты можно классифицировать по виду фона. Это – неотъемлемый элемент любого ресурса, поэтому так или иначе сайт имеет общие характеристики с другими сайтами. Рассмотрим основные типы фонов и определим, когда лучше использовать каждый из них.

Белый классический фон

Классика – контент на фоне белого цвета. Такой подход применяет большинство сайтов, особенно в последние годы, когда в трендах – стили минимализм и плоский дизайн.

Данные стили подразумевают легкость в восприятии, использование простых элементов и избегают излишнего «нагромождения» на странице.

Больше об этих стилях можно прочитать здесь (минимализм) и здесь (плоский дизайн).

Мы также на своем сайте и в своих работах часто используем белый фон:

Почему белый фон настолько популярен у дизайнеров?

  1. Легкость в восприятии. Как правило, использование белого фона предполагает легкую читабельность текста, из-за контраста все элементы хорошо видно, они не сливаются с фоном. Используются даже элементы белого цвета – их выделяют с помощью тени и других эффектов.
  2. Универсальность. Можно использовать элементы любой цветовой гаммы и стиля: белый цвет универсален и подходит под любую тематику.
  3. Простота. С белым фоном можно сделать относительно простой дизайн, который в то же время будет стильно смотреться и не отвлекать пользователей от главной цели – приобрести товар или услугу. Также использование белого фона не имеет никаких сложностей в реализации, в сравнении, например, с видеобэкраундом.
  4. Все внимание на элементы. Белый цвет не отвлекает внимание пользователя и позволяет сосредоточить его поведение на более важных вещах, чем красивый дизайн – прилечь внимание к призывам к действию, важной информации, способу оформления заказа, популярным товарам и прочее.

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

Однотонный цветной фон

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

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

Нужно, чтобы фон и блоки с контентом дополняли друг друга, а не перетягивали на себя взгляд.

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

Градиент

Тренд современного веб-дизайна – фон с использованием градиента. Мы писали об этом здесь.

Градиентный фон обладает рядом преимуществ, по сравнению с обычным однотонным фоном:

  • выглядит стильно и свежо. Градиенты вошли в моду в 2016-2017 годах и все еще пользуются большой популярностью. С помощью градиента можно подчеркнуть, что компания современная, следит за трендами;
  • позволяет управлять вниманием пользователя. Так как градиент обычно состоит из переходов одного цвета в другой, можно с помощью этого «движения» цвета перемещать взгляд пользователя и направлять его к нужному элементу – например, к призыву к действию;
  • яркий дизайн. Так как в градиенте используются несколько цветовых оттенков, страница получается яркой и насыщенной. А благодаря плавному переходу из одного цвета в другой, это не так бросается в глаза и не отвлекает внимание пользователя.

Градиент в качестве фона до сих пор остается популярным приемом при создании дизайна макета. Подход в основном используется на сайтах развлекательного характера, ресурсах, в которых важно подчеркнуть «современность» компании, на промо-сайтах и так далее.

Паттерны и текстуры

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

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

Сейчас этот прием несколько трансформировался и теперь дизайнеры используют яркие рисованные паттерны, текстуры без объема:

Подробнее о применении паттернов и текстур в современном веб-дизайне мы писали в этой статье.

Большое изображение

Еще один тренд в веб-дизайне – использование больших изображений в качестве фона.

На современных ресурсах часто можно увидеть большие изображения на фоне.

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

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

бэкграунд

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

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

Мы перечислили основные типы фонов для сайта. Однако, остаются вопросы, которые волнуют всех дизайнеров:

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

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

Основные принципы при выборе фона для сайта

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

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

Принцип 1. Специфика ресурса

Самый основной принцип – подбор фона индивидуально под формат веб-страницы.

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

С другой стороны, если основная цель сайта – презентация товара, нужно использовать максимум своих возможностей и сделать дизайн ярким и привлекающим внимание.

Принцип 2. Важность контентной части

Несмотря на то, что можно использовать видео и большие изображения, яркие цвета, нужно учитывать, что только красивая картинка пользователям не нужна.

Клиенты пришли на сайт с определенной целью: найти нужную информацию, подробнее узнать о товаре, купить продукцию или оформить заказ.

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

Например, несмотря на темный цвет и множество изображений, дизайнеры выделяют блоки с контентной частью:

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

Принцип 3. Контраст

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

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

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

Принцип 4. Соответствие фирменному стилю

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

На примере фон сайта – текстура, которая используется в оформлении упаковки товара и, таким образом, дополняет фирменный стиль:

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

Принцип 5. Качество и адаптивность

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

Чтобы оставить хорошее впечатление о сайте и не испортить дизайн, важно использовать только изображения и видео высокого качества.

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

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

Принцип 6. Баланс между оригинальностью и юзабилити

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

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

Более подробно о балансе между креативностью и юзабилити мы писали в этой статье.

Студия дизайна IDBI при создании макетов использует различные приемы и виды фонов.

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

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

    Добавить комментарий

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.