Творческое задание 11. Figma: дизайн-проект
Требуемые условия завершения
Выполняется индивидуально.
Знакомство с Figma
Знакомство с Figma
Выбрать сценарий для прототипа. 3-5 шагов на паре экранов.
Попробовать подготовить 1 элемент интерфейса с 4-5 состояниями. Упор должен быть сделан на корректно организованную структуру компонента.
Определить полный перечень необходимых для реализации компонентов.
Подготовить необходимые компоненты и их состояния, где возможно.
Подготовить вариант дизайна для одного экрана.
Проработать финальный внешний вид и функционал всех реализуемых экранов.
Настроить стили. Необходимо все настроить таким образом, чтобы было легко вносить правки.
Настроить связи и переходы между экранами в прототипе в соответствии со сценарием (4-5 взаимодействий, 2-3 экрана).
Студенту загружать в ЛМС:
1) файл проекта ("сохранить как" в формате *.fig - название.fig),
2) гиперссылку на проект, гиперссылку на прототип,
3) презентацию пдф ТЗ_10+скриншоты и описание реализации проекта в Figma.
1) файл проекта ("сохранить как" в формате *.fig - название.fig),
2) гиперссылку на проект, гиперссылку на прототип,
3) презентацию пдф ТЗ_10+скриншоты и описание реализации проекта в Figma.
Видеозапись практик
Практика Figma_1 https://web.microsoftstream.com/video/286606e6-8eeb-4970-918a-fb2a3b9e5d41
Практика Figma_1 https://web.microsoftstream.com/video/286606e6-8eeb-4970-918a-fb2a3b9e5d41
Практика Figma_2+3 https://web.microsoftstream.com/video/320734c8-674d-48ef-8430-ed917731e065
Пример прототипа из практик https://www.figma.com/proto/84kW0MlHlIns6TqOqQddTF/%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D1%8B%D0%B9-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82?node-id=17%3A104&viewport=-1024%2C102%2C0.5159963965415955&scaling=scale-down
Пример проекта_экраны
- 11 октября 2020, 11:44