Зачастую в дизайне есть несколько повторяющихся объектов. За урок мы научимся применять технологию компонентов в таких случаях и дополнительно поговорим про методы отправки проекта заказчику.
Компоненты Figma
При разработке большого дизайн проекта возникает множество повторяющихся блоков. Такие блоки удобно выделять в компоненты. В таком случае при изменении одного компонента сразу же меняются и все последующие во всех страницах.
Для создания компонента необходимо выбрать объект и нажать на соответствующую кнопку в верхней панели:
Прототипирование
Перед отправкой проекта заказчику вам предстоит выполнить прототипирование. Это процесс в ходе которого указываются все активные части проекта и при определенном действии с ними ваш дизайн проект будет трансформироваться.
Указать все действия можно на соответствующей вкладке Prototype, что находится справа в боковой панели.
Материалы для курса figma-components.zip
Задание к уроку
Выполните задание из прошлого модуля. К дизайну добавьте еще одну страницу с активным открытым выпадающим списком. Вторая страница должна выглядеть так:
Создайте прототипирование и укажите переход между страницами при нажатии на выпадающий список.
Пример переходов показан на видео ниже:
Большое задание по курсу
Задание рассчитано на весь видеокурс. Его необходимо выполнять по мере прохождения курса или по его окончанию.
В ходе большой работы вам предстоит разработать дизайн для основной страницы мобильного приложения. Дизайн не столь сложный, но при его выполнении постарайтесь максимально не использовать готовые иконки, а воссоздавать все самостоятельно.
Ниже вы можете посмотреть на пример дизайна, что вам необходимо реализовать:
