Взаимодействие с пользовательским интерфейсом в Framer Playground

Framer делает невероятно простым добавление сложных взаимодействий с пользователем в ваш прототип, выводя ваш дизайн и компоненты кода на новый уровень. Playground позволяет быстро тестировать новые концепции в новом редакторе кода приложения. Вы можете объединить текущий поток приложений с новыми компонентами кода, созданными в Playground.

Об этом курсе

Мой первый курс Framer X был сфокусирован на UI и инструментах дизайна, таких как векторные инструменты, создание значков, быстрое создание прототипов и создание вашей собственной системы дизайна.

В этом курсе мы узнаем, как создавать более сложные взаимодействия и анимацию пользовательского интерфейса с нуля, используя React Hooks, новый редактор в приложении, переопределения, элементы управления свойствами, общие цвета, варианты и многое другое. Вы будете создавать прототипы таких вещей, как регистрация пользователя, анимированные открытки, опыт входа в систему и интерактивная целевая страница. Мы будем использовать анимированные ресурсы с Lottie, создадим систему дизайна, создадим жесты, поработаем с API и соединим несколько экранов вместе, чтобы создать полноценное приложение.

Этот проект массивный, с примерами для достижения конкретных методов. Я делюсь всеми файлами дизайна и исходным кодом. Вы найдете начальный и конечный файл для каждого раздела курса.