Анимация в Figma смотреть последние обновления за сегодня на .
В этом видео я буду создавать экран Landing Page и мне придется воспользоваться множеством функций для создания анимации в Figma, о которых буду рассказывать по ходу работы. Мне предстоит выстроить композицию, настроить правильно градиент в фигма, использовать Auto layout для создания кнопки входа, выстроить иерархию слоев, создать эффект матового прозрачного стекла, размывающего фон и перемещающегося во время анимации. Ну а собственно в анимации коснемся её гибких настроек и создадим прототип в Figma. 💥 Доступ к бесплатному модулю моего КУРСА по работе в Figma💥 - 🤍 ✔️Формат курса - видеозаписи уроков. ✔️Доступ к курсу ограничения по времени не имеет. ✔️Вы так же будете иметь к доступ к обновлениям курса и материалам добавленных в будущем. ❗️По возникающим вопросам- всегда готов к диалогу😉 Присоединяйся к Telegram каналу с полезными плюшками: 🔷 Телеграмм канал - 🤍 Плагин для удаления фона - 🤍 Плагин для подбора изображений - 🤍 Видео по работе с Auto layout в Figma - 🤍 Эффект стекла в Figma + Экран с карточкой товара - 🤍 Видео по работе с градиентами - 🤍 Пожертвовать 💰 Если вы хотите поддержать мой канал и убедиться, что я могу продолжать создавать бесплатный и доступный для всех контент, сделайте пожертвование, перейдя по ссылке 🔗 🤍 🔷 Телеграмм канал - 🤍
Научись создавать качественные интерфейсы на Курсе по UI UX Design: 🤍 Как сделать анимацию в фигме всего за 10 минут? В этом видео разберемся зачем нужна анимация и в каких случаях нужно прорабатывать интерактивные элементы в дизайн проектах. Зачем делать анимацию макета? 1. Презентация работы клиенту 💁♀️ Хорошая презентация убережет вас от недопонимания и снизит вероятность получения большого колоичества правок. 2. Передача проекта разработчику 🖥 При передаче передаче проекта программисту прилагайте интерактивный кликабельный прототип, который покажет все микроанимации, так будет всем понятно что задумал дизайнер. 3. Повыделываться 🤹♀️ Чем больше навыков вы будете иметь, тем выше ваша ценность как дизайнера, всегда стремитесь развиваться и преобретать новые знания и умения. На простом примере дизайна главного экрана в фигме можно сделать базовые привязки прототипирования, которые выведут твой проект на новый уровень Больше про UX дизайн у меня в Инстаграм: 🤍 подписывайся 💛 Заглядывай в телеграм комьюнити: 🤍 Ставь лайк 👍 этому видео и подписывайся на канал, здесь будет еще много полезного про UX дизайн! музыка в видео: Music from Uppbeat (free for Creators!): 🤍 License code: B7YUMXOZTJCOIJR5 #дизайнервпижаме #дизайнфриланс #дизайнеры #вебдизайнер #вебдизайн #дизайнблог #фрилансер #productdesigner #фриланс #продуктдизайнер #дизайнеры #дизайнui #uiux #uiuxдизайнеры #figma #figmaanimation #урокфигма #figmatutorial
Фигма дает нам возможность создавать различные типы анимаций, сегодня на уроке мы рассмотрим как создать анимацию в фигме по загрузке экрана, также этот эффект анимации может подойти для визуализации перехода между страницами. Заем вообще уделять время разработке анимации в проектах? - во первых это помогает улучшить пользовательский опыт, никто кроме вас не подумает об этом. - во вторых, презентовать проект клиенту и передавать разработчику с проработанной анимацией будет для вас огромным плюсом, так как не придется объяснять "на пальцах" - в третьих это значительно снижает возможность получения правок, так как показывает полное ваше осмысление и детальную проработку интерфейса. Анимация помогает визуализировать ваши идеи и прокачать навыки, как вы можете убедиться из урока сделать ее не составляет особого труда 💛 . Курс ПРОФЕССИЯ UI UX DESIGNER 🤍 Больше про UX дизайн у меня в Инстаграм: 🤍 подписывайся 💛 Заглядывай в телеграм комьюнити: 🤍 Ставь лайк 👍 этому видео и подписывайся на канал, здесь будет еще много полезного про UX дизайн! #дизайнервпижаме #дизайнфриланс #дизайнеры #вебдизайнер #вебдизайн #дизайнблог #фрилансер #productdesigner #фриланс #продуктдизайнер #дизайнеры #дизайнui #uiux #uiuxдизайнеры #figma #figmaanimation #урокфигма #figmatutorial #урокифигма #анимацияфигма #анимациявфигме
Подробное видео о прототипировании и анимации в Фигме. Смотрим как создать наиболее часто используемые в интерфейсном дизайне типы переходов и анимаций. Как обычно, идём от простого к сложному: от самых основ инструмента до относительно сложных примеров. В этом видео фокусируемся на "классическом" функционале для прототипирования Фигмы. В следующем видео рассмотрим в деталях недавно вышедший Smart Animate. Файл с примерами — 🤍
Мои дизайн ресурсы можно найти здесь 🤍 Поддержать канал или оформить подписку на расширенные уроки по Figma: 🤍 В сегодняшнем выпуске "Даша, как это сделано?" разберемся как создавать 3d анимацию текста в Figma. Спросить меня, как это сделано, можно в социальных сетях: Instagram 🤍 TikTok 🤍
Заказать сайт: inkedx.ru Телеграмм с полезными штуками для дизайнеров: 🤍 Мой инстаграм: 🤍 Ссылка на файл: 🤍 В этом видео я показываю как анимировать имитацию лайка, нажатия кнопки и загрузки страницы/картинки/итд в приложении figma при помощи функции smart animate Есть вопросы? Пиши в комменты или мне в личку в инстаграм :)
💎 Курс "UX/UI-Дизайн" - 🤍 ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - 🤍 ◾ Полноценный курс по веб-дизайну "Дизайноведение" - 🤍 ◾ Ведение рабочих профилей в Instagram "Инставедение" - 🤍 ◾ Менторство - 🤍 ◾ Магазин футболок для фрилансеров - filippovashop.ru ТАЙМКОДЫ: 00:00 - Привет! 00:35 - Вводные 01:46 - Движение, появление, увелечение 11:32 - Примеры интересных штук 12:40 - Пока! Самые полезные видео на канале: Кто такой веб-дизайнер - 🤍 Сколько зарабатывает веб-дизайнер - 🤍 Навыки веб-дизайнера - 🤍 Как стать веб-дизайнером - 🤍 Где учиться на веб-дизайнера - 🤍 Плюсы и минусы профессии - 🤍 Какой ноутбук выбрать - 🤍 Этапы рабочего процесса - 🤍 Кто такие UX/UI дизайнеры - 🤍 Ошибки начинающих - 🤍 🤍 Стили в веб-дизайне - 🤍 Сетки в веб-дизайне - 🤍 Адаптивный дизайн сайта - 🤍 Дизайн сайта в Figma - 🤍 Тренды в дизайне на 2021 год - 🤍 Как сделать портфолио - 🤍 Как рассчитать стоимость дизайна - 🤍 Как найти первого клиента - 🤍 Где меня найти: Instagram: 🤍 Instagram Filschool: 🤍 Страница Вконтакте: 🤍 Сайт веб-студии: 🤍 Портфолио студии: 🤍 #фигма #figma #вебдизайн #фигма #фотошоп #photoshop #дизайн #design #фриланс
#вебдизайн #анимации #prototype #figma #figmaanimate #animate #ui #ux #interface #mobiledesign #graphicdesign #figmatutorial #фигма #обучениедизайну #вебдизайнснуля
В этом видео вы увидите как можно сделать анимацию, а точнее зацикленную "Карусель" в Figma. Увидите как подготовить карточки и экраны для удобной и быстрой работы. Настроим переходы в прототипе. Узнаете как сделать любую анимацию беспрерывной. Приятного просмотра!)) 🎁 PDF - файл "Полезные ресурсы для дизайнера" - 🤍 💥 Доступ к бесплатному модулю моего КУРСА по работе в Figma💥 - 🤍 ✔️Формат курса - видеозаписи уроков. ✔️Доступ к курсу ограничения по времени не имеет. ✔️Вы так же будете иметь к доступ к обновлениям курса и материалам добавленных в будущем. ❗️По возникающим вопросам- всегда готов к диалогу😉 Присоединяйся к Telegram каналу с полезными плюшками: 🔷 Телеграмм канал - 🤍 Пожертвовать 💰 Если вы хотите поддержать мой канал и убедиться, что я могу продолжать создавать бесплатный и доступный для всех контент, сделайте пожертвование, перейдя по ссылке 🔗 🤍
Регистрируйся на бесплатный 7-дневный интенсив «UX/UI Start» по ссылке: 🤍 На интенсиве ты вместе с Ольгой Черновой создашь собственный дизайн-проект с нуля с проверкой домашних заданий от кураторов! ► Эффективный 7,5-месячный онлайн-курс «Профессия UX/UI-дизайнер» с помощью в трудоустройстве: 🤍 ✔️ В этом видео сооснователь Айтилогии - Ольга Чернова, расскажет вам, как анимировать простой дизайн в Figma с помощью Smart Animatе. Подпишитесь на канал Айтилогии, чтобы вовремя получать еще больше полезной информации! ► Онлайн-курс «Профессия UX/UI-дизайнер» с нуля до трудоустройства: 🤍 Следи за нами в соц. сетях: ✔️ Полезные посты про UX/UI-дизайн в инстаграме Айтилогии - 🤍 ✔️ Личный блог Ольги Черновой в инстаграме - 🤍 ✔️ Актуальная информации про UX/UI-дизайн в телеграме Айтилогии - 🤍 ✔️ Ценные знания про UX/UI-дизайн в сообществе Вконтакте Айтилогии - 🤍 ✔️ Узнать об онлайн-школе Айтилогия еще больше можно на сайте - 🤍 ✔️ Читайте интервью об успехах наших выпускников - 🤍
Поддержать канал: 🤍 Мой инстаграм: 🤍 Ссылка на файл: 🤍 Behance: 🤍 Dribbble: 🤍
В этом видео я покажу, как создать анимацию при скролле в Figma. Вы узнаете, как использовать функцию "Смарт анимация" (Smart Animate) для создания интересных эффектов при прокрутке страницы. Я также покажу, как создавать прототипы в Figma с помощью этих анимаций и как их настраивать. Мы начнем с базовых настроек и подготовки макета в Figma, а затем перейдем к созданию анимации при скролле. Я расскажу о различных типах анимаций и покажу, как настроить параметры для каждого из них. Вы узнаете, как создавать плавную анимацию и как настроить ее скорость и задержку. Вы узнаете как создать набор компонентов (Component set). Расскажу как работает смарт анимация и случаи, когда она может работать неправильно. Для создания анимации при скролле нужно будет испольльзовать прототип. Я покажу вам, как создать прототип в Figma и как связать блоки страницы с помощью созданных анимаций. Вы узнаете, как настроить тригеры (точки срабатывания) анимации в блоках и как настроить параметры анимации для каждой страницы. 💥 Доступ к бесплатному модулю моего КУРСА по работе в Figma💥 - 🤍 ✔️Формат курса - видеозаписи уроков. ✔️Доступ к курсу ограничения по времени не имеет. ✔️Вы так же будете иметь к доступ к обновлениям курса и материалам добавленных в будущем. ❗️По возникающим вопросам- всегда готов к диалогу😉 Присоединяйся к Telegram каналу с полезными плюшками: 🔷 Телеграмм канал - 🤍 📍📍📍 По вопросам индивидуального обучения пиши в Direct - 🤍
🔥🔥🔥 Гайд по UI/UX за подписку в Instagram! 1. Подписывайтесь на меня в Instagram 🤍im.poliakov 2. Пишите в ЛС «Хочу Гайд» 3. Бесплатно получите Пошаговое руководство «Как стать дизайнером интерфейсов и начать зарабатывать»: 🤍 🔥🔥🔥 Рассказываю как сделать анимацию в Figma на примере чекбокса, таба и кнопки. 📍 Навигация: 00:00 Вступление 00:12 Дизайн чекбокса 02:29 Анимация чекбокса 04:02 Дизайн табов 05:12 Анимация табов 06:25 Дизайн кнопки 08:19 Анимация кнопки 09:45 Завершение
#alexeybychkov #ityoutubersru #webdesign Наконец-то можно экспортировать анимации из фигмы напрямую, а не через запись экрана! Карта канала — 🤍 Файл со скриншотами для насмотренности: 🤍 Youtube — 🤍 ТикТок — 🤍 Rutube — 🤍 Дзен — 🤍 Инстаграм — 🤍 Телеграм — 🤍 Вконтакте — 🤍 Обучение — 🤍 Мои цитаты — 🤍 Мои 404 — 🤍y/ Хелп по Фигме — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Это видео о прототипировании и анимации в Фигме. В этом уроке мы разберем на новой функции Smart Animate, позволяющем создавать усложненные анимированные прототип. Сделаем красивый и кликабельный макет с Parallax эффектом. #figma #smartanimate #parallax
В этом видео, покажу вам как сделать 4 крутые анимации снайперов с помощью Smart animate в Figma, которые придадут WOW эффект вашим макетам. Разберем 4 примера довольно простых но эффектных приема. 👉 Бесплатный доступ к исходнику: 🤍 🎥 Другие полезные видео: 🤍 — Как добавить видео в Фигму? 3 крутых примера анимации видео галерей! 🤍 — 10 ЛАЙФХАКОВ по работе удалено и на фрилансе 🤍 — Микро анимации (smart animate) в Фигма / Custom spring 🤍 — Микро анимация (smart animate) в Фигме — создаем музыкальный плеер 🤍 — НЕОМОРФИЗМ (neumorphism) и анимация в Фигме! Создаем эффект объема с нуля! 🔗 Мои ссылки: Мой канал в телеге: 🤍 Курсы по веб-дизайну: 🤍 Студия: 🤍 Behance: 🤍 Twitter: 🤍 Портфолио по фото: 🤍 🎶 🤍 — лучший сервис по подбору музыки 📝 Содержание: 0:00 — интро 0:23 — слайдер №1 6:50 — слайдер №2 10:34 — слайдер №3 14:35 — слайдер №4 18:14 — финалка _ #Figma #FigmaTutorial #UXDesign #Webdesign
Поддержать канал: 🤍 Ссылка на цвета:🤍 Ссылка на смайлики: 🤍
Показываю как анимировать объекты на примере кредитных карт _ Мой курс по обучению веб-дизайну: 🤍
Telegram-канал, где я публикую дизайнерские "лайфхаки" чаще чем на YouTube: 🤍 Бесплатная видео-инструкция ”Как Устроиться Веб-Дизайнером” - 🤍 #figma #фигма #анимация Исходная версия скринкаста с процессом отрисовки этого макета и анимации: 🤍
Как пользоваться анимацией вариант в Figma? В этом видео рассмотрим, как сделать анимацию главного экрана: тексты и изображения 🔥 Данное видео является более подробной инструкцией, сделанной на основе нашего поста в нашем Инстаграм-аккаунте. НАШИ КОНТАКТЫ ➡️ Менеджер по работе со студентами (по вопросам обучения): 🤍 ➡️ Сайт со всеми обучающими курсами школы: 🤍 НАШИ СОЦ СЕТИ ⚡️ Инстаграм: 🤍 ⚡️ Телеграм: 🤍 ⚡️ Youtube: 🤍 На этом канале специалисты нашей студии делятся своим опытом, проводят дизайн-баттлы, живые вебинары и отвечают на вопросы подписчиков. #вебдизайн #анимация #дизайн
Обзор базовых функций плагина для анимации в Figma – Aninix. Бесплатная альтернатива AE для создания UI/UX анимации. Идеален для фанатов Figma и бывалых дизайнеров, но новичков в анимации. Подходит для: - анимации отдельных компонентов и показа функционала сайта и приложения; - создания моушн-дизайн систем; - передачи документации разработчикам в один клик; Скачать плагин можно здесь: 🤍 Обсуждения и вопросы можно найти в телеграм канале: 🤍 Дизайн из видео: 🤍
Заказать сайт: inkedx.ru Телеграмм с полезными штуками для дизайнеров: 🤍 Мой инстаграм: 🤍 Ссылка на файл: 🤍 В этом видео я показываю как делать простую анимацию в приложении figma при помощи функции smart animate Есть вопросы? Пиши в комменты или мне в личку в инстаграм :)
В этом видео я делаю подсветку для главного текста на экране, которая срабатывает при наведении на соответствующий текст. Для этого мне необходим набор компонентов (Component Set), маска слоя, градиент. В конечном результате получается очень крутой дизайн экрана и эффектная анимация. 💥 Доступ к бесплатному модулю моего КУРСА по работе в Figma💥 - 🤍 ✔️Формат курса - видеозаписи уроков. ✔️Доступ к курсу ограничения по времени не имеет. ✔️Вы так же будете иметь к доступ к обновлениям курса и материалам добавленных в будущем. ❗️По возникающим вопросам- всегда готов к диалогу😉 Присоединяйся к Telegram каналу с полезными плюшками: 🔷 Телеграмм канал - 🤍 Пожертвовать 💰 Если вы хотите поддержать мой канал и убедиться, что я могу продолжать создавать бесплатный и доступный для всех контент, сделайте пожертвование, перейдя по ссылке 🔗 🤍
В этом видео я покажу как анимация вращения в 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💥 - 🤍 ✔️Формат курса - видеозаписи уроков. ✔️Доступ к курсу ограничения по времени не имеет. ✔️Вы так же будете иметь к доступ к обновлениям курса и материалам добавленных в будущем. ❗️По возникающим вопросам- всегда готов к диалогу😉 Присоединяйся к Telegram каналу с полезными плюшками: 🔷 Телеграмм канал - 🤍 📍📍📍 По вопросам индивидуального обучения пиши в Direct - 🤍
#alexeybychkov #ityoutubersru #webdesign Дизайнер должен уметь не только кнопки нажимать, но и быстро находить нужную информацию! Расскажу как искать примеры дизайна блоков и анимации для верстальщика Файл со скриншотами для насмотренности: 🤍 ТикТок — 🤍 Rutube — 🤍 Дзен — 🤍 Инстаграм — 🤍 Телеграм — 🤍 Вконтакте — 🤍 Обучение — 🤍 Мои цитаты — 🤍 Мои 404 — 🤍y/ Хелп по Фигме — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 37 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
В этом видео посмотрим на новую смарт анимацию (smart animation) в Фигме, а именно режим "Custom Spring". Еще рассмотрим другие фишки, режимы и обновления в Figma. 👉 Бесплатный доступ к исходнику: 🤍 🎶 🤍 — лучший сервис для подборки музыки. Переходи по ссылке получи 30 дней бесплатной подписки! 🔗 Мои ссылки: Мой канал в телеге: 🤍 Курсы по веб-дизайну: 🤍 Студия: 🤍 Behance: 🤍 Dribbble: 🤍 Портфолио по фото: 🤍 📝 Содержание: 0:00 - интро 0:27 - погнали 4:54 - создаем второй фрейм 5:45 - новые настройки smart animate 6:53 - смотрим на результат 7:20 - тонкая настройка 7:47 - другие варианты анимаций 8:38 - концовка _ #Figma #FigmaTutorial #UXDesign #Webdesign
Plugin parallax для Figma Plugin link👇 🤍 Website👇 🤍 👇Instagram link 🤍 #figma #figmaplugins #figmadesign #figmatutorial #figmatips #web #webdesign #webdesigner #websitedesign #ui #uidesign #uiux #uiuxdesign #uxdesigntips #uxmotiondesign #animation #svg #svgfiles #parallax #parallaxfigma
#alexeybychkov #ityoutubersru #webdesign Коротыш по Фигме о том, как сделать прототип карты интереснее. Макет: 🤍 ТикТок — 🤍 Rutube — 🤍 Дзен — 🤍 Инстаграм — 🤍 Телеграм — 🤍 Вконтакте — 🤍 Обучение — 🤍 Мои цитаты — 🤍 Мои 404 — 🤍y/ Хелп по Фигме — 🤍 или 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 37 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Как сделать крутой переход в интерфейсе, сделать анимацию персонажа или иконки! Наука интерфейсов: 🤍 Наш Инстаграм - 🤍 Наш ТикТок - 🤍 Наш Телеграм - 🤍 Наш ВК - 🤍
#alexeybychkov #ityoutubersru #webdesign Как работают якорные ссылки? Посмотрим на реальных примерах варианты применения в Фигме: скрол страницы по высоте, анимация слайдера, анимированные метки на карте, а так же форма из нескольких шагов. Сравним с умными анимациями (smart animate). Прототипы в Фигме — 🤍 Параллакс эффект в Фигме — 🤍 Генератор Изингов — 🤍 Варианты липкой шапки — 🤍 Обучение — 🤍 0:00 - видео про прототипы 0:55 - якорные ссылки в Фигме 6:27 - как зафиксировать липкий хедер 11:45 - слайдер с помощью якорных ссылок 14:46 - анимация карты 17:52 - анимация формы в несколько шагов 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 Лицензия Creative Commons Attribution 4.0 на использование трека Jingle Bells (исполнитель: Kevin MacLeod): 🤍 Источник: 🤍 Исполнитель: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Вместе освоим модуль анимации в Figma и сделаем огненный (во всех смыслах) лоадер! База 400+ полезных материалов по дизайну в клубе для дизайнеров! ➡️ Записаться: 🤍 НАШИ КОНТАКТЫ ➡️ Менеджер по работе со студентами (по вопросам обучения): 🤍 ➡️ Сайт со всеми обучающими курсами школы: 🤍 НАШИ СОЦ СЕТИ ⚡️ Телеграм: 🤍 ⚡️ Youtube: 🤍 ⚡️ ВК: 🤍 #figma #вебдизайн #анимация