Создавать интерфейсы
Размещать элементы, работать со стилями и сетками.
Веб-дизайн в Figma
Мини-курс ProductStar для начинающих веб- и UX/UI-дизайнеров: интерфейсы в Figma, компоненты, адаптивные макеты и интерактивные прототипы.
Курс в деталях
- Школа
- ProductStar
- Формат
- Онлайн
- Длительность
- 2 месяцаПродолжительность мини-курса по данным школы.
- Уровень входа
- Новичкам
- Доступ к материалам
- 1 год
Кому подойдёт курс
| Кому подойдёт | Чем поможет курс |
|---|---|
| Начинающим веб-дизайнерам | Курс начинается с интерфейса Figma и основных инструментов, затем переходит к стилям, композиции и созданию адаптивных экранов. |
| UX/UI-дизайнерам | В программе есть компоненты и библиотеки, анимация прототипов, командная работа и передача макетов разработчикам. |
| Дизайнерам цифровых продуктов | Можно систематизировать работу с сетками, цветом и типографикой, а также изучить ресурсы Figma Community и гайдлайны мобильных платформ. |
Чему вы научитесь
Делать адаптивные макеты
Использовать Constraints, компоненты и Auto Layout.
Прототипировать
Создавать интерактивные и анимированные прототипы.
Работать с библиотеками
Собирать компоненты и использовать дизайн-систему.
Передавать макеты
Подготавливать материалы для совместной работы.
Что входит в курс
Практические задания
Задания для применения изученного материала и отработки навыков.
Программа курса
Темы и разделы, которые входят в программу обучения.
01Знакомство с Figma
Интерфейс Figma, начало работы и основные инструменты для создания макетов.
02Работа с фигурами и инструментами
Настройка инструментов, фигуры, кривые, фотографии и визуальные эффекты в Figma.
03Создание дизайна интерфейса в Figma
Принципы дизайна интерфейса, размещение элементов, стили и использование плагинов.
04Constraints, Components, Auto layout
Constraints, компоненты и Auto Layout: адаптивные экраны, отступы и позиционирование.
05Варианты и библиотеки
Варианты компонентов, библиотеки и их использование при работе с дизайн-системой.
06Прототипирование и анимация
Создание интерактивных прототипов и анимация переходов и элементов интерфейса.
07Figma Community и FigmaJam
Figma Community и FigJam: ресурсы, публикация файлов и гайдлайны iOS и Android.
08Совместная работа и передача дизайна
Организация макетов для совместной работы и передача подготовленных материалов разработчикам.
09Колористика
Основы колористики, цветовые модели, сочетание оттенков и палитры интерфейса.
10Типографика
Классификация шрифтов, ключевые понятия типографики и её влияние на пользовательский опыт.
11Композиция и модульные сетки
Композиция, модульные сетки и выравнивание содержимого интерфейсных макетов.
12Иконографика: из чего состоит иконка
История иконографии, состав иконки и поиск визуального образа для интерфейса.
13Иконографика: рисуем иконки в Figma
Создание и организация иконок в Figma: размеры, библиотеки и упрощение работы.
Практика и проекты
Практические работы курса — какие задачи вы будете решать, какие кейсы и примеры разбирать.
Экраны и компоненты
Школа описывает создание интерфейсов, адаптивных экранов и библиотек компонентов в Figma.
Прототипы
В программе — создание интерактивных макетов и анимация прототипов.
Иконки
Заключительные уроки посвящены разработке и организации иконок в Figma.
Профессии, навыки и инструменты
Профессии
Профессии, с задачами которых знакомит программа курса.
Навыки
Навыки, на развитие которых направлена программа курса.
Программы и сервисы
Инструменты и методы по материалам школы; состав может зависеть от тарифа.
Эксперты программы
Состав экспертов и их участие в конкретной группе уточняйте у школы.
Стоимость и условия оплаты
- Стоимость обучения
- 14 990 ₽Сумма при оплате частями: 10 платежей по 1 499 ₽. Цена одним платежом уточняется. Данные от не указана.
- Ежемесячный платёж
- 1 499 ₽ / мес.Срок оплаты: 10 мес. Условия договора уточняйте в школе.
Частые вопросы
Кому подходит курс?
Школа адресует программу начинающим веб-дизайнерам и UX/UI-дизайнерам. Первые уроки посвящены интерфейсу Figma и основным инструментам.
Что изучают в Figma?
В программе есть фигуры, стили, компоненты, Auto Layout, адаптивные макеты, интерактивные прототипы и анимация.
Есть ли практика?
Школа заявляет более 40 часов теории и практики. В уроках описаны создание макетов, прототипов и иконок; условия проверки работ уточняйте.
Сколько длится доступ?
В карточке оплаты указан доступ к материалам на год. Продолжительность самой программы — два месяца.
Выдают ли сертификат?
В проверенных блоках страницы вид документа об окончании не назван. Уточните формат и условия непосредственно у ProductStar.
Сколько стоит курс?
В карточке показаны десять платежей по 1 499 ₽, всего 14 990 ₽ при оплате частями. Цену одним платежом уточняйте у школы.
Изучают ли мобильные интерфейсы?
В программе есть обзор гайдлайнов iOS и Android, а также адаптивных экранов. Глубину разработки мобильных интерфейсов уточняйте у школы.
Какие устройства нужны?
Для решения задач школа рекомендует ноутбук или компьютер; лекции и уроки можно смотреть с телефона. Технические требования уточняйте перед записью.
Записаться на курс
Перейдите на сайт ProductStar, чтобы узнать условия обучения на курсе «Веб-дизайн в Figma».
На сайт школыПохожие курсы
Другие программы для той же профессии или со схожими навыками и инструментами.
ProductStarПрофессия: UX/UI-дизайнер
Онлайн-программа ProductStar по UX/UI-дизайну: работа в Figma, проектирование веб- и мобильных интерфейсов, дизайн-системы, исследования пользователей и итоговый проект.
67 651 ₽
Цена одним платежом
2 088 ₽ / мес. · 36 мес.
SkillboxFigma с нуля до PRO
Макеты и интерактивные прототипы в Figma, организация артбордов и библиотеки стилей. Инструментальная подготовка для цифрового дизайна.
39 334 ₽Цена без скидки: 71 517 ₽
Стоимость курса
6 556 ₽ / мес.
Яндекс ПрактикумДизайн мобильных и кросс-платформенных приложений
Курс Яндекс Практикума рассчитан на дизайнеров с опытом. Участники проектируют мобильные интерфейсы и работают с дизайн-системами.
43 600 ₽
Стоимость курса
от 1 779 ₽ / мес. на 36 мес.
Что важно знать о курсе «Веб-дизайн в Figma»
Школа адресует курс начинающим веб- и UX/UI-дизайнерам. В тринадцати уроках изучают Figma, компоненты, адаптивные экраны, анимацию прототипов и основы визуального дизайна.
Школа указывает два месяца, более 40 часов теории и практики и год доступа к материалам. В опубликованной программе описаны работа над макетами и иконками; формат обратной связи и состав итоговой работы уточняйте.
Карточка показывает десять платежей по 1 499 ₽. Цена одним платежом и документ об окончании в проверенных блоках не определены; уточните действующие условия у ProductStar.
Что посмотреть дальше
ProductStar
Познакомьтесь со школой ProductStar, её программами и условиями обучения.
ОткрытьКурсы ProductStar
Сравните курсы ProductStar по программе, практике и условиям обучения, чтобы выбрать подходящий вариант.
ОткрытьВсе курсы
Сравните онлайн-курсы по программе, школе, стоимости и длительности. Найдите обучение для первых шагов или развития навыков и изучите условия перед записью.
Открыть