Framer делает невероятно простым добавление сложных взаимодействий с пользователем в ваш прототип, выводя ваш дизайн и компоненты кода на новый уровень. Playground позволяет быстро тестировать новые концепции в новом редакторе кода приложения. Вы можете объединить текущий поток приложений с новыми компонентами кода, созданными в Playground.
Об этом курсе
Мой первый курс Framer X был сфокусирован на UI и инструментах дизайна, таких как векторные инструменты, создание значков, быстрое создание прототипов и создание вашей собственной системы дизайна.
В этом курсе мы узнаем, как создавать более сложные взаимодействия и анимацию пользовательского интерфейса с нуля, используя React Hooks, новый редактор в приложении, переопределения, элементы управления свойствами, общие цвета, варианты и многое другое. Вы будете создавать прототипы таких вещей, как регистрация пользователя, анимированные открытки, опыт входа в систему и интерактивная целевая страница. Мы будем использовать анимированные ресурсы с Lottie, создадим систему дизайна, создадим жесты, поработаем с API и соединим несколько экранов вместе, чтобы создать полноценное приложение.
Этот проект массивный, с примерами для достижения конкретных методов. Я делюсь всеми файлами дизайна и исходным кодом. Вы найдете начальный и конечный файл для каждого раздела курса.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
UI Interactions in Framer Playground,
а также все другие курсы, прямо сейчас!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Framer X делает огромный шаг в будущее. Это единственный инструмент проектирования, который позволяет создавать компоненты кода, которые можно использовать на реальном сайте React. Это может быть безумно полезно для вашей системы проектирования, не отключая дизайн от кода и не добавляя дополнительные слои между ними. Ваши компоненты Framer X могут быть единственным источником. Вы можете легко синхронизировать ваши компоненты React между Framer X
Framer является инструментом прототипирования, который позволяет превратить статические мокапы в интерактивные прототипы и быстро экспериментировать с динамическими данными. Он легко интегрируется с инструментами проектирования, гладко экспортируется на мобильные устройства, и разработан на языке современного Интернета - Javascript.
Используйте Framer студию для разработки и создания адаптивных взаимодействий, изучите передовые технологии анимаци
Ускоренная поездка в новую галактику творчества. Вы знакомы с HTML / CSS, но плохо знакомы с JavaScript или React? Этот курс специально для вас! Экономьте время! Изучайте только то, что важно.
designcode.io
