Делаем добро вместе Детальнее

Уроки Figma

8 уроков
Консультации
Урок #6 – Компоненты, прототипирование и маски

Урок #6 – Компоненты, прототипирование и маски

Зачастую в дизайне есть несколько повторяющихся объектов. За урок мы научимся применять технологию компонентов в таких случаях и дополнительно поговорим про методы отправки проекта заказчику.

Видеоурок

Компоненты Figma

При разработке большого дизайн проекта возникает множество повторяющихся блоков. Такие блоки удобно выделять в компоненты. В таком случае при изменении одного компонента сразу же меняются и все последующие во всех страницах. 


Для создания компонента необходимо выбрать объект и нажать на соответствующую кнопку в верхней панели:


 


Прототипирование

Перед отправкой проекта заказчику вам предстоит выполнить прототипирование. Это процесс в ходе которого указываются все активные части проекта и при определенном действии с ними ваш дизайн проект будет трансформироваться.


Указать все действия можно на соответствующей вкладке Prototype, что находится справа в боковой панели.

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение JavaScript для начинающих!
15 уроков
Уроки Vue.js для начинающих
10 уроков
Создание игр на Unity 5 | Для начинающих
9 уроков
Создание игры на Python 3 с PyGame
5 уроков
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Уроки React Native для начинающих / Разработка приложения с нуля
11 уроков
Комментарии для сайта Cackle