Web анимация (Emil Kowalski)

[ПРИВЕТИК]

Ссылка на картинку

Язык: английский
Как создавать анимацию, которая выглядит правильно?
Изучите теорию и практику создания великолепной анимации с помощью этого интерактивного обучающего курса.

Что, если бы вы знали, как именно создавать отличные анимации?
Если бы вы знали, из чего состоит хорошая анимация, вы бы понимали, какой тип замедления использовать, какой должна быть продолжительность, какие свойства нужно анимировать, чтобы сохранить производительность, и так далее.
Вы могли бы перестать гадать: «Сработает ли это смягчение?» или «Не слишком ли длинный этот переход?», потому что вы бы знали, что выбрали правильные ингредиенты.
И самое главное: вы сможете создавать анимацию, которая понравится вашим пользователям.

Интерактивное обучение, в ходе которого вы изучите
теорию и практику создания великолепных анимаций
«Анимация в Интернете» — это курс, на котором вы узнаете, как правильно выбирать анимацию и тайминг, как улучшить свой вкус, что такое пружинная анимация и многое другое.
Вы наконец-то начнёте быть уверенным в своём выборе, а не гадать, что может сработать.
И всё это на специально созданной платформе для этого курса.
После изучения теории мы перейдём к практике. Мы создадим много чего, и будет много упражнений, потому что именно так вы научитесь большему. После этих уроков вы будете точно знать, как создавать отличные и эффективные анимации с помощью CSS-анимации и Framer Motion.

Что ты получишь
Начиная с 4 базовых модулей и заканчивая пошаговыми инструкциями, вы
узнаете всё, что нужно для создания потрясающих анимаций в интернете.

Модуль 1. Заставляя это чувствовать себя правильно
Мы подробно рассмотрим теорию создания качественной анимации. Мы поговорим о вкусе, пружинящей анимации, тайминге, цели и многом другом. После этого модуля вы перестанете гадать. Вы будете точно знать, почему анимация выглядит плохо и как сделать ее лучше.

Модуль 2. CSS-анимация
Мы позаботимся о том, чтобы вы освоили основы CSS-анимации и знали, когда и как их использовать. Так вы сможете легко перейти на Framer Motion.
Вы узнаете о преобразованиях, переходах, анимации по ключевым кадрам и многом другом. Не только об основах, но и о реальных примерах и упражнениях, которые действительно вам помогут.

Модуль 3. Как использовать Framer Motion
Документация Framer Motion часто проходит удачный путь. Она охватывает простые анимации, которые отлично подходят для начинающих, но не дают вам большого представления о том, как создавать более сложные анимации или что делать, когда что-то ломается.
Поэтому в этой части мы создадим много чего. Мы рассмотрим основы, а затем быстро перейдём к более сложным анимациям, таким как всплывающее окно с отзывами ниже. Мы столкнёмся с проблемами и решим их, чтобы вы знали, что делать, когда сами столкнётесь с подобными проблемами.

Модуль 4. Хорошая анимация против Отличной
На данном этапе курса мы знаем, чем хорошая анимация отличается от плохой, и умеем их создавать. В этом модуле мы изучим теорию и практику на более глубоком уровне.
Мы поговорим о том, как с помощью анимации можно передавать чувства, о важности оркестровки, доступности и многом другом. После этого модуля вы будете знать, как превратить хорошую анимацию в отличную.

Пошаговые руководства
Это вторая часть курса, в которой вы увидите, как я создаю анимацию с нуля, а также узнаете, почему я принимаю те или иные решения.
Разница между компонентами, которые мы создаём здесь, и теми, что были в предыдущих модулях, заключается в том, что здесь я показываю вам свой точный мыслительный процесс. Мы начнём с того, что подумаем и обсудим анимацию, которую хотим создать, затем перейдём к коду, улучшим его и продолжим работу.

Вы также получите...
После регистрации на этом курсе вы также получите доступ к некоторым бонусным
функциям, которые помогут вам в работе над анимацией.

Показать больше