Skip to main content
SFEDU
  • Home
  • ЮРЦКОО ЮФУ
  • Проверить сертификат
  • More
English ‎(en)‎
Русский ‎(ru)‎ English ‎(en)‎
You are currently using guest access
Log in
SFEDU LMS
Home ЮРЦКОО ЮФУ Проверить сертификат
Expand all Collapse all
  1. Дизайн пользовательских интерфейсов (2к 2020-2021)
  2. Практики
  3. Творческое задание 11. Figma: дизайн-проект

Творческое задание 11. Figma: дизайн-проект

Completion requirements
Выполняется индивидуально.
Знакомство с Figma

  1. Выбрать сценарий для прототипа. 3-5 шагов на паре экранов.

  2. Попробовать подготовить 1 элемент интерфейса с 4-5 состояниями. Упор должен быть сделан на корректно организованную структуру компонента.

Работа с UI-китом
  1. Определить полный перечень необходимых для реализации компонентов.

  2. Подготовить необходимые компоненты и их состояния, где возможно.

  3. Подготовить вариант дизайна для одного экрана.

Проектирование дизайна
  1. Проработать финальный внешний вид и функционал всех реализуемых экранов.

  2. Настроить стили. Необходимо все настроить таким образом, чтобы было легко вносить правки.

Прототип
  1. Настроить связи и переходы между экранами в прототипе в соответствии со сценарием (4-5 взаимодействий, 2-3 экрана).

Студенту загружать в ЛМС:
1) файл проекта ("сохранить как" в формате *.fig - название.fig),
2) гиперссылку на проект, гиперссылку на прототип,
3) презентацию пдф ТЗ_10+скриншоты и описание реализации проекта в Figma.


Видеозапись практик
Практика 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

Пример проекта_экраны

  • Пример проекта_экраны.pdf Пример проекта_экраны.pdf
    11 October 2020, 11:44 AM
You are currently using guest access (Log in)
Data retention summary
Get the mobile app
Powered by Moodle