15 iridescent abstract 3d shapes by Maxim Kuznetsov
Здесь вас ждёт набор из 15 абстрактных шейпов для стилизации вашего дизайна.
📱Глянуть шейпы📱
#материалы
Recursos Gráficos
Эффект слипающихся шейпов.
Phase. Браузерный инструмент для создания интерфейсных и других шейповых анимаций. Отличается простым дружелюбным интерфейсом, который по концепции очень напоминает Figma.
Поддерживает импорт из Figma, командную работу, комментарии, а ещё хранит версии файлов. Результат можно экспортировать в виде Lottie, GIF или MP4.
На момент публикации доступно бесплатно. Позже обещают добавить платные тарифы.
#инструменты
Промпты для создания 3д форм by sketchyclass
Весёлый сайт для создания Blob'ов by tixrob.dsgn
Blob Sketch — тот самый сайт из видео, где вы можете создать различные милые шейпики.
#сервисы #лайфхак
Разрезанный текст в Figma by margo_odesign
Подборка бесплатных ресурсов
Attablob
Этот плагин поможет вам создавать анимированные абстрактные шейпы для самых разных задач
Install
🖼️ Figma Дизайн
🎯 Оживляем интерфейс с помощью Lottie-анимаций
Саша Гончаров из 2ГИС рассказал, как они добавляют анимации в картографическое приложение, сохраняя баланс между красотой и производительностью. Оказывается, при работе с интерфейсными анимациями нужно забыть 90% возможностей After Effects и научиться создавать магию с помощью простых шейпов и градиентов.
Главное правило, которое вывел автор: «дели на два». Если анимация кажется готовой, нужно уменьшить все эффекты вдвое. В интерфейсах классические принципы анимации работают не в полную силу, и то, что хорошо смотрится в рекламе или играх, будет раздражать при ежедневном использовании приложения.
Внутри:
– Почему из всех инструментов выбрали именно Lottie;
– Как различать утилитарные и эмоциональные сценарии анимации;
– Почему растровые изображения пришлось перерисовывать в векторы;
– Как один кадр анимации может занимать 20 мегабайт видеопамяти;
– Зачем нужны градиенты для создания иллюзии объёма и теней;
– Как сделать бесшовный переход между слайдами в онбординге.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Правильное скругление by mi_mi_milaa
Если мучаетесь с ровными краями своих шейпов, то просто зажмите клавишу S на клавиатуре
#illustrator #лайфхак
Geometric Shapes, Confetti Ornaments and Patterns
12 принципов создания успешной иконки
Иван Мешков подготовил базовый гайд для создания согласованного набора иконок в Figma. Он рассказал, как определить размер иконок, какими должны быть настройки у шейпов, как их хранить в библиотеке, и другие тонкости.
Несколько советов из статьи:
• Размер иконки обычно выбирают опираясь на базовую ячейку в проекте. Например, если она равна 4 px, то можно сделать иконку 24 × 24, а если 5 px, то уже 25 × 25
• Используйте одни и те же скругления. Если у вас внешний радиус 2 px, а внутренний — 1 px, то они должны быть такими во всех иконках набора
• Иконка не обязательно должна строго вписываться в охранные поля. Она может быть немного больше или меньше их. Главное — визуальный баланс, при котором иконки в наборе будут выглядеть равновесными
• После отрисовки шейпы иконки нужно объединить в один, с помощью функции Flatten. Затем в настройках Constraints выбрать Scale
• Называйте иконки по внешнему виду, а не по смыслу. Например, иконку «Избранное» с изображением сердца нужно назвать «heart»
#статья
Metallic 3D Objects by Lau Alt Design
Большой пак из более чем 100 абстрактных металлических шейпов и букв.
🔍Скачать пак🔍
#материалы
