38 бесплатных курсов по веб-дизайну

Для начинающих с нуля в 2023 году.

1. «Обзор главных инструментов дизайнера» от «Нетологии»

Язык: русский.

Длительность: 5 уроков.

Формат обучения: записи вебинаров + статьи + практические задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Быстрый старт в Photoshop.
  2. Дизайн рекламной графики в Figma.
  3. Быстрый старт в Illustrator.
  4. Воркшоп по моушн-дизайну в After Effects.

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

  • Работать с основными графическими редакторами — Photoshop, Figma, Illustrator, After Effects.

Особенности курса:

  • Попробуете себя в разных направлениях дизайна, выберете подходящую специализацию.

О преподавателях:

  • Никита Новосёлов — креативный директор брендингового агентства «Сова», иллюстратор.
  • Андрей Малеваник — продуктовый дизайнер, продюсер направления «Дизайн» в «Нетологии».
  • Всеволод Шапошников — веб-дизайнер в Miro.
  • Гарри Марковский — руководитель отдела видеопродакшена в «Нетологии».

₽ На правах рекламы

Курс «‎Веб-дизайнер»‎ от Pikabu Study

Длительность: 5 месяцев.

Формат: видеоуроки + домашние задания + упражнения в онлайн-тренажёре + общение в закрытом сообществе студентов Pikabu Study.

С сертификатом

Особенности курса:

  • В конце обучения вы создадите итоговый проект, который затем добавите в своё портфолио.
  • Все преподаватели активно участвуют в развитии информационно-развлекательного портала «‎Пикабу» и готовы поделиться опытом.

2. «Основы Adobe Illustrator» от «Нетологии»

Язык: русский.

Длительность: 3 часа теории + 5 часов практики.

Формат обучения: видеолекции + практические задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Введение в Adobe Illustrator.
  2. Логотип на основе модульной сетки.
  3. Каллиграфический логотип.
  4. Многослойные изображения.
  5. Паттерн.
  6. Иллюстрация.

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

  • Получите необходимую базу для работы в графическом редакторе.
  • Освоите ключевые инструменты Adobe Illustrator: слои, сетки и направляющие, кривые Безье, маски и символы, 3D, эффекты, интеграции растровых изображений и др.
  • Выполните 4 практических задания.
  • Узнаете, как получать заказы и работать на фрилансе.

Особенности курса:

  • Курс представляет собой вводную часть программы большого платного курса «Графический дизайнер».

О преподавателях:

  • Марина Сайфудинова — младший дизайнер в DesignDepot, аспирант кафедры «Коммуникативный дизайн» в МГХПА им. Строганова.
  • Влад Алдохин — дизайнер в Ticket To The Moon, автор Telegram-канала @graphicstory.

3. «Курс начинающего дизайнера» от Яна Агеенко

Язык: русский.

Длительность: 11 уроков, длительностью от 15 минут до 1,5 часов, общая длительность 8 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Веб-дизайн с нуля до первых работ за 1 день.
  2. Основные правила типографики в графическом и веб-дизайне.
  3. Геометрический стиль для начинающих.
  4. Принцип иерархии в дизайне.
  5. Делаем первый экран сайта с применением эффекта неонового свечения текста.
  6. Принцип минимализма в дизайне.
  7. Рисуем дизайн мобильного приложения для доставки еды.
  8. ТОП-10 самых распространённых ошибок в графическом, UI и веб-дизайне.
  9. Мастер-класс по редизайну сайта BELAZ.
  10. Как научиться делать крутой дизайн.

Об авторе курса:

Ян Агеенко

  • Профессиональный тренер по дизайну.
  • Арт-директор студии Ageenko PRO.
  • Основатель сообщества «Гильдия дизайнеров».

4. «Каково это — быть дизайнером» от «Яндекс.Практикума»

Язык: русский

Длительность: 5 тем, на прохождение потребуется 6 часов.

Формат обучения: интерактивный симулятор (теория в виде текста + практические задания).

Уровень: для начинающих.

Обратная связь: нет.

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

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

  1. Вступление.
  2. Нужно больше дизайнеров.
  3. Дизайнер интерфейсов.
  4. Навыки дизайнера интерфейсов.
  5. Какими бывают интерфейсов.
  6. Магазин снов «Dream Shop».
  7. Пользователь и его сценарий.
  8. Про паттерны.
  9. Принципы юзабилити.
  10. «Это ж магазин!».
  11. Как устроен сайт.
  12. Катя без аналитики.
  13. Главная страница.
  14. Визуальная иерархия и консистентность.
  15. Что, Где, Куда. Навигация.
  16. Z-паттерн.
  17. Беспорядок.
  18. Проблема с целевыми действиями.
  19. Как не бесить людей.
  20. Состояние кнопок.
  21. По принципу кнопки.
  22. Дело раскрыто.
  23. Виды обратной связи.
  24. Что мешает покупке.
  25. В шаге от целевого действия.
  26. Корзина, а не ловушка.
  27. Никто не любит печатать.
  28. Как проектировать форму.
  29. «Нажмите на чёрную кнопку».

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

  • Над какими задачами работают дизайнеры в цифровой среде.
  • Познакомитесь с основным инструментом дизайнера интерфейсов — Figma.
  • Создадите свои первые макеты.

Особенности курса:

  • Курс является вводным модулем платной обучающей программы от «Яндекс.Практикума» — «Дизайнер интерфейсов».
  • По окончании платного курса можно получить диплом о профессиональной переподготовке.

5. «Основы Figma» от «Нетологии»

Язык: русский.

Длительность: 5,5 часов теории, 8 часов практики.

Формат обучения: видеоуроки + текстовые материалы + тесты + практические задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Введение в Figma: интерфейс, необходимые настройки.
  2. Рекламный баннер: шейпы, сетка, работа с текстом и пространством.
  3. Работа с интерфейсом: основы UI/UL-дизайна.
  4. Основы работы дизайнера интерфейсов.
  5. Лендинг: задачи, разработка макета.
  6. Адаптивный дизайн: подготовка макета, состояния элементов, работа с адаптивностью.

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

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

Особенности курса:

  • Курс разработан в партнёрстве с дизайн-лабораторией Mish.design.
  • Это бесплатный вводный модуль платного курса «UX/UI-дизайнер».

О преподавателях:

  • Иван Крестов — веб-дизайнер, графический дизайнер, иллюстратор, арт-директор дизайн-лаборатории Mish.design.
  • Андрей Кретинин — дизайнер Mish.design.

На правах рекламы. «Веб-дизайнер: Взрывной Старт» от WAYUP

Длительность: 6 уроков = 2 часа теории + 6 часов практики = 8 часов обучения.

Формат: видеоуроки + домашние задания с проверкой и обратной связью от команды WayUp + личные онлайн-консультации с наставником.

Сертификат: выдаётся (для получения сертификата средний балл за выполнение домашних заданий должен быть выше 4,5).

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

  1. Введение в веб-дизайн.
  2. Изучаем Figma и разработку UI.
  3. Прототипирование в Figma.
  4. Адаптивный UX/UI-дизайн.
  5. Большое практическое занятие.
  6. Фриланс: как заработать на дизайне.
Особенности курса:
Абсолютно бесплатный курс с обратной связью
Автор курса — Андрей Гаврилов, основатель онлайн-школы WayUp, веб-дизайнер с опытом работы более 10 лет, обучил свыше 6 000+ человек, создал 290+ сайтов
По окончании обучения выдаётся сертификат, сертификат даёт право получить скидку 30% на любую образовательную программу WayUp

6. «Основы HTML, CSS и веб-дизайна» от Hexlet

Язык: русский.

Длительность: 11 видео и текстовых уроков, 18 проверочных тестов, 1 упражнение в тренажёре. Продолжительность теоретических уроков 5 часов.

Формат обучения: видеоуроки + текстовые материалы + практические задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Верстальщик vs веб-дизайнер.
  2. Знакомство с HTML.
  3. Элементы, теги и атрибуты.
  4. Структура страницы.
  5. Основы CSS.
  6. Chrome DevTools.
  7. Каскад.
  8. Div, span и display.
  9. Правило близости.
  10. Размещение на GitHub Pages.
  11. Интеграция с соц. сетями и семантический веб.

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

  • Создавать базовую разметку HTML-документа.
  • Подключать стили для страницы.
  • Использовать возможности веб-инспектора Chrome DevTools.
  • Публиковать свой сайт в Интернете на хостинге GitHub Pages.
  • Использовать базовые концепции веб-дизайна.

Особенности курса:

  • За прохождение курса даются баллы, на основе которых строится ваш рейтинг в «Хекслете».

Об авторе курса:

Рахим Давлеткалиев

  • Сооснователь онлайн-школы программирования Hexlet.
  • Ведущий научно-популярного подкаста «Мысли и методы».
  • Выпускник Карлтонского университета по программе Computer Science, Software and Computing Stream.

7. «Основы Photoshop» от LoftBlog

Язык: русский

Длительность: 5 уроков.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. 5 важных настроек «Фотошопа» и создание кнопки.
  2. Сетка для секты веб-дизайнеров.
  3. Шрифты в «Фотошопе».
  4. Как подобрать фотографии для сайта. Правила и сервисы.
  5. 5 фишек «Фотошопа» для веб-дизайна.

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

  • Основам Adobe Photoshop для веб-дизайна.

Кто проводит курс:

Данил Фимушкин

8. «Онлайн-практикум по UI/UX и веб-дизайну» от Данила Фимушкина

Язык: русский.

Длительность: 4 дня.

Формат обучения: вебинары.

Уровень сложности: для начинающих.

Обратная связь: есть.

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

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

  • Основам UX/UI и веб-дизайна.

9. «Профессия: веб-дизайнер» от Максима Солдаткина

Длительность курса: 12 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки + текстовые материалы + практические задания.

Обратная связь: нет.

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

Об авторе курса:

Максим Солдаткин

  • Веб-дизайнер с 2007 года.
  • Выпускник Британской высшей школы дизайна.
  • Делал проекты для Coca-Cola, «Яндекса» и «Альфа-Банка».
  • Путешественник — посетил 40+ стран.

10. «Создание Landing Page» от Tilda Publishing

Язык: русский

Длительность: 5 уроков.

Формат обучения: текстовые уроки + домашние задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Понимание принципов Landing Page.
  2. Этапы создания лендинга.
  3. Анатомия лендинга: функциональные элементы.
  4. Принципы дизайна лендинга.
  5. Как увеличить эффективность лендинга.

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

  • Проектировать, оформлять и запускать конверсионные лендинги и увеличивать количество клиентов.
  • Что такое лендинг, откуда появился этот формат, чем отличается от одностраничного сайта и как он работает.
  • Методы определения и анализа целевой аудитории и конкурентов.
  • Как составлять прототипы и писать тексты для лендингов.
  • Основные блоки Landing Page.
  • Как составить обложку, рассказать о выгодах.
  • Что такое блоки доверия и где поместить целевое действие.
  • Как выбрать цвета, шрифты и изображения и остаться в одном стиле.
  • Самые частые ошибки в дизайне страницы.
  • Как работает воронка продаж, и как определить стоимость лида.
  • Как подключить статистику и настроить цели, тестирование и SEO.

Об авторе курса:

Никита Обухов

  • Создатель Tilda — одного из самых популярных конструкторов сайтов.
  • Выпускник Британской высшей школы дизайна.

11. «Веб-дизайн. Быстрый старт» от WebForMySelf

Язык: русский.

Длительность: 8 уроков, длительностью от 3 до 10 минут. Общая длительность 50 минут.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Скачивание Figma.
  2. Создание фрейма и сетки.
  3. Сборка структуры.
  4. Создание карточки из компонентов.
  5. Добавление цвета.
  6. Быстрое добавление изображений.
  7. Плагин Unsplash.
  8. Создание интерактивного прототипа.

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

  • Как скачать и установить Figma.
  • Как пользоваться Figma.
  • Как собрать основную структуру проекта и создать компоненты.
  • Как в Figma добавлять фоновые цвета, цвета текста.
  • Как быстро добавить изображения в макет, используя плагин Unsplash.
  • Как сделать рабочую область для создания в ней дизайна сайта.
  • Насколько удобно работать с компонентами.
  • Как быстро, за несколько кликов, добавлять изображения.
  • Как сделать интерактивный прототип, который можно отправить заказчику.

Об авторе курса:

Даниил Волосатов

  • Веб-дизайнер с более чем 10-летним опытом работы.

12. «Мастер-классы по веб-дизайну в Figma» от Яна Агеенко

Язык: русский.

Длительность курса: 39 уроков длительностью от 30 минут до 2 часов. Общая длительность 46,5 часов.

Формат обучения: видеоуроки.

Уровень: для начинающих и продвинутых.

Обратная связь: нет.

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

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

  1. Веб-дизайн с нуля до первых работ за 1 день.
  2. Дизайн мобильного приложения в стиле необрутализм.
  3. Как нарисовать векторные иконки для сайта или приложения.
  4. Делаем концепт интернет-магазина очков в стиле миниморфизм.
  5. Делаем дизайн сайта в стиле «Игра в кальмара» в стили миниморфизм.
  6. Делаем мобильную версию сайта «Игра в кальмара».
  7. Оформляем проект для портфолио на Behance и Dribbble.
  8. Рисуем лица людей в стиле Flat.
  9. Бесплатный урок по веб-дизайну в геометрическом стиле.
  10. Делаем первый экран сайта с применением эффекта неонового свечения.
  11. Дизайн мобильного приложения с нуля.
  12. Рисуем дизайн мобильного приложения для доставки еды.
  13. Как легко и быстро нарисовать человека.
  14. Рисуем футуристический дизайн интерфейса мобильной игры «Тетрис».
  15. Мастер-класс по редизайну сайта Belaz.
  16. Делаем адаптивный дизайн сайта под мобильные устройства.
  17. Делаем отзывчивый дизайн сайта.
  18. Делаем дизайн логотипа.
  19. Делаем дизайн сайта про горы.
  20. Урок по дизайну мобильного приложения в стиле Glassmorfizm.
  21. Делаем мобильное приложение про аквадискотеку.
  22. Мастер-класс по дизайну сайта агентства элитной недвижимости.
  23. Мастер-класс по дизайну внутренней страницы сайта агентства элитной недвижимости.
  24. Оформляем кейс для портфолио на Behance.
  25. Дизайн логотипа и айдентики для канала о саморазвитии.
  26. Делаем дизайн-шот для Dribbble.
  27. Делаем дизайн интернет-магазина подарков на 8 марта.
  28. Бесплатный урок по дизайну сайта в Figma.
  29. Делаем дизайн сайта в стиле брутализм/антидизайн.

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

  • Делать дизайн сайтов и приложений в графическом редакторе Figma.

13. «Основы дизайна» от Яна Агеенко

Язык: русский.

Длительность: 7 уроков длительностью от 5 до 20 минут. Общая длительность 1,5 часа.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: в комментариях к видео.

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

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

  1. С чего начать обучение дизайну.
  2. Как научиться делать крутой дизайн.
  3. Принцип минимализма в дизайне.
  4. Принцип иерархии в дизайне.
  5. Основные правила типографики в графическом и веб-дизайне.
  6. Топ-10 самых распространённых ошибок в графическом, UI и веб-дизайне.
  7. Что хорошего в плохом дизайне.

14. «Web Design» от образовательного проекта «Наука Дизайна»

Язык: русский.

Длительность: 6 уроков длительностью от 25 до 50 минут. Общая длительность 3,5 часа.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Прототип сайта.
  2. UI и навигация.
  3. Графика и иконки.
  4. Проекты и контакты.
  5. Мобильная версия.
  6. Публикация проекта.

Кто проводит курс:

Роман Горелик

  • Сооснователь «Науки Дизайна».
  • Дизайнер с 2006 года.
  • Закончил свыше 300+ проектов.
  • Прочёл 100+ книг по дизайну.

15. «Уроки по веб-дизайну» от Highlights School

Язык: русский.

Длительность: 90 уроков длительностью от 10 минут до 2 часов 40 минут.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Уроки Figma. Полезные сервисы.
  2. Уроки Figma. Дизайн мобильного приложения.
  3. Figma или Photoshop.
  4. Эффекты наведения.
  5. Photoshop для веб-дизайнера.
  6. Свечение на сайте. Тренды в веб-дизайне.
  7. Модульная сетка в веб-дизайне.
  8. Хаос в блоках. Тренды.
  9. Набор интересных Мокапов.
  10. Набор интересных шрифтов.
  11. Блочный скроллинг. Тренды.
  12. Оформление проекта.
  13. SVG маска.
  14. Основы веб-дизайна с Антоном Чёрным.
  15. Градиенты. Тренд.
  16. Тренды. Видео в фоне.
  17. Flat -lay в веб-дизайне.
  18. Создание UI-макета в веб-дизайне.
  19. Тренды. Заведение за объект.
  20. Тренды. Плоский дизайн.
  21. Тренды. Большая типографика.
  22. Тренды. Минимализм.
  23. Мой первый дизайн-макет.
  24. Дизайн-макет за час.
  25. Распространённые ошибки веб-дизайна.
  26. Как стать веб-дизайнером.
  27. Профессия «веб-дизайнер».
  28. Веб-дизайн с нуля за вечер.
  29. Untitled Project.
  30. Как найти клиентов и зарабатывать на веб-дизайне.

16. «Уроки веб-дизайна с нуля для начинающих» от Максима Солдаткина

Язык: русский.

Длительность: 54 урока длительностью от 5 минут до 1,5 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих и продвинутых.

Обратная связь: нет.

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

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

  1. Уроки Figma. Начало работы. Основы программы.
  2. Сетка и размер экрана.
  3. Правило внешнего и внутреннего. Теория близости, модульности.
  4. Компьютер для дизайнера: как выбрать компьютер и монитор.
  5. Кнопки: как нарисовать.
  6. Sketch, Figma, Adobe XD: альтернатива Photoshop для дизайнера.
  7. Настройка Photoshop для дизайнера.
  8. Подборка книг для веб-дизайнера.
  9. Адаптивный дизайн сайта. Особенности создания.
  10. Модульная сетка для сайта. Принципы и правила.
  11. Иконки для сайта: как создать, где найти.
  12. Дизайн лендинга. С чего начать.
  13. Шрифты.
  14. Фриланс. Как начать зарабатывать, работая со студиями и агентствами.
  15. UI/UX Дизайн сайта. С чего начать.
  16. Где брать бесплатные картинки для дизайна сайта и веб-дизайна.
  17. Adobe XD. На Windows и Mac для дизайна интерфейсов UX/UI, сайтов, приложений.
  18. Дизайн тревел сайта «on Map».
  19. Как сделать модульную сетку 960 gip. Вертикальные и горизонтальные правила в дизайне сайта.
  20. Бали, Тайланд или Вьетнам — куда ехать дизайнеру на фрилансе зимовать. Визы, цены, отзывы.
  21. Топ-5 правил типографики на сайте. Типографская клавиатура для веб-дизайнера.
  22. Типографика: как подобрать цифровую пару для сайта.
  23. Как дизайнеру сверстать сайт.
  24. Портфолио, презентация, анимация.
  25. Базовые навыки веб-дизайнера. Как быстро стать профессионалом.
  26. Первые деньги. Заработок на веб-дизайне в Интернете удалённо.
  27. Как создать идеальный Лендинг Пейдж.
  28. Хохотун. Дизайн сайта в ворде.
  29. Как сделать идеальный сайт для поиска стилиста New You.
  30. 10 рабочих способов найти клиента на веб-дизайн.
  31. Как сделать интерактивный прототип сайта или мобильного приложения за 1 минуту.
  32. Как дизайнеру найти вдохновение для дизайна сайта или интерфейса.
  33. Как сделать адаптивный сайт под разные размеры дизайна и главные принципы адаптивных сайтов.
  34. Профессия веб-дизайнео и дизайнер интерфейсов UX/UI.
  35. Как написать техническое задание на дизайн сайтов.
  36. Новый дизайн интерфейса сайта last.fm.
  37. Нужно ли дизайнеру изучать код и заниматься вёрсткой.
  38. Как подготовить макет сайта для вёрстки, для верстальщика.
  39. Как делать только один вариант дизайна. Почему клиент хочет несколько вариантов.
  40. Новый лендинг пейд для Снеж.ком. Редизайн сайта горнолыжного комплекса.
  41. С нуля в студию дизайна за месяц.
  42. Тренды веб-дизайна. Тенденции в оформлении.
  43. Сайт украинской серии гонок Drift Edition.
  44. Дизайн сайта в Photoshop. Урок по шагам.
  45. Идеальная типографика и микротипографика. Как подобрать шрифты для текста и заголовка, длину строки.
  46. Как сделать интернет-магазин китайского чая.
  47. Дизайн мобильного приложения под разные размеры экранов.
  48. Как написать пользовательский дизайн для интерфейса сайта или приложения.
  49. Понятие инсайт. Как найти инсайт.
  50. Что такое backend и frontend.
  51. Интернет-магазин экопосуды.
  52. Что такое рекламный инсайт. Как придумать хороший.
  53. Сущности в веб-дизайне и интерфейсах.
  54. A/B тестирование. Что веб-дизайнер должен знать о веб-тестировании.

17. «Бесплатный курс: Веб-дизайн с нуля» от Ивана Процко

Язык: русский.

Длительность: 84 урока, продолжительность каждого от 10 секунд до 10 минут.

Формат: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет 

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

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

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

18. «Веб-дизайн: теория» от Софьи Филипповой

Язык: русский.

Длительность курса: 44 урока длительностью от 5 до 20 минут.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Теория цвета в веб-дизайне. Цветовой круг.
  2. Ошибки новичков.
  3. Правила подготовки дизайн-макета к вёрстке.
  4. Книги для UX/UI-дизайнеров.
  5. Что не должен уметь веб-дизайнер.
  6. Плагины для Figma.
  7. Виды сайтов, какие есть типы сайтов.
  8. UI-кит: зачем и что должно быть внутри.
  9. Нейромаркетинг в веб-дизайне.
  10. Тренды 2021 в UX/UI дизайне, веб-дизайне.
  11. Конструкторы сайтов: Tilda, VIX, Vigbo, WordPress.
  12. Программы для создания сайтов.
  13. Этапы рабочего процесса веб-дизйнера.
  14. Сколько зарабатывает веб-дизайнер.
  15. Чем занимается веб-дизайнер.
  16. Как стать веб-дизайнером.
  17. Навыки веб-дизайнера.
  18. 8 антитрендов в UI-дизайне.
  19. 8 трендов UX/UI дизайна.
  20. Плюсы и минусы профессии веб-дизайнер.
  21. Обучение веб-дизайну. Где лучше учиться.
  22. Адаптивный дизайн сайта.
  23. Модульные сетки.
  24. Стили в веб-дизайне.
  25. Дизайн под целевую аудиторию.
  26. Работа после дизайна: подготовка, вёрстка, домен, хостинг.
  27. Предпроектная работа: бриф, прототип, мудборд.
  28. 5 фишек фотошопа для веб-дизайнера.
  29. Как сделать портфолио.
  30. Как не завалить сроки.
  31. Резюме для веб-студии.
  32. Преспективна ли профессия веб-дизайнер.
  33. Кто такие UX/UI дизайнеры, чем они отличаются от веб-дизайнеров.
  34. Как не боятся брать заказы на фрилансе.
  35. Как выбрать ноутбук веб-дизайнеру.
  36. Ошибки начинающих.
  37. Пути развития веб-дизайнера, на чём можно зарабатывать.
  38. Позиционирование веб-дизайнера.

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

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

Кто проводит курс:

Софья Филиппова

  • Основатель веб-студии Filippova Design и онлайн-школы дизайна Filschool.
  • Создатель магазина одежды для фрилансеров Filshop.
  • Занимается дизайном с 2014 года.

19. «Веб-дизайн: практика» от Софьи Филипповой

Язык: русский.

Длительность: 12 уроков длительностью от 5 до 40 минут. Общая длительность 5 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих и продвинутых.

Обратная связь: нет.

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

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

  1. Сайт-портфолио в Figma через прототип.
  2. Прокрутка вниз и слайдер в Figma.
  3. Дизайн туториал: дизайн первого экрана.
  4. Импорт из Figma в Tilda: перенос в конструктор.
  5. Дизайн сайта в Figma.
  6. Редизайн в Figma.
  7. Дизайн лендинга в Photoshop.
  8. Создание лендинга самостоятельно в «Фотошопе».
  9. Дизайн 1-го экрана Landing Page в Adobe Photoshop.
  10. Дизайн 2-го экрана Landing Page в Adobe Photoshop.
  11. Дизайн 3-го экрана Landing Page в Adobe Photoshop.

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

  • Делать дизайн сайтов в Figma и Photoshop.

20. «Веб-дизайн: клиенты» от Софьи Филипповой

Язык: русский.

Длительность: 15 уроков, длительностью от 5 до 20 минут. Общая длительность 3 часа.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Схема работы веб-дизайнеров.
  2. Как найти первого клиента веб-дизайнеру.
  3. Как искать заказы веб-дизайнеру.
  4. Как не завалить сроки проекта.
  5. Резюме веб-дизайнера для веб-студии.
  6. Как определить плохого клиента на дизайн сайта.
  7. Как искать заказы. Новые способы и подробнее.
  8. 5 советов веб-дизайнеру по работе с клиентами.
  9. Как получать больше заказов с фриланса.
  10. Как искать заказы.
  11. Как рассчитать стоимость дизайна.
  12. Взаимодействие с клиентов: бриф, интервью, ТЗ.
  13. Способы поиска клиентов.
  14. Сайт-портфолио в Figma.
  15. Резюме и портфолио UX-UI-дизайнера, веб-дизайнера. Советы по составлению.
  16. Советы по работе с клиентами.

21. «Уроки по UX/UI Design» от DesignLab

Язык: русский.

Длительность: 22 урока, длительностью от 10 минут до 3 часов. Общая длительность 19,5 часов.

Формат: видеоуроки.

Уровень сложности: для начинающих и продолжающих.

Обратная связь: нет.

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

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

  1. Описание курсов.
  2. Теория: введение в UX/UI дизайн.
  3. Практика: Research.
  4. Теория: виды сайтов, User Flow.
  5. Практика: User Flow.
  6. Теория: Usability.
  7. Теория: Wireframes.
  8. Практика: Создаем Wireframes главной страницы, корзины и попап.
  9. Теория: подготовка к UI.
  10. Практика: создаём UI главной страницы.
  11. Теория: 7 правил красивого дизайна.
  12. Практика: создаём UI корзины.
  13. Практика: создаём UI страницы «О нас».
  14. Практика: создаём UI страницы «Контакты».
  15. Теория: Мокап. Портфолио.
  16. Практика: UI мобильной версии главной страницы.
  17. Теория: Деньги и дизайн. Где найти клиентов?
  18. Практика: Эффекты, раскладываю по папкам слои главной страницы.
  19. Теория: Философия дизайна.
  20. Практика: Design Kit.

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

  • Кто такой UX/UI-дизайнер.
  • Как сделать макет сайта.
  • Как спроектировать красивое мобильное приложение.
  • Различные секреты профессионального дизайнера.

Об авторе курса: 

  • Александр Гайдай cоздаёт обучающие курсы по веб-дизайну более 6 лет.

22. «Уроки по UI/UX Design» от Игоря Джазова

Язык: русский.

Длительность: 80 уроков, длительностью от 5 минут до 2 часов. Общая длительность 18 часов 40 минут.

Формат: видеоуроки.

Уровень сложности: для начинающих и продолжающих.

Обратная связь: нет.

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

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

  1. Подробности обучения профессии.
  2. Как найти работу и сделать портфолио с нуля.
  3. Как делать сетки в UI-дизайне новичкам.
  4. С чего начать UI-дизайн сайта или мобильного приложения.
  5. Лучшие плагины для Figma.
  6. Дизайн сайта в Figma. Дизайн с нуля.
  7. Figma. Уроки с нуля для UX/UI-дизайнера.
  8. Как стартовать в профессии и сделать сильное портфолио с нуля.
  9. Как сделать (где скачать) иконки для сайта в Figma.
  10. Топ-6 принципов юзабилити. UX/UI дизайн. Как создавать удобные сайты.
  11. Старт новичку за 2 месяца.
  12. Разбор дизайна промо-сайтов.
  13. Программы для UX/UI-дизайна: Figma, Sketch, Adobe XD.
  14. Откуда брать идеи для дизайна сайта.
  15. Фриланс для начинающих дизайнеров. С чего начать.
  16. Как стартовать с нуля.
  17. Как пройти собеседования.
  18. Чем отличается веб-дизайн от UX/UI-дизайна.
  19. Что нужно знать. Как выбрать профессию.
  20. Дизайн сайта в Figma и Tilda с нуля до публикации за 2 часа.
  21. Как составить резюме.
  22. Фриланс для практикующих: как начать и заработать.
  23. Сайт на Тильде с анимацией.
  24. Ошибки начинающих.
  25. Как работать с заказчиками.
  26. Дизайн мобильного приложения.
  27. Как стать дизайнером мобильного приложения.
  28. Юзабилити: сервисы для тестирования, методы юзабилити исследования.
  29. Веб-аналитика для дизайнера.
  30. Как протестировать дизайн.
  31. Как заработать через интернет больше.
  32. Дизайн интерфейсов для новичков.
  33. Создание прототипа сайта.
  34. Интерактивный прототип в Axure.

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

  • Работать на Figma, Tilda, Axure, Sketch, Adobe XD.
  • Создавать макет сайта.
  • Проектировать привлекательное мобильное приложение.
  • Составлять резюме веб-дизайнера.

23. «Уроки по UX/UI дизайну» от Евгения Кузьмина

Язык: русский.

Длительность: 34 видеоурока, длительностью от 10 минут до 2 часов. Общая длительность 42 часа 15 минут.

Формат: видеоуроки.

Уровень сложности: для начинающих и продолжающих.

Обратная связь: нет.

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

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

  1. Рисуем сайт для бюро переводов по реальному ТЗ.
  2. 7 принципов типографики в веб-дизайне.
  3. Рисуем каталог товаров для фешн-магазина.
  4. Работа с сеткой в веб-дизайне: основные понятия.
  5. Разбираем нестандартные сетки и анимации у промо-сайтов.
  6. Figma: быстрый старт.
  7. Типографика в вебе.
  8. Сетки, композиции и адаптив.
  9. Рисуем в вебе сайт фильма «Джокер».
  10. Нестандартная анимация в Tilda.
  11. Верстаем сайт в Тильда с анимациями.
  12. Добавляем анимации в Figma на сайт фильма «Джокер».
  13. Как попасть в ТОП Behance.
  14. Как продавать дизайн дорого.
  15. Как создавать лендинги стоимостью от 150 000 рублей.
  16. Рисуем стильный дизайн сайта в Figma и Tilda.
  17. Создаём стильный дизайн сайта за час.
  18. UX/UI мобильного приложения.
  19. Проектирование UI для сервисов.
  20. Как работать с Customer Journey Map.
  21. Как научиться проектировать в UX,
  22. Как работать с плагинами Figma.
  23. Принципы дизайна мобильных приложений.
  24. Разбор графических редакторов для веб-дизайна.
  25. Рисуем сайт для рекламного агентства и публикуем его на Behance.
  26. Рисуем сайт для ювелирной студии.

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

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

24. «Веб-дизайн» от AndyOne

Язык: русский.

Длительность: 9 уроков, длительностью от 5 до 10 минут. Общая длительность 1 час 10 минут.

Формат: видеоуроки.

Уровень сложности: для начинающих и продолжающих.

Обратная связь: нет.

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

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

  1. Цвета.
  2. Формы.
  3. Сетки.
  4. Как не умереть с голоду, играя в художника.
  5. Как увеличить доход фрилансера с помощью WordPress.
  6. 10 секретов Sketch, которые упростят вам жизнь.
  7. 6 правил продуктивной работы на фрилансе.

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

  • Базовым принципам UX-дизайна.
  • Секретам Sketch.
  • Секретам продуктивного фриланса.

25. «Уроки Web Design — UI/UX» от G-Starting

Язык: русский.

Длительность: 13 роликов длительностью от 3 до 15 минут. Общая длительность 1 час.

Формат: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

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

26. «UX Design for Mobile Developers» от Udacity

Язык: английский.

Длительность: 4 урока.

Формат: видеоуроки + тесты.

Уровень сложности: для начинающих.

Обратная связь: нет.

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

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

  1. Что такое пользовательский опыт?
  2. Дизайн, ориентированный на пользователя.
  3. Проектирование для экранов смартфонов.
  4. Дизайн для Android.

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

  • Отличать UX-дизайн от UI-дизайна.
  • Придумывать «аватары» и эффективно анализировать пользователей.
  • Проектировать интерфейсы с упором на мобильные устройства.
  • Работать с Android API.

Об авторах курса:

Курс создан командой разработчиков Google, преподаватели — профессиональные дизайнеры.

27. «Visual Elements of User Interface Design» от Калифорнийского института искусств

Язык: английский, есть русские субтитры.

Длительность: курс рассчитан на 4 недели, общая длительность уроков 16 часов.

Формат: видеолекции + текстовые материалы + практические упражнения.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Что такое пользовательский интерфейс?
  2. Формальные элементы дизайна интерфейсов.
  3. Активные элементы дизайна интерфейса.
  4. Составление элементов дизайна интерфейса.

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

  • Что такое UI и UX.
  • Как создать привлекательный пользовательский интерфейс.

О преподавателе курса:

  • Майкл Уортингтон — преподаёт веб-дизайн в Калифорнийском институте искусств. Публиковал свои работы в множестве стран, в том числе в Китае, Японии, Англии, Франции, Италии. Обучил более 600 тысяч человек.

28. «UX Design Fundamentals» от Калифорнийского института искусств

Язык: английский, есть русские субтитры.

Длительность: курс рассчитан на 4 недели, общая продолжительность занятий 12 часов.

Формат: видеоуроки + текстовые материалы + тесты.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Создание идеи и разработка.
  2. Планирование, тестирование, исследование, создание карты сайта.
  3. Куда вы движетесь?
  4. Создаём прототип.

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

  • Формулировать и структурировать идеи.
  • Исследовать аудиторию. Разрабатывать логику своего приложения и карту сайта.
  • Проектировать логичный и функциональный интерфейс.
  • Разрабатывать эффективные прототипы.

О преподавателе курса:

  • Майкл Уортингтон — преподаёт веб-дизайн в Калифорнийском институте искусств. Публиковал свои работы в множестве стран, в том числе в Китае, Японии, Англии, Франции, Италии. Обучил более 600 тысяч человек.

29. «Web Design: Strategy and Information Architecture» от Калифорнийского института искусств

Язык: английский, есть русские субтитры.

Длительность: курс рассчитан на 4 недели, общая длительность уроков 12 часов.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Процесс взаимодействия с пользователем.
  2. Определение стратегии.
  3. Очерчивание сферы охвата.
  4. Карта сайта.

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

  • Что такое UX-дизайн.
  • Как анализировать аудиторию.
  • Как создать карту сайта.
  • Как протестировать свою карту с помощью инструмента TreeJack.

Об авторе курса:

  • Роман Джастер — графический дизайнер из Лос-Анджелеса со стажем работы более 14 лет.

30. «Web Design: Wireframes to Prototypes» от Калифорнийского института искусств

Язык: английский c русскими субтитрам.

Длительность: курс рассчитан на 4 недели, общая длительность уроков 40 часов.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Каркасы.
  2. Делайте красиво: макет.
  3. Экскурсия в Коделандию.
  4. Соберём всё воедино: финальная презентация.

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

  • Что такое адаптивный дизайн, каркасы и какие инструменты подходят для их создания
  • Как сделать макет главной страницы
  • Основы HTML, CSS и JavaScript
  • Как создать прототип для портфолио

Об авторе курса:

  • Роман Джастер — графический дизайнер из Лос-Анджелеса со стажем работы более 14 лет.

31. «Human-Centered Design: an Introduction» от Калифорнийского университета в Сан-Диего

Язык: английский, есть русские субтитры.

Длительность: курс рассчитан на 4 недели, общая длительность уроков 15 часов.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Введение.
  2. Поиск идей.
  3. Быстрое прототипирование.
  4. Эвристическая оценка.

Об авторе курса:

  • Скотт Клеммер — профессор когнитивных и компьютерных наук в Калифорнийском университете Сан-Диего.

32. «Design Principles: an Introduction» от Калифорнийского университета в Сан-Диего

Язык: английский.

Длительность: курс рассчитан на 3 недели, общая длительность уроков 13 часов.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Прямые манипуляции и представления.
  2. Визуальный и информационный дизайн.
  3. Тестирование идей.

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

  • UX/UI-дизайну.
  • Анализировать свои идеи.

Об авторе курса:

  • Скотт Клеммер — профессор когнитивных и компьютерных наук в Калифорнийском университете Сан-Диего.

33. «Информационный дизайн» от Калифорнийского университета в Сан-Диего

Длительность: курс рассчитан на 3 недели, общая длительность уроков 14 часов.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Каркасы и макеты.
  2. Гибкая компоновка.
  3. Новые устройства, большие данные.

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

  • Делать быстрые прототипы.
  • Проектировать более гибкие интерфейсы.
  • Создавать умные вещи.

Об авторе курса:

  • Скотт Клеммер — профессор когнитивных и компьютерных наук в Калифорнийском университете Сан-Диего.

34. «Digital Skills: User Experience» от Accenture

Язык: английский.

Длительность: курс рассчитан на 3 недели, общая длительность уроков 6 часов.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Почему UX важен?
  2. Основы пользовательского опыта.
  3. Инструменты и тестирование.

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

  • Основам проектирования UX.
  • Структурировать сайт, создавать каркасы и интерактивные прототипы.
  • Дизайну взаимодействия, пользовательскому тестированию.

35. «Foundations of User Experience (UX) Design» от Google

Язык: английский, есть русские субтитры.

Длительность: курс рассчитан на 4 недели, общая длительность уроков 25 часов.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Введение.
  2. Знакомство с общими терминами, инструментами и фреймворками в UX-дизайне.
  3. Объединение дизайн-спринтов.
  4. Создание профессионального присутствия.

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

  • Должностные обязанности UX-дизайнеров.
  • Основополагающие концепции в UX-дизайне.
  • Что такое дизайн-спринты и как их использовать в работе.
  • Как создать привлекательное онлайн-портфолио.

Об авторах курса:

  • Курс создан командой разработчиков Google.

36. «Start the UX Design Process: Empathize, Define, and Ideate» от Google

Язык: английский.

Длительность: курс рассчитан на 5 недель, общая длительность уроков 29 часов.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Интеграция исследований в процесс проектирования.
  2. Сопереживание пользователям и определение болевых точек.
  3. Создание пользовательских историй и карт путешествий.
  4. Определение проблем.
  5. Идеализация проектных решений.

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

  • Различные методы исследования аудитории
  • Как создавать персонажей, опираясь на реальных пользователей
  • Как правильно ставить задачи, чтобы определять потребности пользователей
  • Как генерировать идеи для решения проблем пользователей

Об авторах курса:

  • Курс проводит команда Google Career Certificates.

37. «Conduct UX Research and Test Early Concepts» от Google

Язык: английский.

Длительность: курс рассчитан на 4 недели, общая длительность уроков 21 час.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. UX-исследования.
  2. Анализ и синтез результатов.
  3. Обмен опытом для улучшения дизайна.

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

  • Планировать и проводить исследования юзабилити.
  • Анализировать и синтезировать результаты исследования юзабилити.
  • Делиться идеями с коллегами, чтобы улучшить свои работы.

Об авторах курса:

  • Курс проводит команда Google Career Certificates.

38. «Design a User Experience for Social Good & Prepare for Jobs» от Google

Язык: английский.

Длительность: курс рассчитан на 5 недель, общая длительность уроков 46 час.

Формат: видеоуроки + текстовые материалы + лекции.

Уровень сложности: для начинающих.

Обратная связь: нет.

Сертификат: выдаётся (платно).

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

  1. Запуск процесса проектирования UX: сопереживание, определение, создание идей.
  2. Проектирование каркасов и низкоточных прототипов.
  3. Создание макетов и высокоточных прототипов.
  4. Разработка дополнительного адаптивного веб-сайта.
  5. Поиск работы в UX.

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

  • Создавать полноценное и эффективное портфолио, опираясь на полученные знания о процессах проектирования UX.
  • Делать каркасы, макеты, низко- и высокоточные прототипы для мобильного приложения и адаптивного веб-сайта.
  • Как вести себя на собеседовании при трудоустройстве на должность UX-дизайнера.

Об авторах курса:

  • Курс проводит команда Google Career Certificates.
Алексей Шаполов

Основатель проекта. Разбираюсь в SEO, копирайтинге и интернет-маркетинге. Работаю онлайн с 2018 года. Люблю философствовать, потреблять контент в самых разнообразных его формах и, конечно же, писать интересные статьи для своих сайтов.

Оцените автора
Пройти.Ру
Добавить комментарий

  1. Людмила

    Интересует бесплатные онлайн курсы по веб дизайну

    Ответить