Как научиться работать в Figma: курс о том, как устроен макет интерфейса
Фреймы и сетки, шрифтовая шкала, цвет и переменные, auto layout, адаптив, компоненты и варианты, прототип и передача макета в разработку.
На платформе новый курс — «Figma: интерфейсы и макеты». Он о том, как собрать экран сайта или приложения так, чтобы его было легко менять и можно было передать в разработку без догадок. Курс для начинающих дизайнеров, для менеджеров и маркетологов, которые сами делают макеты, и для разработчиков, которым макеты присылают.
Не меню, а устройство макета
Большинство уроков по редактору учат, где какая кнопка. Этот курс — о другом: почему кнопка растёт вместе с текстом, как одна правка цвета меняет сто экранов, чем компонент отличается от копии и почему макет, нарисованный «на глаз», разваливается при первой правке. Кнопки программы со временем меняются, а устройство макета — фреймы, сетка, стили, раскладка, компоненты — остаётся тем же.
Каждый урок заканчивается проверкой, которую можно сделать самому: растянуть блок и посмотреть, что поехало, вставить в карточку самое длинное название, переключить тему и найти слои, покрашенные мимо переменных.
Что внутри
- что такое макет — файл, страницы, фреймы и слои;
- фреймы и сетки — размеры экранов, колонки и шаг 8;
- типографика — шкала размеров, интерлиньяж и стили;
- цвет — палитра, переменные, контраст и тёмная тема;
- auto layout — блоки, которые подстраиваются сами;
- растягивание — ограничения, min и max, адаптив;
- компоненты и варианты — один образец и все его состояния;
- прототип — связи, переходы и проверка на людях;
- передача в разработку — выгрузка, пометки и список проверки.
Три подачи
Курс можно проходить в подаче «Начинающий дизайнер», «Менеджер и маркетолог» или «Разработчик»: устройство макета одно, а взгляд разный — как собрать, как принять и заказать, как прочитать и сверстать. В каждом уроке — практика в тексте, домашняя работа и возвращения через 2, 7 и 30 дней; в конце уровня — контрольная и сертификат. Курс с погружением бесплатный целиком, а первый урок открыт без регистрации.
Ещё в блоге
Нейросеть в офисе: бесплатный курс с погружением в письма, протоколы и отчёты без выдумок
Как писать задание нейросети, готовить письма, протоколы, отчёты и регламенты, работать с формулами, проверять результат и не отдавать закрытые данные. Бесплатно.
Как не попасться мошенникам: бесплатный курс с погружением в кибергигиену
Звонки «из банка», коды из СМС, поддельные сайты, пароли и двухфакторная защита — и что делать, если деньги или аккаунт уже увели. Бесплатно.
JOIN в SQL простыми словами: INNER и LEFT JOIN с примерами
Как соединить две таблицы в SQL: чем INNER JOIN отличается от LEFT JOIN, зачем условие ON и три ошибки, из-за которых соединение тихо врёт.
Как выучить немецкий с нуля: курс со звуком — от чтения до первых разговоров
Правила чтения, sein и знакомство, der, die, das, порядок слов, числа и время, винительный падеж, модальные глаголы и Perfekt. Каждую фразу можно послушать.