Курсы Figma с нуля

2
По рейтингуПо цене
ДЛИТЕЛЬНОСТЬ
ЦЕНА
РАССРОЧКА
РЕЙТИНГ
Профессия Веб-дизайнер (UX/UI)
Профессия Веб-дизайнер (UX/UI)
Самый популярный
Длительность
5 месяцев
Цена
49 900 ₽
Рассрочка
4 158 ₽
Рейтинг
4.9
Рейтинг
Figma с нуля до PRO
Figma с нуля до PRO
Самый выгодный
Длительность
2 месяца
Цена
27 300 ₽
Рассрочка
2 277 ₽
Рейтинг
4.8
Рейтинг

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

Профессия Веб-дизайнер (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
  • Поиск работы. Где брать заказы

Оценка курса:
* Перед публикацией отзыва о курсе, он пройдет предварительную модерацию и проверку
Figma с нуля до PRO

Figma с нуля до PRO

27 300 ₽  
-14 700 ₽
2 277 ₽
цена курса
в рассрочку
0 отзывов о курсе

Вы освоите самую популярную программу для веб-дизайна на профессиональном уровне. Научитесь создавать интерактивные прототипы, передавать макеты разработчикам и экономить время на рутинных задачах.

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

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

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

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

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

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

Вакансии - Figma

hh.ru
Всего вакансий
2100
Начальный
90 000 ₽
Средний
235 000 ₽
Профессионал
380 000 ₽

Описание

Навыки

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