15 Бесплатных Курса для Fullstack-дизайнера в 2022 году с нуля до уровня PRO

1. «Основы Figma»

Без сертификата

Начинка обучения

1. Введение в Figma.
2. Рекламный баннер.
3. Работа с интерфейсом.
4. Лендинг.
5. Адаптивный дизайн.
6. Мобильное приложение.
7. Компоненты и стили.
8. Кликабельный прототип приложения.

Навыки после учёбы

• Пользоваться ключевыми инструментами Figma.
• Строить сетку, работать с текстами и пространством.
• Основам UX/UI-дизайна.
• Созданию лендингов и макетов сайтов
• Дизайну мобильных приложений.

Плюсы курса

• Знакомство с программным обеспечением профессиональных дизайнеров.
• Много практики.
• Дополнительные материалы к каждому занятию.
• Все видеоуроки всегда доступны в личном кабинете.

💰 «Профессия UX/UI-дизайнер» 💰

Что ты получаешь? 9 месяцев жаркой практики в формате видеоуроков и выполнении домашних заданий с проверкой и обратной связью от личного наставника. Также получаешь общение с другими студентами в закрытом чате.

Начинка обучающего курса

1. Figma.
2. Базовый курс по дизайну.
3. Дизайн интерфейсов.
4. UX-исследования.
5. Специализация на выбор — дизайн мобильных приложений или дизайн веб-интерфейсов.
6. Дипломный проект.

Твои навыки после обучения

• Проводить UX-исследования
• Создавать пользовательские сценарии взаимодействия через Customer Journey Maps
• Создавать интерактивные прототипы
• Измерять качество взаимодействия с интерфейсом с помощью продуктовых метрик
• Подготавливать дизайн для передачи в разработку
• Создавать удобные и современные интерфейсы
• Использовать принципы графического дизайна
• Создавать дизайн-системы на основе базовых элементов
• Создавать и защищать дизайн-концепции
• Раскрывать свои идеи в редакторе Figma

Пример сертификата

Что ты получаешь в итоге?

• Удаленная стажировка в рамках обучения
• Узнаешь как решать проблемы бизнеса с помощью UX/UI дизайна
• 4-8 часов в неделю жаркой практики
• Онлайн-обучение на платформе
• Проверки заданий peer-to-peer
• Общекурсовой чат
• Поддержка координаторов и наставников
• Сертификат после окончания обучения

2. «Бесплатный курс: Веб-дизайн с нуля»

Вся программа охватывает изучение 84 урока, в которых ты сможешь освоить все принципы работы с редактором ФИГМА для разработки коммерческого дизайна.

Начинка курса

1. Создавать полноценный макет сайта.
2. Работать по техническому заданию (ТЗ).
3. Создавать проекты для портфолио.

Без выдачи сертификата

3. «Уроки Figma»

Без сертификата

Вся программа охватывает изучение 20 уроков в формате просмотра видео на платформе ютуб. Пользователи научаться проектированию музыкального приложения с последующей анимацией. Все полученные знания используются для создания дизайна любой сложности.

Начинка курса

1. Работать с Figma.
2. Создавать привлекательный дизайн мобильного приложения.
3. Проектировать совместно с коллегами.
4. Использовать плагины для оптимизации рабочего процесса.

Преимущества

• Информативные занятия.
• Курс подойдёт даже неопытным веб-дизайнерам.
• Обратная связь — преподаватель отвечает на все вопросы в комментариях.
• Постоянно появляются новые видеоуроки.

4. «Уроки Figma»

Формат обучения предусматривает получение практических навыков по созданию дизайна с помощью фигмы. Слушатели узнают как работать с мокапами, прототипами сайтов, базовыми инструментами. Всего уроков в курсе около 107 штук, которые находятся на платформе ютуб.

Без выдачи сертификата

Начинка курса

1. Пользоваться Figma на профессиональном уровне.
2. Проектировать сайты.
3. Использовать различные плагины, чтобы ускорить создание дизайна.

Преимущества

• Объёмный курс с большим количеством полезных знаний.
• Короткие видеоуроки способствуют лучшему восприятию и усвоению информации.
• Дополнительные материалы к некоторым занятиям.
• Все уроки доступны сразу, поэтому можно пропустить уже знакомые темы.

5. «Уроки Figma»

Обучение длится 12 уроков в формате роликов. Студенты узнают как работать с фигмой и создавать лёгкий дизайн, используя инструменты: сетка, стили, эффекты, модульные сетки, фигуры.

Без выдачи сертификата

Начинка обучения

1. Работать с Figma.
2. Создавать адаптивный дизайн.
3. Рисовать сайты вместе с другими дизайнерами, используя FigJam.

Преимущества

• Курс подойдёт новичкам.
• Преподаватель изъясняется простым языком.
• Регулярно появляются новые видеоуроки.

1. «Адаптивная HTML-верстка макета из Figma с подробным объяснением. Советы от профи. HTML SCSS GULP.»

Без выдачи сертификата

Обучающая программа: спикер сверстает не сложный макет состоящий из 4-х страниц. В процессе автор подробно описывает свои действия. Упор идёт на структуру и анализ.

• Срок обучения: 1 ролик.
• Форма контента: лекции.
• Связь с преподавателем: нет.
• Уровень: подойдёт всем пользователям.

Начинка курса

• В выпуске
• Подготовка к верстке. Анализ макетов
• Подключение ширифтов. Иконочный шрифт
• Настройка контейнера
• Верстаем шапку
• Верстка содержимого главной страницы
• Верстка страницы Blog
• Верстка страницы Works
• Верстка страницы Article
• Заключение

2. «Верстка сайта с нуля из Figma для начинающих»

Без выдачи сертификата

Обучающая программа: автор записал 10 роликов по вёрстке сайта с нуля с использованием графического редактора Figma. Вводная часть содержит краткое знакомство с программой, создание структуры будущего веб-проекта и его базовую настройку.

• Срок обучения: 10 роликов.
• Форма контента: лекции.
• Связь с преподавателем: нет.
• Уровень: подойдёт всем пользователям.

3. «Верстка сайта с нуля для начинающих | HTML, CSS»

Без выдачи сертификата

Обучающая программа: спикер верстает сайт с нуля. Видео пригодится для начинающих верстальщиков, в нем не будет препроцессоров, сборщиков и каких-либо инструментов, только HTML и CSS!

• Срок обучения: 1 ролик.
• Форма контента: лекции.
• Связь с преподавателем: нет.
• Уровень: подойдёт всем пользователям.

4. «Верстка простого сайта с нуля для начинающих 🔥 HTML, SCSS, VS Code, Figma»

Без выдачи сертификата

Обучающая программа: автор сделает вёрстку сайт с помощью Figma.

• Срок обучения: 1 ролик.
• Форма контента: лекции.
• Связь с преподавателем: нет.
• Уровень: подойдёт всем пользователям.

Начинка курса

• Вступление
• Верстка шапки
• Верстка остальной части

5. «Быстрая верстка сложного макета сайта из Figma.»

Без выдачи сертификата

Обучающая программа: преподаватель создаст без фреймворков и адаптивный сайт. В обучающем материале будет только практика рациональной работы в программе Figma.

• Срок обучения: 1 ролик.
• Форма контента: лекции.
• Связь с преподавателем: нет.
• Уровень: подойдёт всем пользователям.

6. «Верстка из Figma в HTML+CSS+JS #1 | Первый экран сайта»

Без выдачи сертификата

Обучающая программа: автор сверстает сайт из дизайн-макета с помощью веб-технологии HTML, CSS и бутстрапа.

• Срок обучения: 1 ролик.
• Форма контента: лекции.
• Связь с преподавателем: нет.
• Уровень: подойдёт всем пользователям.

Начинка обучения

• Адаптивная версия сайта на Bootstrap 5
• Адаптивное выпадающее меню
• Прелоадер (Preloader)
• Анимация CSS
• Оживление и интерактивность с помощью нативного JS

7. «Профессионально верстаем макет с адаптивом»

Без выдачи сертификата

Обучающая программа: спикер верстает вместе с студентами первую часть адаптивного макета. Урок записан профессиональным веб-разработчиком.

• Срок обучения: 1 ролик.
• Форма контента: лекции.
• Связь с преподавателем: нет.
• Уровень: подойдёт всем пользователям.

Начинка обучения

• введение.
• запускаем проект, изучаем макет
• представляем html шапки
• css шапки
• главная секция html + css
• верстаем колонки html + css

1. «Уроки по UX/UI дизайну»

Всего уроков – 35 видео. Автор рассказывает о типографике, сетках в сайтах, лендингах и анимации в Тильде. Также научишься создавать сочный дизайн для мобильных приложений.

Без выдачи сертификата

Твои навыки после обучения

• Проектировать привлекательные лендинги, решающие проблемы компаний.
• Создавать красивый и эффективный дизайн сайта.
• Верстать сайт.
• Работать с плагинами Figma.
• Проектировать UX.

Преимущества

• Информация будет полезна и начинающим, и профессионалам.
• Много практики.
• Все видеоролики доступны сразу, поэтому можно просмотреть любой интересующий, а не проходить всё по порядку.

2. «Веб-дизайн»

Курс длится всего 9 занятий, каждый по продолжительности от 3 до 10 минут. Формат учёбы представлен в форме видео. Ты узнаешь о UX-проектировании, веб-дизайне сайтов, изображениях и продуктивной работе.

Без диплома (сертификата).

Узнаешь

• Базовые принципы UX-дизайна.
• Секреты Sketch.

Плюсы

• Все ролики в открытом доступе.
• Короткие видео, помогающие легко воспринимать информацию.

3. «Уроки Web Design — UI/UX»

Курс представляет из себя 11 видеоуроков.

Без выдачи сертификата.

Начинка обучающего процесса

1. Этапы создания дизайна.
2. Сетка, отступы и выравнивание.
3. Формы, кнопки и скругления.
4. Типографика.
5. Цвета для сайта.
6. Что такое UX/UI.
7. Шрифты.
8. Стоки.
9. Качественный бесплатный фотосток.
10. Сервис иконок.
11. Сервис по подбору палитры цветов.

Твои навыки

• Азы веб-дизайна.
• Как эффективно работать в Figma.
• Инструменты и сервис, которыми пользуются профи.