Мобильное приложение в Figma: музыкальный плеер

Программа урока

Теория

• Преимущества мобильного приложения в сравнении с сайтом
• Что такое нотификация?
• Почему мобильные приложения имеют высокую стоимость?
• Минусы создания мобильных приложений для дизайнера
• Гайдлайны от производителей при создании моб. приложений
• 2 вида гайдлайнов от производителей операционных систем
• Понятие Вайфрейм (Wireframes) на простом примере
• С чего начать работу над созданием моб. приложения?
• Что такое шаблоны восприятия и как они облегчают нам жизнь?
• Что такое контролы на Вайфрейме?
• Понятия «свайпуть» и «тапнуть»
• Логика сбора данных в приложении: окно авторизации
• Какие жесты мы можем использовать для программирования кнопок в Figma
• Что такое вилка на языке программистов?

Делаем вместе (по видео)

• Создание фрейма под размер айфона в Figma
• Оформление Вайфрейма страницы прослушивания трека в моб. приложении
• Добавление простейших фигур в Figma
• Как сгруппировать фигуры?
• Добавление элементов интерфейса с помощью плагина
• Пошаговая инструкция установки плагина в Figma
• Создание фрейма поиска информации в моб. приложении
• Активируем кнопки и тестируем прототип
• Создание и наполнение экрана кнопки «Лайк»
• Как добавить Ui-kit к странице с прослушиванием трека?
• Базовое, продвинутое и лидерское задание

Практика после урока