Главная страницаКатегория другое (graphic)Прототипирование с Framer.js

Прототипирование с Framer.js

Name: Прототипирование с Framer.js
Rating: 4.6 (14 reviews)

UI Prototyping with Framer.js

frontendmasters

★4.6 (всего оценок - 14)

Продолжительность

4 ч 51 мин

Категория

Другое (Graphic)

Количество уроков

38 Видео

Дата добавления

20 февр. 2017 г., 00:00

Язык

Английский

Дата выхода

1 янв. 2017 г., 01:00

Дата обновления

8 янв. 2018 г., 13:22

Framer является мощным инструментом для прототипирования, который позволяет превратить статические мокапы в интерактивные прототипы и быстро экспериментировать с динамическими данными. Этот инструмент легко интегрируется с различными дизайнерскими решениями, позволяет гладко экспортировать контент на мобильные устройства и разработан с использованием современных веб-технологий, таких как Javascript. Используйте Framer Studio для разработки и создания адаптивных взаимодействий, изучайте передовые технологии анимации и прототипирования пользовательского интерфейса.

Преимущества использования Framer

Framer предлагает множество преимуществ при работе с прототипированием:

Гибкость: Позволяет легко взаимодействовать с другими дизайнерскими инструментами и интегрировать их в рабочий процесс.
Быстрый экспорт: Удобный экспорт на мобильные устройства облегчает тестирование и демонстрацию проектов.
Современные технологии: Построен на базе Javascript, что делает его мощным и адаптированным к современным веб-стандартам.
Расширяемость: Возможность создания сложных анимаций и взаимодействий для улучшения пользовательского интерфейса.

Как начать работу с Framer

Установка и настройка

Чтобы начать использовать Framer, необходимо установить Framer Studio. Этот процесс прост и не требует особых навыков программирования.

Загрузите и установите Framer Studio с официального сайта.
Изучите основные функции и инструменты, доступные в интерфейсе Framer.
Создайте свой первый проект и начните экспериментировать с прототипами.

Полезные ресурсы и поддержки

Для более глубокого погружения и изучения возможностей Framer, вы можете воспользоваться следующими ресурсами:

Официальная документация и учебные материалы Framer.
Онлайн-сообщества и форумы, где можно обмениваться опытом и задавать вопросы.
Видеоуроки на платформах, подобных Coursera и Udemy, которые предлагают структурированные курсы по Framer.

Удален по просьбе правообладателя

Урок 1.00:08:37
Intro & Agenda
Урок 2.00:07:03
UI Prototyping
Урок 3.00:06:52
Framer Examples
Урок 4.00:04:45
Under the Hood
Урок 5.00:07:11
Framer Studio Tour
Урок 6.00:01:10
Exercise 1: Ship a Framer Prototype
Урок 7.00:12:51
CoffeeScript Primer
Урок 8.00:12:59
Layers
Урок 9.00:12:59
Layer Properties
Урок 10.00:05:07
Layer Events
Урок 11.00:05:27
Code Structure
Урок 12.00:04:30
Exercise 2: Interacting with Layers
Урок 13.00:08:21
Animation Basics
Урок 14.00:09:19
Dragging & Scrolling
Урок 15.00:05:45
Video
Урок 16.00:06:45
Exercise 3: Material Response
Урок 17.00:02:59
Importing Overview
Урок 18.00:06:07
Importing from Photoshop
Урок 19.00:06:40
Importing from Sketch
Урок 20.00:08:33
Exercise 4: Prototype an App
Урок 21.00:09:26
Animation Objects
Урок 22.00:10:23
Bezier Animation Curves
Урок 23.00:10:21
Setting Defaults & Layer States
Урок 24.00:06:22
Sequencing & Cascading
Урок 25.00:05:00
Exercise 5: Animation Workshop
Урок 26.00:09:14
Exercise 5: Solution
Урок 27.00:06:37
Dynamism
Урок 28.00:12:37
Modulation
Урок 29.00:08:46
Resistance
Урок 30.00:04:49
Velocity
Урок 31.00:03:29
Thresholds
Урок 32.00:05:21
Exercise 6: Card Swipe UI
Урок 33.00:12:52
Exercise 6: Continued
Урок 34.00:04:47
Layers & HTML
Урок 35.00:06:12
Pulling in JSON
Урок 36.00:10:18
Using Firebase
Урок 37.00:08:01
Exercise 7: “Smart” Prototypes with Firebase
Урок 38.00:13:07
Wrap-up

Автор - frontendmasters

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+790

Комментарии