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

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

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

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

Просто брать из поиска Google бесплатные картинки, шрифты и иконки для сайта нельзя — точнее, можно, но только нажав вкладку Картинки — Инструменты — Права использования — Лицензии Creative Commons. Проще обратиться к бесплатным фотостокам.

  • Unsplash — один из самых популярных в мире фотостоков с огромным количеством бесплатных картинок. Их можно использовать на своем сайте, и они предлагаются в хорошем разрешении. На сайте около 3,5 млн изображений разной тематики. В лицензионном соглашении Unsplash подчеркивается, что они работают только с бесплатными фотографиями, их нельзя продавать.
  • picjumbo — авторский фотосток, основанный в 2013 году дизайнером и фотографом, для таких же дизайнеров как он. Автор сайта утверждает, что фотографии можно скачать бесплатно и использовать для любых целей, включая разработку приложений и сайтов. Единственный запрет — перепродажа и публикация на других фотостоках.
  • Gratisography — не просто фотосток, а коллекция необычных, оригинальных и смешных авторских картинок. Если нужны именно такие, этот сток станет идеальным решением. Он и сам себя так позиционирует: «Действительно необычные. Чаще всего эксцентричные ;) И всегда бесплатные».
  • Есть и другие — Pexels и Iso Republic, на которых есть и видеоклипы тоже, а также уникальный New Old Stock с коллекцией винтажных картинок для сайта бесплатно. Поиск у него находится вверху слева.

    Бесплатные шрифты

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

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

  • Google Fonts — бесспорная классика с сотнями шрифтов на более чем 135 языках. Они организованы в зависимости от популярности и трендов. Сверху есть удобный фильтр, помогающий подобрать вариант для любых нужд: по толщине, отсутствию или наличию засечек, языку.
  • Facefont — коллекция в том числе бесплатных русских шрифтов для сайта на кириллице, без чего русскоязычному проекту не обойтись. Их довольно много, и они распределены по категориям вроде «брендовые», «комические», «восточные», что помогает быстро подобрать вариант под приложение.
  • Fontstorage — этот ресурс был русскоязычным, но в какой-то момент стал обращаться в большей степени к иностранной аудитории. Впрочем, в коллекции осталась масса интересных и полезных кириллических шрифтов. Фильтр позволяет сразу настроить в поиске русский алфавит.
  • Behance — ресурс для поиска дизайнерских шрифтов, созданных умелыми руками художников-фрилансеров. Среди них есть бесплатные в приличном количестве. Если хочется блеснуть оригинальностью, этот сток станет лучшим решением.
  • И это не все. Если в перечисленных выше стоках не нашлось ничего подходящего, можно попробовать DaFont, где в числе прочих есть рунические варианты и шрифты со средневековым вайбом. А для русскоязычного проекта — например, сайт Миши Панфилова, дизайнера, который предлагает бесплатно и без нарушения авторских прав некоторые из своих работ.

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

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

    Ресурсы с бесплатными иконками для сайта тоже существуют. Искать их не нужно — мы уже все нашли.

  • Tilda Icons — вам повезло, если проект вы разрабатываете на Tilda, потому что у конструктора есть встроенный поиск бесплатных иконок. Условием использования является указание места, откуда они были скачаны, в остальном ничего делать не нужно. Причем у Тильды уже есть готовые сеты по разным тематикам.
  • Хотите узнать больше о разработке на Tilda и других зерокодинговых конструкторах веб-сайтов? Приглашаем на бесплатный двухдневный марафон по веб-разработке — понятно и подробно расскажем о том, как сделать проект без строчки кода!
  • Pixeden — ресурс в противовес Тильде, потому что он предлагает в том числе цветные и довольно детальные варианты в хорошем разрешении. Минимализм тоже в наличии — в том числе для панели задач на сайте.
  • Smashing Magazine — онлайн-журнал для веб-разработчиков и дизайнеров, который регулярно раздает сеты бесплатных иконок на все случаи жизни. Рождественские, с тематикой ковида, крупные и маленькие, нарисованные от руки… для ищущих оригинальности это идеальный ресурс.
  • Flaticon — одна из самых больших коллекций бесплатных иконок во всем интернете. Тут есть все форматы вроде jpg, png, svg, ico, а также шрифты для тех, кто предпочитает работать с иконками так. С недавних пор на Flaticon также появились стикеры.
  • Конечно, ресурсов с бесплатными иконками и символами больше: как и шрифты, их можно найти на Behance, на Iconmonstr с их роскошной коллекцией минималистической графики, на Icojam, где иконки преимущественно рисуются на продажу, но некоторые можно скачать бесплатно.

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

    У многих конструкторов сайтов и приложений, к которым относятся Webflow, Tilda, Bubble и Adalo, есть шаблоны оформления с фонами, бесплатными картинками, шрифтами и иконками для сайта. Они уже продуманы, сбалансированы и приятны глазу. Но если проект создается с нуля, с подбором верной цветовой палитры могут возникнуть проблемы — особенно для человека, который знаком с веб-дизайном посредственно.

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

  • Adobe Color — или генератор цветовых палитр от гиганта веб-дизайна Adobe. По своей сути это цветовой круг, позволяющий за пару минут создать приятное решение для сайта. Играть с ним можно бесконечно, экспериментируя с насыщенностью и другими параметрами.
  • Happy Hues — интерактивный веб-сайт, на котором при выборе конкретной палитры можно сразу посмотреть, как она будет смотреться на сайте. Он еще и образовательный, поскольку не просто выбирает, но и объясняет свой выбор.
  • Colordot — ресурс для выбора цвета. Чтобы использовать его, достаточно водить по экрану курсором. Как только цвет изменится на искомый, просто кликните мышью. Подойдет он не только для веб-разработки, но и, например, для выбора цвета стен в квартире.
  • Разработка — интересная часть зерокодинга, но как насчет кастомного дизайна? С этими инструментами и бесплатными ресурсами вы сможете создавать приложения с чистого листа и никогда не зададитесь вопросом, где брать нужное.