Smart Animate в Фигме. Делаем анимацию как в приложении Ozon

  Рет қаралды 9,449

Study Kvo. Обучение веб-дизайну и UX UI

Study Kvo. Обучение веб-дизайну и UX UI

Күн бұрын

Пікірлер: 63
@ФенрисГештальт
@ФенрисГештальт 2 жыл бұрын
Самый приятный и полезный канал для новичков. Спасибо за ваш труд
@study_kvo
@study_kvo 2 жыл бұрын
🙌🙌
@ktoto7146
@ktoto7146 11 ай бұрын
Спасибо огромное❤❤ Шикарный канал
@study_kvo
@study_kvo 11 ай бұрын
❤️❤️
@ОльгаБабичева-п4ю
@ОльгаБабичева-п4ю Жыл бұрын
Как по мне, это наилучшая подача материала. И под этими видео, по моей собственной статистике, должно стоять около 500 лайков. Не жлобитесь, коллеги!!
@study_kvo
@study_kvo Жыл бұрын
Спасибо 🥰❤️
@valentinalifanov9706
@valentinalifanov9706 Жыл бұрын
Рада, что когда то наткнулась на твой канал! Благодарю, за все полезные ролики! Сделайте, пожалуйста видео про крутилки и свистелки 😇❣
@pikaboo855
@pikaboo855 11 ай бұрын
Шикарно. Подробно и просто. Хочется разбор всех анимации на примерах и как их грамотно можно комбинировать ❤
@rina_kay12
@rina_kay12 Жыл бұрын
Так, это мой второй урок) Спасибище, очень понятно) Вчера мне понадобилось больше времени, сегодня уже быстрее все пошло и слои так красиво смотрятся)😍
@study_kvo
@study_kvo Жыл бұрын
Спасибо 🫶🫶
@Denizes_
@Denizes_ 2 жыл бұрын
Благодарю за видео! Сделайте, пожалуйста, видео про все крутилки и свистелки в прототипировании и смарт анимации)
@Aleksey2342
@Aleksey2342 2 жыл бұрын
Шикарный эффект! Очень интересны такие уроки!
@Ivan_Kostrov
@Ivan_Kostrov Жыл бұрын
Здравствуйте, отличное видео. Хотелось бы увидеть как это реализовывается по месту в самом макете, чтоб не отдельно
@3DLabMinsk
@3DLabMinsk Жыл бұрын
Привет, как в итоге добавить данную анимированную иконку в проект?
@study_kvo
@study_kvo 2 жыл бұрын
🔹 Study Kvo: - Проект из урока: design-figma.ru/md/youtube_files - Курс по веб-дизайну: sanya-kvo.ru/ - Курс по UX/UI дизайну: sanya-kvo.ru/uxui - Марафоны в ТГ: t.me/study_kvo - Марафоны в ВК: vk.com/study_kvo - Саня Кво в Инсте: instagram.com/sanya_kvo
@kaialien5064
@kaialien5064 2 жыл бұрын
ВОЛШЕБНИК
@dianakokorina
@dianakokorina 2 жыл бұрын
Полезно! Спасибо, Саша 🤩
@АленаДрозд-у5ш
@АленаДрозд-у5ш Жыл бұрын
Спасибо большое за Ваш труд! Обалденный урок!)
@study_kvo
@study_kvo Жыл бұрын
❤️❤️
@IGUXdesign
@IGUXdesign 2 жыл бұрын
Хочется еще такое видео с более сложными
@museimprovisation6506
@museimprovisation6506 2 жыл бұрын
очень ждем!!!
@study_kvo
@study_kvo 2 жыл бұрын
🙌🙌
@ostn.a
@ostn.a 2 жыл бұрын
четко и понятно, спасибо)
@ЕлизаветаРыжова-л1щ
@ЕлизаветаРыжова-л1щ 2 жыл бұрын
Отличный информационный урок, и After Effect не нужен ))) Половину рабочего дня уже смотрю ваши уроки, очень все доступно и понятно!!! Интересен вопрос экспорта анимации и ее зацикливание ( может в формате gif) и если анимация более сложная, как ее можно оптимизировать ?
@avmo333
@avmo333 8 ай бұрын
Спасибо❤
@zamazka827
@zamazka827 2 жыл бұрын
Нужно конечно)
@study_kvo
@study_kvo 2 жыл бұрын
🤝🤝
@Tanya_Pi
@Tanya_Pi 2 жыл бұрын
Очень нужно)
@ludav1424
@ludav1424 2 жыл бұрын
Большое спасибо! 🔥
@study_kvo
@study_kvo 2 жыл бұрын
❤️❤️
@Auferderzain
@Auferderzain 2 жыл бұрын
есть видео работа над базы данных сайта, хостинг, домен
@Fat_cat0
@Fat_cat0 2 жыл бұрын
Даешь большой видос про анимации!!! Почему то ссылка на проект не открывается , у меня у одного?
@СветланаСидорова-б2я
@СветланаСидорова-б2я Жыл бұрын
Привет! Спасибо за видео. :) Очень хочу смотреть ещё про анимацию.) Мой главный вопрос: это ж сколько должно быть фреймов, чтобы сделать прототип лэндинга, например? На элементах variants в помощь, но как быть в каруселями, которые должны работать не по горизонтальному скроллу, а по нажатию/перетягиванию (drag)? Нужно реально на каждый чих делать отдельный фрейм или можно организовать компактнее? В общем: очень интересно посмотреть, как выглядит рабочая поверхность с полностью анимированным прототипом. Люблю твой канал и подкаст ❤
@study_kvo
@study_kvo Жыл бұрын
Привет! Анимировать весь лендинг, как правило, не имеет смысла. Мы делаем анимацию либо для разработчика либо для портфолио. И там, и там достаточно показать какие-то отдельные моменты. Разработчику порой вообще можно объяснить на чужом примере или на словах))
@СветланаСидорова-б2я
@СветланаСидорова-б2я Жыл бұрын
@@study_kvo спасибо!
@Auferderzain
@Auferderzain 2 жыл бұрын
а что делать чтобы красный круг и иконка не появлялись одновременно, то есть сначала круг а потом иконка
@study_kvo
@study_kvo 2 жыл бұрын
Добавить в начале ещё один шаг, на котором будет появляться только круг, а затем уже иконка
@2nzzz
@2nzzz 2 жыл бұрын
У меня вопрос. Я хочу записаться на февральский куср по UI/UX. Там указана цена для участников марафона и остальных. Как стать участником марафона и получить скидку на курс?
@study_kvo
@study_kvo 2 жыл бұрын
Марафон будет проходить за 1-2 недели до начала курса. Перед началом будет анонс, например в Телеграме: t.me/study_kvo
@pirozhoque
@pirozhoque 2 жыл бұрын
В фигме пока 0, поэтому задаю вопрос. Как на практике эту анимацию внедрить в конкретный продукт?
@study_kvo
@study_kvo 2 жыл бұрын
Передать макет разработчику, чтобы он воспроизвёл анимацию по указанным параметрам
@pirozhoque
@pirozhoque 2 жыл бұрын
@@study_kvo получается мы в фигме как дизайнеры создаем прототип и после завершения своей части работы передаем разработчику?
@study_kvo
@study_kvo 2 жыл бұрын
Всё верно 👍 Он/она использует необходимые языки программирования для того, чтобы затем реализовать наш дизайн
@2nzzz
@2nzzz 2 жыл бұрын
спасибо! у меня был только один косяк, название эллипса на фреймах было разным и эффекта перехода не было, потом понял что названия эллипсов должны совпадать
@study_kvo
@study_kvo 2 жыл бұрын
🔥🔥
@ДарьяЗ-е9я
@ДарьяЗ-е9я 2 жыл бұрын
А марафон еще будет перед "Взлетом Х"?)
@study_kvo
@study_kvo 2 жыл бұрын
9 января будет 😼☺️
@nadejdamalih7680
@nadejdamalih7680 3 ай бұрын
КЛАССНО ЕЩЕ МОЖНО ПОДРОБНЕЙ НЕ ВСЕ ПОЛУЧАЕТСЯ У МЕНЯ В ФИГМЕ НОВЫЙ ИНТЕРФЕЙС ТЯЖЕЛО ОРИЕНТИРОВАТЬСЯ
@andreass1842
@andreass1842 Жыл бұрын
Почему в фигме так сложно делать анимации? Закодить анимацию любой сложности гораздо проще, что в UIKit, Android View или Framer Motion. Я даже не говорю про SwiftUI или Compose. Там это делается в одну строчку просто.
@study_kvo
@study_kvo Жыл бұрын
Это вы ещё в Фотошопе не анимировали 🌝
@andreass1842
@andreass1842 Жыл бұрын
@@study_kvo очень сложно?)
@akmal4479
@akmal4479 Жыл бұрын
1 секунда это 10 милисекунд)
@study_kvo
@study_kvo Жыл бұрын
А в 1 метре 10 миллиметров 🌝
@Ядизайнер-т7т
@Ядизайнер-т7т 2 жыл бұрын
Зачем увеличивать скорость звука?
@study_kvo
@study_kvo 2 жыл бұрын
Вы о чём?)
@Ядизайнер-т7т
@Ядизайнер-т7т 2 жыл бұрын
@@study_kvo Зачем так быстро говорить?
@study_kvo
@study_kvo 2 жыл бұрын
Чтобы экономить время зрителей. При необходимости можно регулировать скорость видео через шестерёнку в плеере.
@КаналВизитМузыГалиныСысоевой
@КаналВизитМузыГалиныСысоевой 2 жыл бұрын
*_Как -то быстро ты все говоришь. Не угнаться за твоим высказыванием.🤥_*
@study_kvo
@study_kvo 2 жыл бұрын
Попробуйте поставить скорость на 0,5 или 0,75 😉
@gen9ify
@gen9ify 2 жыл бұрын
это ты медленно слушаешь
@lakshmiuspeh91
@lakshmiuspeh91 2 жыл бұрын
@@study_kvo Я наоборот ускоряю до х2😆😅
@ihor_riabukha
@ihor_riabukha 2 жыл бұрын
Очень полезно. Спасибо 🤗
@study_kvo
@study_kvo 2 жыл бұрын
🙌🙌
⭐ 10 Отборных плагинов на примерах. Плагины Figma от подписчиков
20:20
Study Kvo. Обучение веб-дизайну и UX UI
Рет қаралды 31 М.
Топ-5 ошибок в типографике // Гость Study Kvo - Андрей Богданов
28:38
Study Kvo. Обучение веб-дизайну и UX UI
Рет қаралды 13 М.
Sigma girl VS Sigma Error girl 2  #shorts #sigma
0:27
Jin and Hattie
Рет қаралды 124 МЛН
요즘유행 찍는법
0:34
오마이비키 OMV
Рет қаралды 12 МЛН
Создаём эффектную анимацию в Figma | Анимация скролла страницы
17:15
Пижамная Академия Веб дизайна
Рет қаралды 9 М.
Как сделать мультик | Полный гайд с нуля до готовой анимации
11:18
Аниматор-прокрастинатор
Рет қаралды 10 М.
Как стать ДЕЙСТВИТЕЛЬНО хорошим программистом
7:35
Бинарный происк
Рет қаралды 172 М.
10 лайфхаков и секретов в Фигме, которые ускорят работу
12:55
Study Kvo. Обучение веб-дизайну и UX UI
Рет қаралды 9 М.
Сложная анимация в фигме за 15 минут. Веб-дизайн.
17:44
Prototyping and animation in Figma
29:47
Disarto
Рет қаралды 247 М.
⚡️Дождались! Плагин для экспорта анимаций из фигмы в .gif/mp4
5:03
Alexey Bychkov: веб-дизайн и фриланс
Рет қаралды 61 М.
Sigma girl VS Sigma Error girl 2  #shorts #sigma
0:27
Jin and Hattie
Рет қаралды 124 МЛН