Логотип КурсесТоп

Курсы Figma с нуля

7
по рейтингу

Онлайн курсы

Веб-дизайнер
Нетология
Рейтинг
4.95
Длительность
6 месяцев
Цена
67 800 ₽
Рассрочка
2 825 ₽
Выборы4 выбрали за сентябрь
Выборы4 выбрали за сентябрь
Трудоустройство
Стажировка
Гарантия возврата денег
Figma с нуля до PRO
Skillbox
Рейтинг
4.80
Длительность
2 месяца
Цена
57 396 ₽
Рассрочка
4 783 ₽
Выборы4 выбрали за сентябрь
Выборы4 выбрали за сентябрь
Лайфхаки от профессиональных дизайнеров
Обучение на практике
Выгодный
Профессия Веб-дизайнер (UX/UI)
Бруноям
Рейтинг
4.75
Длительность
5 месяцев
Цена
49 900 ₽
Рассрочка
4 158 ₽
Выборы3 выбрали за сентябрь
Выборы3 выбрали за сентябрь
Промокод на 15%
?
Актуальные знания
1 год поддержки наставника после обучения
Стажировка

Бесплатные курсы

Как стать дизайнером
Нетология
Рейтинг
4.30
Длительность
Цена
Бесплатно
ВыборыНовый курс!
ВыборыНовый курс!
Профессии в дизайне: как выбрать направление
Нетология
Рейтинг
4.10
Длительность
Цена
Бесплатно
ВыборыНовый курс!
ВыборыНовый курс!
Основы Figma
Нетология
Рейтинг
4.40
Длительность
Цена
Бесплатно
ВыборыНовый курс!
ВыборыНовый курс!
Выгодный
Обзор главных инструментов дизайнера
Нетология
Рейтинг
4.00
Длительность
Цена
Бесплатно
ВыборыНовый курс!
ВыборыНовый курс!

Figma онлайн обучение для начинающих

Веб-дизайнер

Веб-дизайнер

Нетология
Цена курса
67 800 ₽  27 200 ₽
В рассрочку
2 825 ₽
0 отзывов о курсе

За 6 месяцев научитесь разрабатывать дизайн-макеты в Figma и создавать полноценные сайты в Tilda. Сможете брать проекты и проходить собеседования уже через 3 месяца обучения
Длительность
6 месяцев
Сложность
С нуля
Документ об окончании
Диплом
Трудоустройство
Стажировка
Гарантия возврата денег

Кому подойдёт курс:

Тем, кто хочет освоить новую профессию с нуля

  • Получите все необходимые навыки для быстрого старта в веб-дизайне и начнёте формировать портфолио

Тем, кто хочет перейти на фриланс

  • Научитесь создавать дизайн интерфейсов любой сложности и создавать полноценные сайты с помощью Tilda

Тем, кто уже работает в сфере дизайна

  • Познакомитесь с трендами веб-дизайна, освоите новые инструменты и сможете сменить специализацию

Чему вы научитесь:

  1. Анализировать целевую аудиторию и проектировать пользовательский опыт
  2. Создавать визуальную коммуникацию интерфейса с пользователем
  3. Разрабатывать прототипы разной степени детализации
  4. Создавать дизайн-решения и адаптировать их под разные устройства
  5. Работать со стандартными и Zero-блоками в Tilda
  6. Использовать модификации Tilda для улучшения сайта

Программа обучения:

  • Основы Figma. Опыт mish.design
  • Основы Adobe Photoshop и Illustrator
  • Инструменты и организация работы веб-дизайнера
  • Основы UX-дизайна
  • Визуальный дизайн

Итоговый проект — дизайн-макет в Figma

Пройдёте полный цикл создания дизайн-проекта. Проанализируете целевую аудиторию, спроектируете информационную архитектуру веб-интерфейса и разработаете прототипы разной степени детализации. Создадите трендовый дизайн, адаптируете его под разные устройства и упакуете свой кейс в эффектное портфолио Behance.

  • Создание сайтов на Tilda: базовый уровень. Опыт MateÇa
  • Создание сайтов на Tilda: продвинутый уровень. Опыт MateÇa
  • Карьера в дизайне. Опыт МТС
  • Насмотренность в дизайне

Figma с нуля до PRO

Figma с нуля до PRO

Skillbox
Цена курса
57 396 ₽  22 954 ₽
В рассрочку
4 783 ₽
0 отзывов о курсе

Вы освоите самую популярную программу для веб-дизайна на профессиональном уровне. Научитесь создавать интерактивные прототипы, передавать макеты разработчикам и экономить время на рутинных задачах.
Школа
Skillbox
Документ об окончании
Сертификат
Сложность
С нуля
Длительность
2 месяца
Лайфхаки от профессиональных дизайнеров
Обучение на практике

Кому подойдёт этот курс

  • Новичкам в веб-дизайне
    С нуля освоите Figma. Научитесь использовать горячие клавиши для быстрой работы. Добавите в резюме полезный навык, который оценят наниматели.
  • Веб-дизайнерам без опыта работы в Figma
    Научитесь создавать UI Kit, использовать плагины и компоненты. Повысите скорость своей работы и освободите время для креативных задач.

Чему вы научитесь

  1. Профессионально работать в Figma
    Разберётесь в интерфейсе и настройках программы. Научитесь работать с фигурами, слоями и внутренними редакторами.
  2. Готовить адаптивные макеты
    Сможете создавать прототипы с разной степенью детализации и адаптировать их под любые устройства.
  3. Добавлять интерактив в прототипы
    Освоите базовую анимацию. Сможете наглядно показать заказчику, как клиенты будут пользоваться продуктом.
  4. Создавать компоненты и библиотеки стилей
    Научитесь объединять шрифты и цвета в отдельные группы, чтобы сохранять единый визуальный стиль в многостраничных макетах.
  5. Работать над проектом в команде
    Освоите продвинутые инструменты, чтобы лучше планировать работу, быстро вносить правки и согласовывать макеты.
  6. Передавать макет в разработку
    Научитесь наводить порядок в слоях и артбордах. Сможете грамотно показать разработчикам технические аспекты и коды компонентов.

Профессия Веб-дизайнер (UX/UI)

Профессия Веб-дизайнер (UX/UI)

Бруноям
Цена курса
49 900 ₽  33 300 ₽
В рассрочку
4 158 ₽
0 отзывов о курсе

Освойте профессию UX/UI дизайнера от основ дизайна до защиты проекта. На курсе вы научитесь работать в Figmа, создавать удобные для людей сайты, презентовать идеи, работать с анимацией и соберете портфолио. Обновление курса — Март 2022
Школа
Бруноям
Документ об окончании
Диплом
Сложность
С нуля
Длительность
5 месяцев
Актуальные знания
1 год поддержки наставника после обучения
Стажировка

Для кого этот курс

  • Отлично подойдет для тех, кто хочет стать веб-дизайнером
  • Основная задача курса - профессия веб-дизайнер. Освоите с нуля Figma, Photoshop, Tilda, After Effects, Protopie — все нужные инструменты дизайнера. Соберете портфолио и начнёте карьеру в дизайне.
  • Будет полезен тем, кто уже работает в сфере дизайна
  • Требования к этой профессии растут, тренды постоянно обновляются. На курсе вы не только повысите свой уровень, освоив новые навыки, но и добавите в своё портфолио проект под руководством профессионала.

 

Вы научитесь

  • Создавать макеты и прототипы в Figma
  • Подготавливать референсы под проект
  • Работать с фото и иллюстрациями
  • Анимировать интерфейсы в Prototipe и After Effects
  • Работать с композицией, цветом и шрифтами
  • Проводить исследования и работать с аналитикой
  • Создавать UI-киты
  • Презентовать кейсы
  • Работать с заказчиками

 

Программа курса

1 модуль. Введение в профессию веб-дизайнер

  • Чем занимается веб-дизайнер
  • Где работает, какие могут быть проекты
  • Этапы работы над проектом
  • В чём роль дизайнера на всех этапах проектах
  • UX, UI-дизайнеры: в чём разница
  • Знания из каких областей нужны веб-дизайнеру

2 модуль. Аналитика

  • Артефакты UX
  • Исследование бизнеса
  • Исследование пользователей
  • Персонажи
  • Сценарии
  • Карта эмпатии

3 модуль. Типы сайтов и насмотренность

  • Про типы сайтов
  • Что такое лендинг
  • Классический сценарий лендинга
  • Про типы сайтов
  • Что такое лендинг
  • Классический сценарий лендинга
  • Особенности, которыми должен обладать сайт-визитка
  • Преимущества использования дашбордов
  • Особенности мобильной разработки

4 модуль. Основы Figma

  • Обзор интерфейса и всех возможностей программы
  • Сетка. Разберём — что это такое, какие они бывают и как используются
  • Много практики с сеткой

5 модуль. Типографика

  • Определение
  • Основные понятия о шрифтах
  • Сочетания шрифтов
  • Приемы в работе со шрифтами
  • Примеры хорошо подобранных шрифтов
  • Текст на сайте. Инфостиль
  • Типографика в вебе
  • Тренды в веб-дизайне
  • Работа с контентом и текстами

6 модуль. Колористика

  • Композиция и цвет
  • Подбор цветовой гаммы относительно ЦА
  • Визуальные акценты. Управление вниманием пользователя

7 модуль. Прототип

  • Создание мудборда в Figma
  • Создание скетча в Figma
  • Создание прототипа в Figma
  • Создание интерактивного прототипа в Figma
  • Подготавливаем прототип к отправке клиенту

8 модуль. Композиция и цвет

  • Композиция. Принципы
  • Композиционный центр (доминанта)
  • Ошибки. Примеры хороших композиций
  • Контраст. Равновесие. Ритм. Взгляд
  • Z и F паттерны. Сетка (примеры, силовая линия), правило третей
  • Цвет. Цветовые модели (HSB, RGB, HEX коды, CMYK)
  • Параметры. Цветовой круг Иттена. Как выбрать цвет
  • Психофизиология интерфейсов. 7±2 (пример — навигация в шапке), какие данные лучше воспринимаются и запоминаются, геометрическая память, закон края, правило близости, группировка, контраст

9 модуль. Создание макета сайта

В этом модуле создаём полностью готовый макет сайта для портфолио

10 модуль. Адаптивный дизайн

  • Адаптивный дизайн. Предпосылки
  • На каких устройствах может просматриваться сайт
  • Варианты решения адаптивности
  • Примеры. Точки разлома
  • Mobile First
  • Особенности прототипирования в Figma
  • Компоненты, фиксация при скроле, подвижная карта
  • Работа с Figma Mirror

11 модуль. Работа с фото и иллюстрациями в Photoshop

  • Цветокоррекция
  • Кадрирование
  • Портретная ретушь. Лайфхаки
  • Фильтры семейства “Размытие”: по Гауссу, в движении, радиальное и т.д.
  • Покадровая анимация
  • Настройки векторных объектов (заливка, градиент)
  • Перо. Работа с точками, узлами и кривыми
  • Разница между Фигурой и Контуром

12 модуль. Перенос макета из Figma в Tilda

Дополнительный модуль, где мы разберём не очень популярную, но полезную функцию по переносу готового макета из Figma в Tilda

13 модуль. Карьера и развитие

  • Портфолио
  • Площадки для размещения
  • Обзор Behance
  • Требования к оформлению
  • Оформление на Behance
  • Принципы хорошего кейса
  • Кейсы и примеры на Behance и Dribbble
  • Поиск работы. Где брать заказы

Описание

Теги

графический дизайн