Перейти к основному содержанию
Курс обучения
Веб-дизайн с Figma
Стань востребованным дизайнером, овладев самым удобным инструментом для веб-разработки! Figma - это популярный сервис, которым пользуется каждый второй эксперт в области веб-дизайна. И ты станешь одним из них!
Чему вы научитесь
Следовать базовым принципам веб-дизайна
Изучите основы типографики, композиции и работы с цветом. Научитесь обрабатывать фото и создавать графику. Получите базу для дальнейшего развития
Создавать дизайн для разных площадок
Сможете разрабатывать красивые и удобные макеты под разные задачи: визуалы для соцсетей, элементы для сайтов, дизайн лендингов или рассылок
Адаптировать макеты под любые устройства
Узнаете, чем дизайн для десктопа принципиально отличается от дизайна для смартфона. Сможете делать интерфейсы, которые будут хорошо смотреться на любом экране
Проектировать удобные интерфейсы
Поймёте, как пользователи взаимодействуют с разными элементами интерфейсов. Сможете создать понятный дизайн, опираясь на поведение аудитории
Сколько можно зарабатывать
Зарплата зависит от региона работодателя, опыта специалиста и других факторов. После курса вы сможете занять позицию junior-дизайнера и расти дальше
Источник: RealHR
47 000 - 72 000
Junior
85 000 - 115 000
Middle
130 000 - 197 000
Senior
Что вы получите при успешном завершении обучения
Востребованную профессию
6 проектов для портфолио и обратная связь от экспертов
Диплом о профессиональной переподготовке
Возможность удаленной и проектной работы
Для кого будет полезен этот курс?
1
Новички в веб-дизайне
Получат востребованную профессию, исполнят мечту стать классным дизайнером и начнут зарабатывать еще в школе на первых ИТ-проектах
2
Веб-дизайнеры, желающие овладеть современным инструментом
Получат новую профессию или углубят имеющеся знания в области веб-дизайна
3
Желающие узнать для себя что-то новое
Стать веб-дизайном можно в любом возрасте. Откройте для себя новые карьерные возможности с новыми знаниями
Чем занимается разработчик в Figma?
В Фигме могут работать дизайнеры, маркетологи, менеджеры и разработчики. Это простой инструмент с широким функционалом для создания идеальных веб-сайтов даже для тех, кто никогда не имел опыта в дизайне!
1
Очное обучение в Астрахани
2
Срок обучения
10 месяцев
3
Онлайн обучение в любой точке мира
4
Гарантия трудоустройства
Зачем нужна Figma?
Figma - самый популярный бесплатный инструмент для создания интерфейсов в мире
Есть все необходимые функции: маски, работа с градиентами, кривыми и многое другое
Это простой в освоении профессиональный графический редактор
Помогает создавать прототипы интерфейсов, дизайны сайтов, иллюстрации и векторную графику
Это практический курс

Страница интернет-магазина и её адаптивная версия могут стать частью вашего будущего портфолио

1

Научитесь работать с ключевыми инструментами Figma

  • Шейпы
  • Стиль
  • Сетки и направления
  • Цвета и градиенты
  • Привязка для адаптивного дизайна
  • Текст
  • Маски
2
Преподаватели – практикующие ИТ-специалисты
Чат с одногруппниками и куратором
Очные занятия в удобное время
Онлайн-занятия на современной платформе
Содержание учебных модулей
1
Основы работы в фигме.
Цвет, изображение и текст
5 часов
Перед тем, как приступать к работе с конструктором, важно изучить основные понятия области веб-дизайна. Научиться использовать grid и направляющие сетки. Ознакомиться с возможностями работы изображений, текста, фигур. Немаловажно знать работу с иерархией элементов перед разработкой Каркаса сайта начальных этапов проекта.
Список тем
Основные понятия в области веб-дизайна
GRID-система
Направляющие сетки
Каркас сайта
Основы работы с изображениями
Базовая работа с текстом
Работа с фигурами
Работа с иерархией элементов в документе
2
Теория цвета.
Работа с контентом: иконки, изображения, шрифты и цветовые палитры.
Компоненты Figma.
10 часов
Практическое занятие
Для создания современного и красивого макета требуются знания теории цвета, а также всех компонентов интерфейса конструктора. Важно уметь подбирать цвета вашего проекта, различать оттенки, выбирать изображения и шрифт, соответствующие тематике и основной палитре будущего сайта. Для каждого из данных аспектов существуют свои интернет ресурсы, которые мы разберем в данном модуле.
Список тем
Цвет, оттенки и тени
Дополнительные ресурсы по работе с цветом
HSB
Контрастность изображений
Удаление лишнего фона различными способами
Работа с иконками
Работа со шрифтами в Figma
Работа с масками, линиями пером и карандашом
3
UX\UI
20 часов
Практическое занятие
Важным аспектом любой разработки является знание UX/UI-дизайна — это проектирование удобных, понятных и эстетичных пользовательских интерфейсов.
UX-дизайнер исследует Целевую аудиторию разработки, продумывает структуру продукта, анализирует пользовательские пути, а визуализирует его концепцию UI-специалист. Так как работа над UX- и UI-дизайном тесно связана между собой, чаще всего ею занимается один и тот же человек.
Список тем
Понятие UX/UI
Тренды современного дизайна пользовательских интерфейсов
Методы взаимодействия пользователей с интерфейсом
Характеристики «удобного» сервиса или продукта
Визуальная иерархия в web-дизайне
Роль негативного пространства в дизайне
Кнопки и формы в web-дизайне
Работа над проектом заказчика (Landing Page)
4
Прототипирование и макетирование
16 часов
Практическое занятие
Основной задачей обучения является создание грамотных и стилистически верных прототипов и макетов будущего сайта. Зная, как работать с конструктором Figma и изучив основные правила дизайна веб-страниц, на этом этапе вы создадите свои первые макеты и прототипы сайтов, используете раннее изученные материалы в одном общем проекте, разработаете логотип, проведете бриф с выбором тематики проекта. (но можно оставить то, что есть на разработанном макете)
Список тем
Введение в constraints
Constraints + grid
Работа на фрейме
Работа с группами, компонентами
Как работать с Auto layout
Макетирование
Стилизация макета
Разработка логотипа для проекта
5
Адаптивный дизайн
14 часов
Практическое занятие
Завершающим этапом в работе с макетированием в конструкторе Figma будет создание адаптивной версии раннее разработанного макета вашего проекта. Адаптивный дизайн будет реализован на различные устройства (ноутбук, планшет, мобилка).
Список тем
Адаптивный дизайн
Как правильно адаптировать макет под разные устройства
Быстрый адаптив
Полезные плагины
6
Анимации
4 часа
Практическое занятие
Дополнительный модуль уровня PRO. Анимацию используют, чтобы интерфейс приложения или сайта был удобным и понятным для пользователя. В рамках модуля разберемся, как сделать свою первую анимацию в Figma.
Список тем
Основы Анимации в Figma
Плагины для создания Анимаций
Основные правила анимации Desktop макета
Основные правила анимации макета под планшет
Основные правила анимации макета мобильной версии
Как работать с библиотеками
Экспорт файлов из Figma
Передача в разработку
Ваши будущие работы
Создавайте эстетичные макеты для desktop и с лёгкостью адаптируйте их для mobile
1
2
3
4
1
Лендинг
2
Мобильное приложение
3
Логотипы
4
Баннеры
1
Профессия востребована IT-компаниями

IT - это не только программирование. Поэтому компании ищут разных специалистов в свои команды, без работы которых невозможно создать современный продукт.

IT - это стабильно растущий рынок и хорошие карьерные перспективы. А ещё аккредитованные IT-компании получают поддержку от государства.

Стоимость обучения на курсе “Веб-дизайн с Figma”
7 000 р/мес
1
2
3
* Удобная рассрочка оплаты от Тинькофф
** Дополнительная скидка при оплате всего курса сразу
*** Возможность получить налоговый вычет 13% от стоимости обучения
Узнайте подробности у менеджера после оформления заявки
Получить полную программу курса и консультацию
2 + 7 =
Решите эту простую математическую задачу и введите результат. Например, для 1+3, введите 4.
На курсы может записаться любой
Миссия «Школы облачных технологий» - дать возможность каждому получить профессию будущего. Вне зависимости от возраста, имеющегося опыта и места жительства