High voltage button — анимация кнопки при наведении.
• Анимация стилизованная под электрический разряд.
#animate #button #prototype
Открыть в Figma
👨 Дизайн-телега
КАК СОЗДАВАТЬ ИНТЕРАКТИВНЫЕ ПРОТОТИПЫ В FIGMA 🚀
Хотите освоить создание интерактивных прототипов в Figma? Узнайте, как легко разрабатывать кнопки, прокрутку и поп-апы! 🌟
🔹 Настройки: Вкладка Prototype поможет вам настроить стиль и взаимодействия.
🔹 Кнопки: Не забудьте про кнопку «Назад» — просто добавьте взаимодействие!
🔹 Прокрутка: Задайте высоту фрейма больше экрана для плавной прокрутки.
🔹 Внутренние ссылки: Легко связывайте экраны, просто перетаскивая.
💬 Какой из элементов вам больше всего интересен? Делитесь в комментариях!
#Figma #Прототипы #ГрафическийДизайн #UX #UI
ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
One UI Design Kit.
• Полностью обновлённый набор, основанный на принципах дизайна Samsung One UI 7
• Включает компоненты для всех элементов интерфейса: от переключателей до текстов, ползунков и строк состояния
• Более 800 иконок для использования в вашем дизайне
• Обертки для кнопок и меню, упрощающие создание интерфейсов
• Контейнеры для удобного перетаскивания элементов в проект
• Прототип, демонстрирующий возможности набора дизайна
#oneui #designkit #uxui #prototype
Открыть в Figma
Виталий Чип (Ментор JC):
"У Павнишера появился новый челлендж.
В предыдущем не участвовал, потому что копил силы для этого.
Что для меня вообще значит участвовать?
Ебашить каждый день в 3D. Надоедает ли? Конечно. Как и всем. Такое же выгорание, как у других. Но когда доходишь до финала — ты понимаешь, для чего эти силы были потрачены.
Самое сложное — это была симуляция ткани. Причём в больших масштабах.
Весюли на зданиях, разрывание кокона… Мне нужно было добиться ощущения массы. Чтобы ты смотрел на это и чувствовал: да, это монстр, он рвёт что-то плотное, тяжёлое, мокрое.
В коконе ещё была симуляция жидкости — она вытекает, добавляет ощущения липкости, плотности. Это всё дико усложнило задачу.
Симуляции делал в RealFlow.
А после — в Cinema уже гонял финальную симуляцию ткани кокона.
Анимации было очень много. Хотелось, чтобы каждый монстр двигался по-своему. Один ползёт по стене, другой прыгает по лианам, третий рвёт плоть.
Каждому — своё движение, своё поведение. Не хотел делать копипасту.
Когда закончил анимации, начал делать симуляцию пыли. Потому что — руины, город, постапокалипсис. Всё должно жить, дышать, оседать.
С главным персонажем тоже была заморочка.
Хотел эффект превращения рук, как в Prototype. Брал рефы из самой игры, из Arkane, из «Любовь, смерть и роботы».
Анимацию записывал с себя — снимал на видео, как двигаюсь, потом переносил это в сцену.
Скульптил руки отдельно. Делал под них отдельный риг, не привязанный к основному скелету. Констрейнил их к рукам персонажа, а появление на экране решал через поля и деформеры.
Чтобы всё выглядело цельно, запускал отдельную симуляцию куртки, как она рвётся, добавлял дым красного оттенка — чтобы маскировать косяки, скрывать технические щели. Мелочь, а решает.
В общем, каждый день на протяжении месяца, после своей основной работы (а она у меня с 9-10 утра до 12-1 ночи), я садился за арт.
Да, хотелось спать. Да, тело не тянет.
Но чтобы дойти до того, что у тебя в голове, приходится этим жертвовать.
И в итоге, я сделал именно тот арт, который видел.
Это стоило того."
Анимация кнопки.
Туториал по легкой анимации в Figma Prototype
Prototype Exporter — плагин экспортирует ваш прототип сделанный в Figma и позволяет открывать его в любом браузере и без подключения к интернету.
Mobile Apps – Prototyping Kit.
Используя этот набор, вы сможете вложить всю свою энергию и творческий потенциал в создание вашего продукта.
Открыть в figma 🔗
#Полезное
💚 Figma и точка
Prototype This! — плагин для создания анимированных презентаций прототипов
ДИЗАЙН С ЛЕГКОСТЬЮ: НОВЫЕ МЕТОДЫ UI ДИЗАЙНА
В статье Prototypr.io раскрываются два эффективных метода, помогающих создавать пользовательские интерфейсы с лёгкостью. 🌟
Первый метод — работать в обратном направлении, используя современные фреймворки, как React и Tailwind CSS. Это экономит время и усилия.
Второй метод — Mobbin, каталог лучших экранов и взаимодействий, который вдохновляет и упрощает процесс дизайна. 🖌️
#UIDesign #WebDesign #Prototyping #Mobbin #Creativity
ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
Анимация в фигме
Шаг 1. Создаем круг, растягиваем его, делаем градиент (linear), размываем (layer blur-200)
Шаг 2. Дублируем фигуру, удерживая alt либо с помощью CTRL+D, делаем другого цвета
Шаг 3. Создаем frame телефона, делаем их 4 штуки
Шаг 4. Вставляем во frame наши фигуры, но в каждом меняем расположение
Шаг 5. Берем наш первый телефон, нажимаем на prototype, стрелочку направляем в сторону другого телефона. Настройки:
after delay 1ms-smart animate
Шаг 6. Нажимаем play и радуемся
Mobile Apps – Prototyping Kit.
Используя этот набор, вы сможете вложить всю свою энергию и творческий потенциал в создание вашего продукта.
Открыть в figma 🔗
#Полезное
🖥 Веб дизайн в Figma
#Course #DesignCode #Prototype #Figma #Design #iOS #AI #UI
DesignCode - Design and Prototype for iOS 18
Design and Prototype for iOS 18 is an immersive course that equips you with the skills to create stunning, user-friendly mobile applications. From mastering Figma to understanding iOS 18's latest design principles, you'll learn to craft two real-world apps - a Car Control interface and an AI assistant.
@iReponline
⬆️ ВАКАНСИЯ-ТАЙМ ⬆️
(давненько не было да? ^^)
___________________
Всем привет!
Мы - Ciliz, разработчик игр и приложений для социальных сетей и мобильных устройств.
Мы ищем Senior UI/UX Designer на наш флагманский проект, посвященный общению и знакомствам с аудиторией более 100 млн пользователей.
✨Задачи:
- проектирование и прототипирование интуитивно понятных и функциональных интерфейсов;
- создание графического материала, отрисовка элементов интерфейса, иконок;
- аудит и оптимизация существующих интерфейсов;
- развитие UI/UX Kit.
✨Для нас важны:
- опыт работы в роли UI/UX дизайнера приложений от 3-х лет;
- средний/высокий навык 2D (Adobe Illustrator и Photoshop);
- средний/высокий уровень UI Prototype (Figma или аналоги);
- умение выстраивать эффективную коммуникацию со смежными направлениями.
✨Мы предлагаем:
- официальное оформление;
- отличное железо, ДМС со стоматологией, компенсацию мед.расходов для тех, кто не в РФ, курсы английского, компенсацию программ обучения и развития.
Мы готовы предложить полностью удалённое сотрудничество!
Ждем твоего отклика @MarinaSerketti
#вакансия #работа #remote
______________
Вакансия. Рекламный пост
