Тёмный

Анимация вращения в Figma // Смарт анимация // Первый экран сайта 

Maksym Marchenko
Подписаться 5 тыс.
Просмотров 8 тыс.
50% 1

В этом видео я покажу как анимация вращения в Figma может украсить первый экран сайта. При создании такого экрана я коснусь многих аспектов, включая подготовку background, подборку и подготовку референсов, создания прототипа. Буду использовать инструменты и возможности Figma.
00:03 Приветствие
00:20 План
01:02 Создание фона
03:05 Подбор референса
04:04 Обработка в фотошоп
09:44 Добавление текста
13:23 Меню с Autolayout
12:05 Кнопки
13:20 Создание иконок цвета
16:49 Создание переходов в прототипе
💥 Доступ к бесплатному модулю моего КУРСА по работе в Figma💥 - designhub.site/kurs-po-figma
✔️Формат курса - видеозаписи уроков.
✔️Доступ к курсу ограничения по времени не имеет.
✔️Вы так же будете иметь к доступ к обновлениям курса и материалам добавленных в будущем.
❗️По возникающим вопросам- всегда готов к диалогу😉
Присоединяйся к Telegram каналу с полезными плюшками:
🔷 Телеграмм канал - t.me/+vgusQPQwUQtlMmIy
📍📍📍 По вопросам индивидуального обучения пиши в Direct - t.me/maksmarchenko

Опубликовано:

 

22 фев 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 18   
@user-mm8be8hn2q
@user-mm8be8hn2q Год назад
Безупречно. Отличный вкус и очень полезный контент. Спасибо вам, добрый человек.
@user-jx1je8yd9f
@user-jx1je8yd9f 3 месяца назад
Хороший стиль, получился отличный дизайн. Спасибо очень полезное видео, будем повторять :)
@user-tj6eg7jd7n
@user-tj6eg7jd7n Год назад
ООО, спасибо, рада что нашла ваш канал
@arizonaarizona7760
@arizonaarizona7760 Год назад
Восхитительно! Все просто и понятно, но хотелось бы более подробно разобрать с видами анимации, для того что бы перемещение было более плавным и привлекательным.
@helgasheretovich5989
@helgasheretovich5989 Год назад
Спасибо! Очень доступно) ещё очень интересуют настройки анимации. Их много и не всегда понятно для чего они используются))
@SvetaNamikArt
@SvetaNamikArt 6 месяцев назад
Уже знаю чем займусь в свободное время 😮🎉😂спасибо😊
@user-on4hx9yi4e
@user-on4hx9yi4e Год назад
Доброго дня. Уроки дуже легкі і доступні навіть для новачків.Дуже хотілось би навчитись анімацію *Бегущая строка* якщо є урок в записі .
@design_HUB
@design_HUB Год назад
Дякую за відгук)) Планував зробити у форматі Shorts, але поки не дійшли руки) буду намагатись записати найближчим часом
@user-qn7im2zz7h
@user-qn7im2zz7h 11 месяцев назад
Добрий вечір, підкажи ,а як експортувати наприклад банер з анімацією з фігма?
@design_HUB
@design_HUB 11 месяцев назад
зробіть запис екрану, це найшвидший спосіб
@user-qn7im2zz7h
@user-qn7im2zz7h 11 месяцев назад
@@design_HUB Дякую
@elenabochelenkova5596
@elenabochelenkova5596 Год назад
Будь ласка, зніміть відео про варіанти.не можу розібратися.і можна відео по частіше?)
@design_HUB
@design_HUB Год назад
Ви вже всі відео передивились?)) нажаль не встигаю записувати відео частіше... Тему про варіанти я детально розібрав у одному з уроків свого курсу (посилання на курс під відео). Тема дійсно складна. Що саме у вас не виходить?
@elenabochelenkova5596
@elenabochelenkova5596 Год назад
@@design_HUB мабуть не все передивилася,тому що заходжу на Ваш канал і відео мало,але кожен день в сповіщеннях з'являється відео ,яке було випущено декілька місяців тому.Я щойно почала навчання і не можу зрозуміти смисл варіантів:це лише для того,щоб показати заказнику як ми можемо змінити, наприклад,кнопку чи це ми показуємо,що буде відбуватися з тією ж кнопкою при різних ситуаціях?і як робити,варіанти,спочатку в фрейм чи в группу?я ще пошукаю Ваші уроки на цю тему, може знайду
@design_HUB
@design_HUB Год назад
Вы одразу почали вивчати один з самих складних моментів у figma. Для вас, як для дизайнера, компоненти економлять час (не потрібно кожного разу робити налаштування елементу, а достатньо в пару кліків обрати потрібний варіант), також компоненти додаються до дизайн системи або Uikit та дають можливість підтримувати єдиний стиль та порядок у проекті всім учасникам, які працюють над ним. Компоненти бачить і розробник, бачить різні стани елементів... Замовникам більше цікавий кінцевий продукт. Одже компоненти це більше для вас)) а який порядок створення компонентів - залежить від потреб
@elenabochelenkova5596
@elenabochelenkova5596 Год назад
@@design_HUB дякую!)
@user-tj6eg7jd7n
@user-tj6eg7jd7n Год назад
С анимациями вообще беда, не понимаю)))
@design_HUB
@design_HUB Год назад
Понимаю, настройка анимации может иногда нервы пощекотать)) ну чтоб разобраться нужно много пробовать, повторять за видеоуроками и рано или поздно обязательно получится. Или ещё вариант - можем провести индивидуальное занятие. Покажу, расскажу, научу)
Далее
Which national team are you rooting for at Euro 2024?
00:17
Menu Animation in Figma
7:37
Просмотров 24 тыс.