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

Вот посмотрите на 13 лучших из них, которые вы можете использовать.

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

Ключевая особенность

  • Иллюстрации Humaaans настраиваются (до предела). Веб-сайт определяет свои элементы дизайна как «Лего, сделанные из плоти... и векторы». Вы можете создавать собственные иллюстрации, вращая и перемещая различные элементы по своему усмотрению. Существуют варианты настройки причесок, типов одежды и позы, хотите ли вы, чтобы человек стоял или сидел.
  • Помимо дизайна людей, вы можете добавлять элементы к иллюстрации и создавать различные сцены, добавляя фоновые диаграммы, растения или других персонажей.
    • instagram viewer
  • Иллюстрации Humaaans бесплатны для личного и коммерческого использования.

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

Ключевая особенность

  • Иллюстрации из theme-ui сгруппированы по сценариям и уже сделаны в отличие от тех, что на сайте Humaaans. Вы можете найти нужный сценарий, а затем загрузить пакет иллюстраций.
  • Все иллюстрации из theme-ui можно использовать бесплатно в личных и коммерческих проектах.
  • Сайт предлагает возможность приобрести иллюстрации премиум-класса.

ManyPixels предлагает более 2500 бесплатных иллюстраций для вашего веб-сайта, поста в блоге, целевой страницы или другой цифровой графики.

Ключевая особенность

  • Все иллюстрации настраиваются по цвету, что упрощает создание целостного веб-сайта. Ты можешь создать цветовую палитру в Abobe Illustrator а затем найти подходящие иллюстрации в ManyPixels.
  • Иллюстрации доступны для поиска по категории или типу. Например, вы можете искать контурные иллюстрации в категории «Технологии».
  • Иллюстрации ManyPixels можно бесплатно использовать в личных и коммерческих проектах.

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

Ключевая особенность

  • Все иллюстрации доступны для скачивания в формате SVG.
  • Иллюстрации совместимы с Figma, Adobe XD и Sketch.
  • Вам разрешено изменять иллюстрации так, как вы хотите. Вы можете изменить цвета и вырезать некоторые части.
  • Иллюстрации бесплатны для личного и коммерческого использования.

Ой-иллюстрации — это модные 3D и векторные иллюстрации, созданные Icons8. Все персонажи нарисованы в плоском стиле. Иллюстрации очень выразительны, поэтому, если вы ищете дизайн с большой индивидуальностью, это то, что вам нужно!

Ключевая особенность

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

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

Ключевая особенность

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

Undraw предлагает бесплатные SVG-иллюстрации, соответствующие фирменному стилю вашего бренда. Иллюстрации в основном состоят из людей, занимающихся разными делами. По умолчанию иллюстрации выполнены в сине-черно-белой цветовой гамме.

Ключевая особенность

  • Иллюстрации Undraw настраиваются по цвету. Вы можете изменить цвет, выбрав нужный в правом верхнем углу веб-сайта.
  • Иллюстрации загружаются в форматах SVG или PNG.
  • Все иллюстрации бесплатны для личного и коммерческого использования.

Иллюстрации Charco — это набор из 16 иллюстраций ручной работы для веб-проектов и приложений. Файлы PNG бесплатны для личного и коммерческого использования. Однако для настройки иллюстраций необходимо приобрести PSD-файлы. Если у вас нет Adobe PhotoShop, вот полезный список других способы открытия файлов PSD.

Ключевая особенность

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

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

Ключевая особенность

  • Вы сами создаете иллюстрации. Веб-сайт предоставляет все элементы, и вы можете проявить творческий подход к ним.
  • Вы можете использовать Figma или Sketch для настройки упрямых иллюстраций.
  • Stubborn также предоставляет готовые к использованию платные пакеты иллюстраций.
  • Иллюстрации бесплатны для личного и коммерческого использования.

Open doodles — это библиотека бесплатных эскизных иллюстраций, созданных тем же человеком, который создал Humaaans, Пабло Стэнли. Если вам нужен более нарисованный от руки вид, используйте эту библиотеку.

Ключевая особенность

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

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

Ключевая особенность

  • Иллюстрации очень настраиваемые. Как уже упоминалось, вы можете импортировать иллюстрации в Figma и изменять их по своему усмотрению.
  • Все иллюстрации можно загрузить в виде файлов PNG, SVG, AI или EPS.
  • Это абсолютно бесплатно для личных и коммерческих проектов.

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

Ключевая особенность

  • Иллюстрации Interfacer созданы разными дизайнерами, поэтому все они выполнены в разном стиле.
  • Вы обнаружите, что иллюстрации размещены в разных местах, и вы будете перенаправлены, как только выберете нужный пакет.
  • Иллюстрации можно использовать бесплатно в личных и коммерческих проектах.

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

Украсьте свой сайт бесплатными иллюстрациями

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

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