ВидеокурсБыстрый старт в основы Framer.

Охватывает все основы для работы в инструменте.

Бесплатно.4 часа.YouTube.

Почему FramerНикаких N-инструментов.
Только Framer.

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

Иногда выйти из этого положения нам помогает команда разработчиков. Но обычно нам приходится заранее подготавливать макеты к тестированию какой-либо идеи, «рисовать» реальные данные и соединять это в кликабельный прототип в одном из многочисленных инструментов.

Этот процесс повторяется каждый раз и это отнимает время у всех: бизнес, руководители проектов, дизайнеры и разработчики.

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

Грустный смайлик

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

Задумчивый смайлик

Решение — Framer, в котором можно спроектировать отзывчивый интерфейс, тут же написать логику и анимацию для прототипа, а затем протестировать решение, используя аналитику.

Клёвый смайлик

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

Кодер смайлик

Вывод напрашивается следующий: вам нужно понимание того, как устроена «кухня» изнутри. После этого можно погрузиться в тему с головой и изучить js и react, но до того момента Framer — то, с чего стоит начинать.

Для кого курсUX/UI дизайнерам.

Сегодня работа над микровзаимодействиями, анимацией и реальными данными в приложениях и на сайтах — неотъемлемая часть задач дизайнера.

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

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

Ответы на все базовые вопросыПрограмма курса.

  • Ссылки ведут на YouTube
  • Откроются в новом окне
  • Ваше время: ~4 часа
  • Курс бесплатный
Введение2 мин 58 секИнтерфейс Framer10 мин 6 секОсновы Coffescript10 видео. ~40 минСлои. Свойства7 мин 11 секСлои. Стилизация9 мин 5 секИмпорт из Sketch6 мин 28 секАнимация. Свойства5 мин 50 секАнимация. Тайминг, кривые и повторы5 мин 43 секАнимация. Виды кривых5 мин 31 секСвойства по умолчанию2 мин 46 секСниппеты8 мин 13 секВспомогательные функции Utils5 мин 44 секСобытия. onTap11 мин 49 секОбъекты анимации и их цепочки7 мин 12 секСобытия. Drag10 мин 2 секСостояния13 минКомпоненты. Scroll13 мин 55 секКомпоненты. Page10 мин 22 секМодули и классы20 мин 54 секФинальный проект. Обзор макета3 мин 16 секФинальный проект. Настройка проекта5 мин 19 секФинальный проект. Создаём первые классы10 мин 9 секФинальный проект. Пишем функции для анимации5 мин 44 секФинальный проект. Экран Startup5 мин 28 секФинальный проект. Экран Account6 мин 50 секФинальный проект. Экран Home23 мин 58 секФинальный проект. Экран Profile2 мин 21 секФинальный проект. Работаем с Firebase17 мин 21 секФинальный проект. Аналитика4 мин 46 секЗаключение2 мин 8 сек

На чай или кофе :)Сказать спасибо

Если вам понравился курс и хочется как-то поблагодарить меня за труд, то сделать это можно написав мне отзыв на почту или в социальных сетях. Также вы можете купить мне кофе, если скините что не жалко на Яндекс.Деньги или Qiwi копилку. Ссылки откроются в новом окне.