Перейти к содержанию
foundaday
Сайт дня

Haikei: генератор SVG-фонов

Браузерный генератор фонов: волны, пятна-«блобы», low-poly, ступени, градиенты. Подстраиваете цвета и размер, жмёте кубик и экспортируете SVG или PNG.

Haikei: генератор SVG-фонов

Что это

Haikei — веб-приложение, которое генерирует абстрактные фоны и графику для дизайна. Внутри набор генераторов: слоистые и стопкой уложенные волны, пятна-«блобы», low-poly сетки, ступени, пики, символы, градиенты и не только. Выбираете генератор и размер холста, подставляете свои цвета, двигаете настройки — и нажимаете кнопку с кубиком, чтобы получить новый вариант в том же стиле. Результат выгружается в SVG или PNG. Интерфейс на английском, но он почти целиком из ползунков и превью.

Почему мы это выбрали

Такие фоны — волна под шапкой сайта, пятно за карточкой товара, обложка для поста — дизайнеры часто рисуют вручную или ищут на стоках. Haikei делает их за секунды и при этом не выдаёт одинаковое: каждый бросок кубика даёт уникальную форму. SVG остаётся редактируемым, его можно доработать в Figma или Illustrator или вставить прямо в код. Удобно, что есть готовые размеры холста под обложки, слайды и соцсети, и можно сравнить, как один и тот же генератор смотрится в разных форматах.

С чего начать

  • Генератор «Layered waves» — классические волны для разделителя секций на сайте.
  • «Blob scene» — мягкие пятна для фона карточек и баннеров.
  • «Low poly grid» — геометрия в духе старых обоев, но в своих цветах.
  • Задайте фирменные цвета и понажимайте кубик, пока не понравится.
  • Экспортируйте SVG, если будете дорабатывать, и PNG — если нужна готовая картинка.

Кому подойдёт

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

Коротко о главном

В каких форматах можно выгрузить? В SVG и PNG — так написано на сайте.

Нужно ли уметь рисовать? Нет: выбираете генератор, цвета и размер, а форму создаёт программа.

Можно ли дорабатывать результат? Да, SVG открывается в любом векторном редакторе.

В этом же выпуске

Похожие находки

Инстаграм дня
@malikafavreenВесь мир

Иллюстрации Малики Фавр

Французская иллюстратор Малика Фавр рисует плоскими цветами и игрой света и тени: минимум деталей, максимум выразительности. Среди её работ — обложки The New Yorker.