Цель курса:
•использовать современные методы создания дизайна сайта и приложений;
•проверять результаты на реальных устройствах;
•оптимизировать рабочие процессы с участием разных программ и приложений.
После окончания курса Вы будете уметь:
Успешное окончание курса Веб - дизайн. Визуальное оформление и верстка сайтов или эквивалентная подготовка
Модуль 1. Введение
•Современные подходы к созданию дизайна продуктов и приложений
•Обзор современных приложений и место их в процессе веб-разработки:
•Figma, Adobe XD, Sketch, Marvelapp, Invision, Principle, Framer…
•Типовые рабочие процессы, возможности их оптимизации и унификации
Модуль 2. Создание интерактивного проекта в Figma
•Рабочий процесс в программе Figma. Создание аккаунта.
•Возможности платного и бесплатного использования
•Основы Figma, знакомство с интерфейсом
•Создание фреймов, настройка сеток макета
•Импорт элементов из Sketch и Illustrator
•Работа с формой и цветом объектов
•Работа с текстовым и графическим наполнением
•Использование компонентов, вопросы унификации
•Настройка Constrain для адаптации макета под разные размеры устройств
•Режим прототипирования, настройка интерактивного взаимодействия
•Возможности просмотра результатов на устройстве
•Возможности групповой работы
•Практическая работа: Создание интерактивного приложения
Модуль 3. Использование Invision Studio
•Назначение Invision, место в рабочем процессе
•Создание аккаунта в Invision, установка и настройка
•Импорт проекта из Sketch и Photoshop
•Создание интерактивных переходов, возможности интерактивного взаимодействия
•Возможности просмотра результатов на устройстве
•Возможности групповой работы
•Практическая работа: Создание интерактивного проекта
Модуль 4. Взаимодействие между сервисами
•Решение проблем взаимодействия между сервисами