Поговорим о прекрасном. А что там с иллюстрациями?
Сегодня хотим рассказать не только про тренды в иллюстративной сфере, но поделиться полезными инструментами для быстрого и легкого создания иллюстраций. Материал подготовила наш арт-директор Ирина Каплунова. Для не дизайнеров от дизайнера с 🧡
1. Mesh-градиенты
Очень хайповая тема. Сейчас особое место в ней занимают не просто градиенты, а более сложные решения (Gradient Mesh). Помнится, когда только появился iPhone X, на его заставке стоял именно такой яркий и сложный градиент. Тогда меня зацепил этот визуал, я стала использовать подобные «цветовые пятна» в оформлении постов.
Вот несколько примеров использования сложных градиентов в вебе:
Где брать подобные градиенты?
Большая бесплатная коллекция трендовых градиентов. Можно использовать готовые решения, а можно включить воображение и немного поэкспериментировать.
Данный сервис дает возможность прямо в браузере добавлять большое количество цветов и задавать им положение. Это очень похоже на процесс смешивания красок на палитре.
Ничего не мешает вам забить в поисковую строку всеми любимого Freepik-а «mesh gradien» и получить огромное количество сложных градиентов.
2. 2d-иллюстрация
Чем дальше мы двигаемся, тем проще и абсурднее становится иллюстрация.
Где брать 2d-иллюстрации?
Очень удобный бесплатный сервис для быстрых иллюстраций. Можно сразу в браузере изменить цвета, заанимировать появление элементов, и скачать все это в svg-формате. Есть плагин для Figma 🧡
Бесплатные векторные иллюстрации на любой вкус и цвет. Есть удобный конструктор, в котором можно создавать собственные коллажи. Можно бесплатно загрузить результат в png.
Сервис напомнил игру «The Sims» — выбери прическу, одежду, аксессуары для своего персонажа. Есть как платные, так и бесплатные иллюстрации. Как и у Stoyset имеется плагин в Figma.
Быстрый сервис для создания векторных пятен, очень удобно, когда нет времени запускать иллюстратор.
3. Эмодзи
Эмодзи — универсальный язык. Самое полезное в смайликах — это то, что они усиливают оттенок текста, который может сначала показаться холодным или трудным для восприятия. Кажется, что к вам обращаются с благими намерениями, если в конце предложения стоит улыбка😊 или единорог🦄.
Примеры использования эмозди
Где взять эмодзи в хорошем качестве?
Например, тут alohe.github.io
Эмодзи в SVG-формате идеально подходят для проектов, поскольку это простой способ подкрепить эмоции, которые испытывают пользователи при посещении вашего сайта.
4. 3d
3d-становится все проще и доступнее, появляются бесплатные сервисы и библиотеки 3d-объектов.
Примеры использования 3d в вебе
Где брать 3d-объекты/иллюстрации?
«Make Your Projects Stand out!». Для бесплатного скачивания доступен только формат png без изменения цветов.
Очень необычные иконки, которые пересекаются с предыдущим трендом. Есть две версии рук — классические и «Веселые и дикие».
Большая коллекция изометрических иконок.
Более 30 крутых иллюстраций, которые периодически обновляются и дополняются.
Свежий, перспективный и очень простой трёхмерный редактор Spline.Design. Программа позиционируется как инструмент для создания 3d-сцен для веба. Всё, что вы создадите, можно моментально экспортировать в виде iframe-кода и вставить на сайт. Spline также поддерживает интерактивную анимацию. Ну и самый главный плюс — он очень легкий, компьютер не встает колом, это как фигма, но только для 3d (интерфейс, кстати, очень похож).
Спасибо, что дочитали, надеемся было полезно. Если хотите получать оповещения о выходе новых материалов подписывайтесь на наш дайджест.