2 модуль
Продвинутые техники Figma
Задать вопрос
1 урок
37 минут
Функция auto layout
Разбираем основополагающую функцию фигмы – auto layout. С помощью этой функции ваши работы будут чище и легче
Домашнее задание
Пройти тренажер
Ссылки на материалы
Ссылка на тренажер
Отправить на проверку
2 урок
15 минут
Сетки и направляющие
Повторяем, что такое сетки, учимся применять их правильно. Знакомимся с направляющими
Домашнее задание
Пройти тренажер
Ссылки на материалы
Ссылка на тренажер
Отправить на проверку
3 урок
10 минут
Компоненты
Учимся создавать компоненты и понимать, для чего они нужны веб-дизайнеру. Понимая логику компонентов, работа будет быстрее
Домашнее задание
Пройти тренажер
Ссылки на материалы
Пройти тренажер
Отправить на проверку
4 урок
15 минут
Свойства компонентов
Продолжаем тему компонентов, углубляемся. Учимся делать компоненты редактируемыми
Домашнее задание
Пройти тренажер
Ссылки на материалы
Пройти тренажер
Отправить на проверку
5 урок
10 минут
Варианты
Еще одна тема, касающаяся компонентов. Учимся создавать варианты и понимать, для чего они в интерфейсе
Домашнее задание
Пройти тренажер
Ссылки на материалы
Пройти тренажер
Отправить на проверку
6 урок
5 минут
Фишки для ускорения работы
Фишки фигмы, которые вы сможете применять для ускорения работы
Домашнее задание
Пройти тренажер
Отправить на проверку
Практика
32 минуты
Главный экран и преимущества
Добавляем к первому экрану сетку, auto layout. Создаем первые компоненты и учимся понимать логику
Домашнее задание
Модифицируем созданный на первом модуле экран
Ссылки на материалы
Ссылка на фигму с экраном
Отправить на проверку
практика
18 минут
Отзывы
Продолжаем создание лендинга и учимся внедрять компоненты на примере карточек отзывов
Домашнее задание
Повторить экран или создать свой
Ссылки на материалы
Ссылка на фигму с экраном
Ссылка на сервис с изображениями
Ссылка на набор шрифтов
Ссылка на набор иконок
Отправить на проверку
практика
30 минут
Call to action и галерея
Создаем один из главных блоков и продолжаем учиться внедрять компоненты в интерфейс
Домашнее задание
Создать 1 экран сайта. Вы можете использоваться свои изображения, цвета и шрифты
Ссылки на материалы
Ссылка на фигму с экраном
Ссылка на сервис с изображениями
Ссылка на набор шрифтов
Ссылка на набор иконок
Отправить на проверку
практика
40 минут
Мобильная адаптация
Создаем мобильную адаптацию для лендинга и завершаем первый проект
Домашнее задание
Создать 1 экран сайта. Вы можете использоваться свои изображения, цвета и шрифты
Ссылки на материалы
Ссылка на фигму с экраном
Ссылка на сервис с изображениями
Ссылка на набор шрифтов
Ссылка на набор иконок
Отправить на проверку
Made on
Tilda