ТОП-10 курсов веб-дизайна – рейтинг обучения 2024

1 место. Курс Веб-дизайн с нуля до PRO от Skillbox

Цена курса: Рассрочка на 24 месяца – 4 290 ₽ / мес Сайт школы: https://skillbox.ru/course/webdesign-pro/

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

• Создавать сайты и приложения в Figma
• Делать адаптивные макеты
• Создавать удобные интерфейсы
• Делать несложную анимацию
• Писать тексты для интерфейсов
• Общаться с заказчиками.

Содержание курса: – Figma с нуля до PRO

1. Знакомство с Figma
2. Основные инструменты Figma
3. Иконки, иллюстрации и картинки
4. Компоненты
5. Библиотеки компонентов и общие стили
6. Auto Layout и Variants
7. Сложные многостраничные документы
8. Дополнительные возможности и сообщество авторов
9. Подготовка макета для разработчиков

– Веб-дизайн с нуля до PRO

10. Знакомство с профессией веб-дизайнера
11. Первый заказ: коммуникация с заказчиком и техническое задание
12. Поиск идеи
13. Модульные сетки
14. Вертикальный ритм
15. Типографика
16. Спринт 1
17. Задача текстов в интерфейсах
18. Цвета, фоны и тени
19. Контраст и читаемость
20. Прототип первой страницы
21. Спринт 2
22. Первый экран страницы
23. Исследование пользователей: Customer Journey Map и User Flow
24. Навигация
25. Дизайн основных блоков
26. Адаптивность и компоненты
27. Спринт 3
28. Презентация проекта заказчику
29. Передача макета разработчикам
30. Спринт 4
31. Кейс для портфолио
32. Бонус-модули

– Итоговый проект

33. Дизайн-концепт сайта.

2 место. Курс Факультет веб-дизайна от GeekBrains

Цена курса: Рассрочка до 36 месяцев – от 4 678 ₽ / мес Сайт школы: https://gb.ru/geek_university/web-design

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

1. Введение в профессию
2. Основы веб-дизайна
3. Продвинутый дизайн
4. Дипломный проект.

Вы научитесь:

• работать в Figma, Adobe illustrator, Adobe Photoshop, Invision, Adobe After Effects и Tilda
• верстать адаптивный сайт с нуля
• проводить конкурентный анализ, продумывать концепцию и разрабатывать позиционирование
• оформлять документацию проектов в разработку
• узнаете, как работают основные метрики аналитики.

3 место. Курс Веб-дизайнер от Нетология

Цена курса: 99 900 ₽ или рассрочка на 24 месяца – 4 162 ₽ / мес Сайт школы: https://netology.ru/programs/web-designer

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

• Работать с композицией, сетками, типографикой, фото- и видеоконтентом
• Создавать интерфейсные решения с учётом анализа аудитории
• Верстать свой дизайн-макет, работать с адаптивной вёрсткой
• Работать со стандартными и Zero-блоками в Tilda, создавать сайты под ключ
• Грамотно оформлять дизайн-проекты и презентовать их заказчику
• Выстраивать взаимодействие в команде по Scrum и Kanban.

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

1. Основы Figma. Модуль от студии Mish.design
2. Основы Adobe Photoshop и Illustrator
3. Инструменты и организация работы
4. Основы веб-дизайна
5. Создание проекта сайта
6. UX-исследование интерфейса
7. Прототипирование интерфейсного решения
8. Tilda: базовый уровень. Модуль от студии MateÇa
9. Tilda: продвинутый уровень. Модуль от студии MateÇa
10. Работа с редактором Zero Block. Модуль от студии MateÇa
11. Вёрстка на HTML и CSS
12. Адаптивная и мобильная вёрстка
13. Карьера в дизайне. Модуль от МТС
14. Насмотренность в дизайне.

4. Курс Профессия Веб-дизайнер (UX/UI) от Бруноям

Цена курса: 49 900 ₽ или рассрочка – от 4 158 ₽ / мес Сайт школы: https://brunoyam.com/online-kursy/web-design

Вы научитесь:

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

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

1. Введение в профессию веб-дизайнер
2. Аналитика
3. Типы сайтов и насмотренность
4. Основы Figma
5. Типографика
6. Колористика
7. Прототип
8. Композиция и цвет
9. Создание макета сайта
10. Адаптивный дизайн
11. Работа с фото и иллюстрациями в Photoshop
12. Перенос макета из Figma в Tilda
13. Карьера и развитие.

5. Курс Профессия Веб-дизайнер от Contented

Цена курса: Рассрочка на 24 месяца – 3 450 ₽ / мес Сайт школы: https://contented.ru/edu/web-designer

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

• создавать удобные сайты с продуманным UX
• анимировать интерфейсы в after effects
• добавлять 3d графику с помощью blender
• презентовать себя работодателю или заказчику на фрилансе
• разрабатывать интерактивные прототипы в figma.

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

1. Основы веб-дизайна

• Figma
• Основы дизайна
• Blender
• Погружение в UX.

2. Методика проектирования сайтов

• дизайн интерфейсов
• after effects.

3. Дипломный проект.

6. Курс Веб-дизайн от Skillbox

Бесплатно Сайт школы: https://live.skillbox.ru/playlists/design/veb-dizain/

Содержание:

1. Пробуем себя в разных видах дизайна
2. 100+ главных навыков веб-дизайнера
3. Основы веб-дизайна, сеток, веб-типографики
4. Обзор инструментов для веб-дизайнера
5. Основы веб-дизайна – рисуем в Photoshop и Figma
6. Звездный веб-дизайн: как начать работать с селебрити
7. Design Review: разбор проектов и портфолио веб-дизайнеров Mail Design Cup
8. Что такое композиция в веб-дизайне и как с ней работать?
9. Основы веб-дизайна: рисуем первый экран.

7. Курс Веб-дизайнер от Qmarketing Academy

Цена курса: 87 707 руб. Сайт школы: https://qacademy.ru/web-designer

Программа:

1. Figma
2. Adobe Photoshop
3. Tilda
4. Readymag
5. After Effects
6. Основы дизайна
7. Креативные баннеры для рекламных объявлений
8. Бренд-дизайн
9. Основы UI/UX-дизайна
10. Специализация
11. Карьерный блок.

Приобретаемые навыки: — Сборка статичных и анимированных коммуникационных баннеров — Создание позиционирования для бренда на основе конкурентного анализа — Проектирование прототипов и сборка посадочных страниц — Подбор фирменных шрифтов и цветов для бренда — Оформление документации для передачи проекта в верстку — Уверенное владение Photoshop, Figma, Tilda, Readymag, After Effects — Проектирование прототипов и сборка посадочных страниц, адаптация под разные устройства.

8. Курс Web-дизайн с нуля от Университет «Синергия»

Цена курса: 77 000 ₽ Сайт школы: https://synergyeducation.ru/product/web-dizajn-s-nulya/

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

• Основам композиции
• Системам управления сайтом
• Рабочему пространству в Figma
• Инструментам Adobe Photoshop и Adobe Illustrator
• Универсальным принципам дизайна
• Искать информацию графическому дизайнеру.

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

1. Теоретические основы дизайна
2. Верстка для дизайнера
3. Работа с программой Figma
4. Работа с программами Adobe Photoshop, Adobe Illustrator
5. Мобильный и адаптивный дизайн.

9. Курс Дизайнер лендингов от Школа анализа данных

Цена курса: 66 000 ₽ Сайт школы: https://practicum.yandex.ru/landings-design/

На курсе Вы:

• Освоите Tilda, Readymag и Figma
• Познакомитесь с основными правилами дизайна
• Научитесь делать лендинг комфортным.

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

1. Вводный курс
2. Знакомство с лендингами, основы композиции и типографики
3. Углублённое изучение Tilda и инструменты эффективной самопрезентации
4. Введение в Readymag, основы маркетинга
5. Продвинутые инструменты Readymag, коммуникация с заказчиком, работа с брифом и ТЗ
6. Погружение в Figma, вайрфрейминг, работа с айдентикой и гайдлайнами
7. Принцип адаптивности и продвинутые инструменты Tilda
8. Дипломный проект
9. Фриланс-трек (по желанию).

10. Курс Специалист по проектированию и дизайну веб-сайтов от Университет ИТМО

Цена курса: 55 000 руб. Сайт школы: https://design.itmo.ru/courses/web_designl/

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

1. Растровая графика Adobe Photoshop
2. Векторная графика AdobeIllustrator
3. Основы веб-технологий
4. Основы JavaScript
5. Современные технологии верстки
6. Методологии и инструменты современной верстки
7. Проектирование интерфейса пользователя (UI-проектирование)
8. Проектирование пользовательского опыта (UX-проектирование)
9. PHP и MySQL. Основы разработки веб-приложений
10. Средства организации процесса веб-разработки в команде
11. Создание сайта на конструкторе Tilda 2 (дистанционное)
12. Дипломное проектирование
13. Защита дипломной работы.

В процессе обучения Вы:

• научитесь разрабатывать макеты в таких популярных программах как Adobe Photoshop и Adobe Illustrator,
• получите полное представление о технологии верстки веб-страниц (frontend), применяя язык разметки гипертекста HTML5 и каскадные таблицы стилей CSS3,
• научитесь динамически управлять элементами веб-страниц благодаря языку программирования JavaScript,
• получите базовое представление о платформе NodeJS
• научитесь работать с менеджером задач Gulp, а также настраивать его для выполнения ряда задач (hot-reloading и транспиляция файлов).

11. Курс Веб-дизайнер от Pentaschool

Цена курса: 44 800 руб. Сайт школы: https://pentaschool.ru/program/web-designer-course

По итогам этого курса вы научитесь:

• Обрабатывать, ретушировать и корректировать изображения в Adobe Photoshop
• Создавать с 0 дизайн интерфейсов и приложений в Figma
• Разрабатывать анимацию интерфейсов
• Собирать сайты на конструкторе Tilda и готовить их к запуску
• Разбираться в основах веб-композиции и типографики
• Работать с модульными сетками и цветом
• Создавать интерактивные UX/UI-прототипы.

Программа:

1. Основы дизайна интерфейсов
2. Дизайн сайтов, часть 1
3. Дизайн сайтов, часть 2
4. Дизайн сайтов на Tilda, часть 1
5. Дизайн мобильных приложений, часть 1
6. Дизайн мобильных приложений, часть 2
7. Личный бренд дизайнера.

12. Курс Веб-дизайн в с нуля от Иван Процко

Бесплатно Сайт школы: https://www.youtube.com/playlist?list=PLEw1smBLhD1URvDs-SQO1gj42hEamZ6iO

Видеоуроки:

1. Как скачать программу Figma
2. Как открыть программу Фигма
3. Недавно просмотренные файлы Recently Viewed
4. Поиск файлов по ключевому слову Search
5. Черновики Drafts
6. Панель закладок Panel of tabs
7. Контекстная панель первого экрана
8. Техническая поддержка
9. Создание новой команды New team
10. Создание нового проекта и обзор интерфейса экрана проекта
11. Контекстная панель экрана проекта
12. Создание нового файла
13. Обзор интерфейса редактирования файла
14. Панель инструментов
15. Перемещение объекта Move Tool
16. Инструмент масштабирования Scale Tool
17. Создание арт борда Frame Tool
18. Срез Slice Tool
19. Фигуры
20. Прямоугольник Rectangle Tool

И др.

13. Курс Веб-дизайн от Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана

Цена курса: разная стоимость Сайт школы: https://www.specialist.ru/section/web-design

Расписание по курсам:

1. Веб – дизайнер со знанием юзабилити (UX/UI)
2. UX/UI – дизайнер. Разработка веб – интерфейсов с использованием Figma 2.0
3. Front – end разработчик
4. Веб – дизайнер
5. Веб – дизайнер + Usability
6. Специалист по Adobe Photoshop СС
7. HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3
8. Adobe Photoshop CC для MAC и Уровень 1. Растровая графика
9. Создание лендингов в конструкторе «Тильда»
10. Дизайн – мышление
11. HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки
12. Практикум по созданию сайта: верстка страницы.

И др.

14. Курс UX/UI-дизайн: базовый уровень от LoftSchool

Цена курса: 24 500 руб. – 35 802 руб. Сайт школы: https://loftschool.com/course/web-design/

За 6 недель вы научитесь:

• Во время курса вы освоите работу с современными инструментами дизайнера: Adobe Photoshop, Sketch, Figma.
• В ходе курса разберем, что такое пользовательский опыт, информационная архитектура и прототипирование, научим создавать вайфреймы и скетчи.
• Разберем основы композиции, пропорции, модульность и научимся работать с сетками. Разберём на практике, что значит «поиграться со шрифтами».
• Начнём создавать иконки и иллюстрации самостоятельно, а также подбирать на фотостоках именно то, что нужно. Разберемся, когда иконки в проекте нужны, а когда нет.
• На курсе мы научим работать с текстом: собирать данные, структурировать их и редактировать, а при необходимости — писать «с нуля». Покажем, как правильно использовать экранную типографику.
• На курсе разберем, для чего нужна презентация проекта. Как взаимодействовать с клиентом на разных этапах, как собирать обратную связь и анализировать информацию.

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

1. Интерфейс, персонажи и сценарии
2. Инструменты UI-дизайнера
3. Композиция и типографика
4. Цвет и графика
5. Смысл и порядок
6. Заключительный блок.

15. Курс Веб-дизайн от Eduson Academy

Цена курса: 33 300 руб. Сайт школы: https://eduson.academy/web-designer

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

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

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

1. Организация работы
2. Подготовительный этап и анализ
3. Основы веб-дизайна
4. Проектирование в Figma
5. Пользовательские сценарии
6. Карьера
7. Защита дипломной работы.

16. Курс Веб-дизайнер с нуля до профи от Международная школа профессий

Цена курса: 39 100 ₽ Сайт школы: https://online.videoforme.ru/designschool/web-designer-prof-web

Вы научитесь:

• Создавать проект адаптивного сайта
• Моделировать пользовательские сценарии, правильно коммуницировать с клиентом
• Создавать иконки и фрагменты интерфейса, разрабатывать анимацию.

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

1. Веб-дизайн
2. Adobe Photoshop
3. Adobe Illustrator
4. Графический дизайн
5. UX-дизайн
6. HTML и CSS для начинающих
7. After Effects.

17. Курс Веб-дизайнер 2.0 от WAYUP

Бесплатно Сайт школы: https://wayup.in/library/course6

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

• Владение Figma и Photoshop
• Архитектура веб-приложений
• Создание адаптивных сайтов.

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

1. Введение в веб-дизайн
2. Изучаем Figma и разработку UI
3. Прототипирование в Figma
4. Адаптивный UI/UX-дизайн
5. Фриланс: как заработать на дизайне.

18. Курс Web-дизайн от art work

Цена курса: 18 000 ₽ Сайт школы: https://artwork.school/course-webdesign.html

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

1. Основы web-дизайна
2. Растровая и векторная графика
3. Программное обеспечение
4. Работа с графикой
5. Типографика и цвет
6. Работа с Adobe Photoshop
7. Работа с Adobe Illustrator
8. Адаптивность веб-сайтов
9. Подготовка макета
10. Разработка landing-page
11. Разработка интернет-магазина
12. Работа с Figma
13. Разработка интерфейса мобильного приложения
14. Гайдлайн iOS и Android
15. Ресурсы для веб-дизайнера.

19. Курс Разработка и продвижение сайта с нуля до профи от Prostudio

Цена курса: 7 900 руб. – 28 900 руб. Сайт школы: https://prostudio.ru/course-creating-promotion-site/

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

1. Основы интернет-маркетинга
2. Сбор семантического ядра и кластеризация
3. Структура сайта
4. SEO и SMO
5. SMM
6. Контекстная и таргетированная реклама
7. Разработка логотипа
8. Основы веб-дизайна
9. Проектирование
10. Концепция дизайна сайта
11. Дизайн внутренних страниц и мобильной версии
12. Дизайн рекламных материалов
13. Основы веб-разработки
14. Основы вёрстки сайтов
15. Выбор CMS или фреймворка
16. Интеграция вёрстки и системы управления
17. Тестирование и оптимизация
18. Запуск сайта.

20. Курс Web-дизайн – с нуля до проекта от УЦ “Статус”

Цена курса: 13 430 руб. Сайт школы: https://status-kurs.ru/courses/web-dizayn.html

Краткая программа курса:

1. Веб-дизайн и основы разработки веб-сайтов
2. Веб-типографика и работа со шрифтами
3. Разработка дизайн-макета главной страницы сайта или лендинга
4. Юзабилити, продвижение и СЕО
5. Фотошоп для веб-дизайнеров, прототипирование
6. Создание и наполнение портфолио для дизайнера, презентация своих проектов.

После прохождения этого курса вы сможете:

• Создать собственный дизайн для сайта или лендинга
• Правильно выбирать цвета, шрифты и выстраивать композицию
• Разрабатывать страницы, адаптированные для мобильных устройств
• Удобно и быстро разрабатывать необходимые элементы и блоки сайта
• Ориентироваться в современных трендах и модных тенденциях, понимать язык дизайнера и ориентироваться в разработке дизайна.

21. Курс Веб-дизайн от Академия IT

Бесплатно Сайт школы: https://academiait.ru/course-category/design/web-design/

Курсы:

1. Дизайн
2. Рабочий процесс
3. Дизайн-прожарка
4. Мотивация и эффективность
5. Мини-курс «Web Design 3»
6. Д-Дайджест о web-дизайне
7. Мини-курс «App Design»
8. Дизайн отдельных элементов сайта. Практика
9. Айдентика
10. Figma Tips.

И др.

22. Курс Веб-дизайн с нуля от IRS.Academy

Цена курса: 1 699 руб. – 31 200 руб. Сайт школы: https://irs.academy/web-design

После окончания курса вы сможете:

• Сменить рутинную, однообразную работу на творческое занятие
• Легко находить заказчиков
• Наработать портфолио.

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

1. Ознакомление с профессией веб-дизайнера
2. Юзабилити и психология
3. Настройка хостинга и установка WordPress
4. Типографика, колористика и Artisteer
5. Векторная графика в Adobe Illustrator за 2 часа
6. Знакомство с программой Photoshop
7. Photoshop: погружение
8. Работа с контентом
9. Погружение в контент
10. Покупка домена, переезд с хостинга на хостинг
11. Бонусное. Themler
12. Бонусное. СЕО.

23. Курс Web-design от request

Цена курса: 8 000 ₽ – 80 000 ₽ Сайт школы: https://requestdesign.ru/web-design/

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

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

Что входит в программу?

1. Все инструменты Tilda и Photoshop
2. Ретушь и обработка фотографий
3. Создание бренда
4. Создание бренд-бука
5. Навигация сайта
6. Создание концепции
7. Архитектура сайта
8. Выбор стиля для сайта
9. Юзабилити
10. Сетка + композиция
11. Адаптивный дизайн
12. Формирование контента
13. Прототипирование
14. Обзор мобильных приложений
15. Структура мобильного приложения
16. Создание дизайна
17. Прототипирование приложения
18. Презентация проекта.