Не важно кто вы: профессиональный дизайнер или любитель, smm-специалист или владелец бизнеса и т. д. Картинки, видосы, иконки и прочие штуки для сайта, поста, статьи, баннера временами ой как нужны всем, кто трудится над продвижением бизнеса в Интернете.
Создать свой проект с нуля может не каждый. Но каждый может в разы облегчить себе жизнь, узнав о некоторых инструментах и «примочках», которыми мы поделимся в этой статье. Тем более что все представленные ресурсы бесплатны (ну или почти все).
Материал разбит на тематические блоки, чтобы вам проще было ориентироваться и выбирать нужный сервис. В общем, читайте, берите и пользуйтесь. ;)



  • https://dribbble.com/ популярный среди дизайнеров веб-портал. Дизайнеры со всего мира выкладывают свои работы и делятся опытом. Сайт это социальная сеть для креативных людей: смотрите и оценивайте чужие работы как зарегистрированный пользователь. Делиться своими работами можно после специального приглашения (invite) от друга-дизайнера. Или показав свои работы другому пользователю с имеющимся приглашением.
  • https://www.behance.net/ сетевая платформа для творческих людей. Behance предназначен не только для дизайнеров и иллюстраторов, но и для художников, фотографов, видеографов, архитекторов и многих других людей, чья профессия связана с креативом. Большинство работ представлены как полноценные презентации своих навыков и талантов.
  • http://revision.ru/ сетевой выставочный зал в основном с работами русскоязычных дизайнеров.
  • https://onepagelove.com/ площадка с большим разнообразием одностраничных сайтов, созданных дизайнерами и разработчиками с разных уголков планеты.
  • https://land-book.com/ еще один сайт-портфолио только одностраничных сайтов.
  • https://www.awwwards.com/ авторитетная премия в мире веб-дизайна и разработки сайтов. На сайте представлены лучшие работы студий со всего света.
  • http://www.webdesign-inspiration.com/ название сайта говорит само за себя. Ресурс, созданный для вдохновения сайтами. Удобная фильтрация работ по цвету, типу и тематикам.
  • http://www.fltdsgn.com/ вы любитель сайтов в стиле FLAT? Тогда этот ресурс для вас.
  • http://www.siteinspire.com/ тут собраны красивые и вдохновляющие сайты. Сам ресурс регулярно обновляется и пополняется новыми работами.
  • https://www.thebestdesigns.com/ еще один сайт с вдохновляющими работами в сфере веб-дизайна.
  • https://www.uplabs.com/material/ для любителей Material Design полезно заглянуть сюда. Вдохновение не заставит себя ждать.
  • https://ru.pinterest.com/ как же обойтись без Мировой доски вдохновения. Здесь можно найти вдохновение на что угодно и кого угодно.
  • https://pttrns.com/ сайт с шаблонами пользовательского интерфейса на любой вкус.
  • http://www.gomoodboard.com/ сайт для создания собственной доски вдохновения


Бесплатные фотостоки

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

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

  • https://www.pexels.com/ огромное количество красивых и бесплатных фотографий на самые разные темы со свободной лицензией. Есть очень удобный фильтр по цветовой гамме фотографии.
  • https://unsplash.com/ больше 200 000 бесплатных фотографий со свободной лицензией. Фотографии разбиты на коллекции от достойных фотографов со всего света.
  • https://pixabay.com/ бесплатные изображения высокого качества, так же есть иллюстрации и видео (для коммерческих целей).
  • https://www.firestock.ru/ бесплатный фотосток с огромным количеством категорий. Тип лицензии Editorial (для личного пользования).
  • http://isorepublic.com/ бесплатные изображения для творческих людей. Каждый день добавляется огромное количество новых фотографий. Можно использовать для коммерческих целей.
  • http://jeshoots.com/ более 800 000 бесплатных фотографий высокого разрешения. И тут есть лицензия для коммерческого использования.
  • http://cupcake.nilssonlee.se/ вдохновляющие изображения от талантливого фотографа Nilsson Lee, которые можно ставить на сайт и в рекламу. Коммерчески пригодные фото.
  • https://magdeleine.co на сайте представлены потрясающие фотографии разных тематик. Доступен поиск по преобладающему цвету. Ну и лицензии на все случаи жизни.
  • http://nos.twnsnd.co/ винтажные фотографии из публичных архивов. Все круто, но только для личного и некоммерческого использования.
  • https://picjumbo.com/ более 3 000 изображений высокого качества, библиотека активно пополняется. Разрешено использование фотографий в коммерческих целях, но запрещена перепродажа.
  • https://www.freestockimages.ru/photo/ бесплатный фотобанк лицензионных фотографий высокого разрешения. Допускается использование в коммерческих целях.
  • https://www.sitebuilderreport.com/stock-up/ более 18 000 доступных фотографий. Stock Up объединяет множество различных бесплатных веб-сайтов с фотографиями, поэтому лицензия на каждую фотографию будет отличаться.
  • http://kaboompics.com/gallery популярный бесплатный источник качественных фотографий. Фотографии с Kaboompics появляются на сайтах, таких как BBC, CNN, Forbes, Cosmopolitan, Yahoo и т. д. Но важно проверять лицензии на фотографии, они могут быть разными.
  • https://www.foodiesfeed.com/ бесплатный фотобанк с изображениями еды в высоком разрешении. Допускается использование в коммерческих целях.
  • https://www.splitshire.com/ фото и иллюстрации для бесплатного использования.
  • http://www.lifeofpix.com/ еще один бесплатный фотосток с фотографиями высокого качества и его вполне можно использовать для поиска фото в коммерческих целях.
  • http://www.gratisography.com/ сайт с креативными снимками от фотографа Райана Макгуаера. Фотосток пополняется еженедельно и также подходит для коммерческого использования.



Бесплатные видео

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

  • http://www.clipcanvas.com/free-footage/ на сайте большое количество платных и бесплатных видеороликов высокого качества.
  • http://www.lifeofvids.com/ бесплатные видеоклипы высокого разрешения с лицензией ROYALTEE-FREE. Разрешено использование в коммерческих целях.
  • http://www.wedistill.io/ бесплатные профессиональные видео для творчества. Можно использовать в рекламных целях.
  • https://www.videezy.com/ площадка профессиональных и начинающих видеооператоров, чьи работы находятся в открытом доступе. Разрешено использование в коммерческих целях.
  • http://www.free-hd-footage.com/ бесплатные видео отличного качества. Также имеются такие категории как 3D, 4k, 2k. Видео банк небольшой, но категории самые разнообразные.
  • https://www.videvo.net/ бесплатные видеоролики для любого проекта. Для скачивания требуется регистрация. Видео разрешено использовать в коммерческих целях.
  • http://mitchmartinez.com/free-4k-red-epic-stock-fo... бесплатные 4к-видео от профессионального фотографа и видеографа Mitch Martinez. Его видео разрешается использовать только в личных целях, не в коммерческих, но есть возможность договориться с автором о расширенной лицензии.
  • https://pixabay.com/ru/videos/ бесплатные видео отличного качества. Разрешено коммерческое использование.
  • http://www.coverr.co/ сервис для подбора фонового видео на сайт. Видео разрешены для использования в коммерческих целях.
  • http://mazwai.com/ большое количество спокойных и живописных видео про природу. Лицензия позволяет использовать в коммерческих целях.



Бесплатные векторные иллюстрации, иконки, фоны и psd

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

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

  • http://ru.365psd.com/ на сайте огромное количество коллекций бесплатных векторных изображений, эмблем и PSD-исходников.
  • http://www.freepik.com/ графические ресурсы для всех. Поможет вам найти бесплатную векторную графику, иллюстрации, иконки, PSD и фотографии для использования на сайтах, баннерах, презентациях, журналах. На сайте есть в том числе и платные премиум-иллюстрации.
  • https://www.flaticon.com/ более 400 000 иконок на самые разные темы. Есть встроенный редактор иконок по цвету, размеру. В довесок есть и платные качественные иконки.
  • https://icons8.com/ 55 000 иконок в стиле Flat. Иконки формата png бесплатны, за формат svg нужно заплатить.
  • http://dbfreebies.co/ на сайте отобраны лучшие бесплатные работы с behance и dribbble. Среди них дизайнерские шрифты, иконки, PSD-шаблоны и мокапы, которые используются для презентаций своего дизайна на пустом макете продукта.
  • https://www.toptal.com/designers/subtlepatterns/ большое количество аккуратных фонов для сайта. Есть возможность посмотреть на фон «в работе» перед скачиванием.
  • http://www.heropatterns.com/ небольшой сайт с паттернами и фонами в svg формате от дизайнера Стива Сёргера. Есть удобный редактор цвета, формата и размера узора. Все паттерны Стив предоставляет бесплатно.
  • https://freevectormaps.com/ сайт полностью посвященный векторным картам в разных стилях и техниках. От больших карт Мира до карт мелких островов.
  • https://freebiesbug.com/ бесплатные иллюстрации, шрифты и PSD от популярных дизайнеров.
  • http://www.fribbble.com/ бесплатные PSD-файлы и другие бесплатные дизайнерские ресурсы от Dribbble.
  • https://www.mockupworld.co/ источник бесплатных фотореалистичных мокапов для презентаций, кейсов.
  • http://fontello.com/ большое количество иконок хорошего качества в формате svg, есть возможность генерации шрифта из иконок.
  • http://perfecticons.com/ генератор иконок социальных сетей онлайн.
  • https://thenounproject.com/ на сайте почти миллион дизайнерских иконок формата png и svg. Есть редактор иконок перед скачиванием.
  • http://www.endlessicons.com/ бесплатная библиотека плоских и контурных иконок.
  • http://fontawesome.io/ шрифт, генерирующий иконки.
  • http://pixelmap.amcharts.com/ генератор карты в аккуратные пиксели. Получившееся изображение можно скачать в формате svg, html, png.
  • https://www.iconfinder.com/free_icons/ бесплатные коллекции иконок в разных стилях.



Подбор цветовой схемы и палитры

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

  • https://color.adobe.com/ один из самых популярных помощников по подбору цветовой схемы. Есть возможность сохранять свои палитры и смотреть палитры других дизайнеров.
  • https://colorscheme.ru/ удобный инструмент для веб-дизайнера. Помогает не только определиться с цветом сайта, но и посмотреть выбранное сочетание на сайте-примере.
  • http://bootflat.github.io/color-picker.html подборка контрастных цветов для проектов в стиле Flat.
  • https://uigradients.com/ на сайте собраны самые модные и приятные градиенты для ваших проектов.
  • https://dribbble.com/colors/9cf4df?percent=30 у сайта dribbble.com так же есть фильтр по цвету работ. Можно выбрать подходящий цвет из палитры и посмотреть сочетания в работе популярных дизайнеров.
  • http://discovercolor.ru/ удобный сайт с приятными фотографиями, разбитыми на цветовые палитры.
  • https://brandcolors.net/ самая большая коллекция официальных цветов популярных мировых брендов.
  • https://chrome.google.com/webstore/detail/eye-drop... удобный определитель цвета для браузера Google Chrome (перед использованием требуется установка).
  • http://www.0to255.com/ сайт для подбора более светлых и темных оттенков одного цвета. Очень удобен для создания градиентов и hover-эффектов.
  • https://www.materialpalette.com/ генерация палитр в стиле material design.
  • https://coolors.co/ супербыстрый и бесплатный генератор цветовых схем.



Бесплатная типографика

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

  • https://fonts.google.com/ бесплатные шрифты от Google.
  • https://www.canva.com/font-combinations/ бесплатный поиск шрифтовых комбинаций для вашего дизайна.
  • http://fishtext.ru/ генератор рыботекста для незаконченных шаблонов или других ваших проектов.
  • http://allfont.ru/cyrillic/ большая коллекция кириллических шрифтов (не все лицензии подходят для коммерческого использования).
  • http://typespiration.com/ бесплатный подбор вдохновляющих шрифтовых комбинаций. Увы, не все шрифты доступны в кириллице.

Hover-эффекты, анимация и живые фоны


Возможно, у кого-то возник вопрос: зачем здесь информация для front-end разработчиков? Но выбрать правильный hover-эффект или анимацию задача дизайнера. Знания html и css еще ни одному веб-дизайнеру не навредили и быть в курсе новинок в стезе верстки его прямая обязанность. В этом помогут приведенные ниже сервисы и не обязательно изобретать велосипед. Вдохновляйтесь тем, что уже есть, и применяйте это в своей работе.

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

РР°РРµСС