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

Для начинающих с нуля. До уровня PRO.

🥇 Лучший курс. «Веб-дизайнер: Взрывной Старт» от 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

Отзывы:

На правах рекламы. «Профессия Веб-Дизайнер PRO» от GeekBrains [гарантированная стажировка]

Продолжительность: 8 месяцев.

Документ об окончании: электронный сертификат + удостоверение о повышении квалификации установленного образца.

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

Особенности:

  • Гарантированная стажировка
  • Помощь в трудоустройстве (однако всегда помните, что, трудоустроитесь ли вы по окончании обучения или нет, зависит главным образом от вас и ваших действий)
  • За время прохождения курса вы создадите с нуля портфолио из 5 проектов, которые станут вашим лицом для потенциальных работодателей
  • Насыщенная образовательная программа (13 блоков = свыше 100+ уроков)
  • Выпускники GeekBrains работают в таких крупных компаниях, как «Сбер», «Аэрофлот», «Совкомбанк», «Ростелеком», «МТС», Philip Morris и многих других
  • Можно получить налоговый вычет в размере 13% от стоимости курса
  • Бесплатная консультация для желающих начать обучение

2. «Первый шаг в графическом дизайне» от «Нетологии»

Курс содержит в себе 6 тем, каждое занятие длится примерно 30 минут. Наличие диплома или сертификата здесь не предусмотрено: обучение короткое и бесплатное.

Что касается формата, то курс для начинающих состоит из видеолекций и воркшопов в записи. Обратной связи в «Первом шаге» нет: пользователь после регистрации получает все материалы и может изучать их в любое время.

Вся программа практического курса рассчитана на бесплатную версию Canva. В частности, можно будет изучить:

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

Этот бесплатный курс от «Нетологии» включает набор уроков, благодаря которым можно познакомиться со всеми возможностями редактора.

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

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

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

Кстати об авторе! Им является Дарья Серединская— контент-директор Canva в России. Создатель обещает, что каждый ученик точно откроет для себя что-то новое.

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

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

Программа обучения включает в себя:

  • быстрый старт в Photoshop и Illustrator;
  • дизайн рекламной графики в Figma;
  • воркшоп по моушен-дизайну в After Effects.

В личном кабинете учеников уже ждёт подборка интересных статей по темам занятий. Самое интересное — на видеолекциях! Просмотрев их все, можно научиться:

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

Плюс курса в том, что он бесплатный. Но в «Обзоре главных инструментов дизайнера» нет ни обратной связи, ни хоть какого-нибудь документа по завершению. Впрочем, материал рассчитан для новичков, который в будущем могут захотеть приобрести другой курс, уже с поддержкой и сертификатом.

Немного о создателях видеолекций: их четверо. Нам материалом поработали дизайнеры, иллюстраторы, продюсеры — Андрей Малеваник, Никита Новосёлов, Всеволод Шапошников, Гарри Марковский.

4. «Веб-дизайн: создаём прототип макета сайта» от GeekBrains

Маленький курс из 2-х занятий подойдёт тем, что только пробует себя в этой креативной профессии! Документ об окончании здесь не предусмотрен: материала совсем мало, буквально 2 часа занятий. Обратной связи тоже нет, ведь проверять здесь особо нечего.

Программа обучения включает в себя одну тему: создание прототипа макета сайта. Это — единственное, чему можно научиться на небольшом курсе. Два видеоурока доступны сразу после регистрации. Если обучение понравится — можно записаться на другой курс (платный или нет).

Ученики отзываются о занятиях положительно. В частности, они отмечают:

  • доступное объяснение материала;
  • актуальность уроков;
  • возможность повторения навыков работы в Photoshop.

Курс ёмкий — это и плюс, и минус одновременно. Он бесплатный и понятный, станет идеальным «стартом» для новичков и отличным «продолжением» для тех, кто уже в курсе основ веб-дизайна. Создатель курса (Наталья Курандинова) постаралась сделать обучение лёгким и интересным!

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

И ещё один (не последний!) курс от «Нетологии». На этот раз он посвящён постерам, логотипам, иллюстрациям — всему тому, что можно добавить в портфолио.

Курс состоит из 7 часов теории и 10 часов практики, как распределить это время — каждый ученик решает самостоятельно. Кто-то может проходить обучение полгода, тогда как другие — за несколько дней. Впрочем, после регистрации у пользователей есть неограниченное время на изучение материала. Которого, кстати, довольно много. Программа обучения состоит из тем:

  • введения в Adobe Illustrator;
  • логотип из модульной сетки;
  • цифровая каллиграфия;
  • многослойные изображения;
  • паттерны;
  • иллюстрация и типографический плакат (в том числе 3D).

А ещё будет немного интересного материала о том, как начать работать на фрилансе! Пару слов о дипломах и сертификатах: они не выдаются. Курс хоть и большой, но он бесплатный. «Нетология» не предлагает какие-либо документы по завершению обучения. Обратная связь отсутствует, но есть подробные видео со всеми разъяснениями.

Чему можно научиться на курсе:

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

Авторы курса (Марина Сайфудинова и Влад Алдохин) подготовили все эти материалы для новеньких в профессии. У курса практически нет минусов, разве что, отсутствие обратной связи и документа по завершению. Но обучение бесплатное, поэтому на такой недостаток можно закрыть глаза. Видеоуроки и практические задания не валятся на учащихся одним снежным комом, а открываются по мере прохождения курса.

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

С небольшим курсом могут ознакомиться все пользователи YouTube. Всего здесь 10 видеоуроков — несколько по 1,5-2 часа, остальные — покороче. Документы по окончанию не выдаются, так как отсутствует даже привычная регистрация. Всё, что нужно сделать — это посмотреть видеозаписи Яна Агеенко, по желанию — повторить за ним. Успех никем не контролируется, если есть вопрос — его можно задать в комментариях.

Программа обучения состоит из следующих тем:

  • веб-дизайн с нуля (инструменты, где брать картинки, иконки и шрифты, знакомство с Figma);
  • основные правила типографики;
  • веб-дизайн в геометрическом стиле;
  • принцип иерархии в дизайне;
  • неоновое свечение текста;
  • минимализм;
  • дизайн мобильного приложения для доставки еды;
  • распространенные ошибки в графическом, веб и UI-дизайне.

Также есть мастер-класс по редизайну сайта и видео о том, как сделать красивую и понятную страничку самостоятельно. К концу обучения можно узнать не только об основах специальности, но и о некоторых нюансах (например, о том, почему многие начинающие веб-дизайнеры так и не получают долгожданных заказов).

К преимуществам курса можно отнести информативность, приятное голосовое сопровождение. Из недостатков — отсутствие обратной связи (ответить могут только в комментариях к уроку). Собственно, там и пишут отзывы. Пользователи отмечают «отличную подачу», «большое количество материала», «голос, который хочется слушать без перемотки». Подобные слова уже говорят о многом!

7. «Как стать дизайнером интерфейсов» от «Яндекс.Практикум»

7 месяцев обучения по 10 часов в день — придётся потрудиться, чтобы освоить новую профессию. «Яндекс.Практикум» предлагает бесплатный 10-часовой модуль и 4 упражнения в Figma-тренажёре. Вводного занятия достаточно для того, чтобы определиться с дальнейшими целями!

Платное продолжение сопровождается поддержкой наставника и дипломом. Видеоуроки разработаны таким образом, чтобы ученики переходили от «лёгкого» к «тяжёлому», не перескакивая темы.

В программе вводного модуля:

  • поле деятельности дизайнера в цифровой среде;
  • знакомство с основными инструментами дизайнера интерфейсов;
  • создание первого макета.

Какие навыки можно получить по завершению всего курса? Здесь и проектирование интерфейса приложений, создание интерактивных прототипов сервисов, анализ целевой аудитории, разработка внешнего облика сайта. Плюс курса в том, что можно пройти ознакомительный фрагмент перед тем, как купить основную часть (она, кстати, дорогая, что может быть и минусом).

В любом случае, обучение от «Яндекс.Практикум» собрало много хороших отзывов. Ученики называют курс «интересным и удобным», «вдохновляющим», «с оперативной командой поддержки».

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

Освоение базовых инструментов популярного графического редактора за 16 заданий? Легко, если дело касается курса в видеоуроках для начинающих. Здесь нет дипломов и обратной связи, но есть много полезного материала и «секретных фишек», о которых не расскажут другие преподаватели.

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

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

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

«Основы Figma» предполагают изучение работы с шейпами, сетками, масками, стилями, цветом и градиентами. Авторы курса (Иван Крестов и Андрей Кретинин) постарались сделать самыми большим плюсом материала — его доступность. В видеоуроках текст излагается доходчиво, сказанное подтверждается картинками и графиками. Есть и минусы — отсутствие диплома и обратной связи, что свойственно многим бесплатным курсам. Впрочем, отзывы у «Основ Figma» неплохие, как и на любую программу Нетологии.

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

Маленький курс продолжительностью в 5 часов — хороший выбор тех, кто хочет узнать азы в интересующей области. Поддержка и сертификат здесь не предусмотрены, хотя программа курса достаточно обширная:

  • верстальщик или веб-дизайнер — рассмотрение в контексте развития технологий;
  • знакомство с HTML и CSS;
  • элементы, теги и атрибуты;
  • структура документов, видимые и невидимые теги;
  • каскад, правило близости;
  • размещение на GitHubPages.

Создатель (Рахим Давлеткалиев, бывший преподаватель в международном ИТ-университете) разработал видеоуроки для всех, кто хочет начать поскорее вникать в профессию. Плюс такого обучения в том, что оно не требует большого количества времени; минус — за 5 часов можно изучить лишь основы без нюансов.

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

10. «Веб-дизайн с высокого старта» от Magisters

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

Программа серии бесплатных видеолекций подойдёт начинающим. Она включает:

  • изучение основ веб-дизайна;
  • понимание процесса работы веб-дизайнера;
  • поиск вдохновения на изучение.

Также есть немного информации о ресурсах для начала новой карьеры. Регистрируясь на обучение, каждый ученик получает постоянный доступ к курсу, бонусные уроки, сообщество с другими пользователями. Обратную связь для такого маленького курса можно отнести к жирным плюсам, как и то, что материалы постоянно обновляются в личном кабинете. Из минусов — отсутствие какого-либо сертификата по завершению обучения, ученики также отмечают большое количество «воды».

Автор обучающего материала (Владислав Гриценко) подготовил неплохой материл для тех, кто хочет стать веб-дизайнером, найти свежие идеи и заняться прототипированием.

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

Курс для начинающих состоит из 5 уроков. Диплом или сертификат создателем (Данилом Фимушкином) не предусмотрен, но можно оставить комментарий к любому видеоуроку.

В программу обучения входят следующие темы:

  • настройки фотошопа;
  • сетка, шрифты;
  • подбор фото для сайтов;
  • секретыфотошопа для веб-дизайна.

К плюсам курса можно отнести то, что он содержит в себе много бесплатного, интересного материала. К минусам — автор не всегда отвечает на сообщения, проверить работу тоже некому.

Уже на первом уроке можно узнать больше о:

  • настройке рабочего пространства и Photoshop для веб-дизайна;
  • том, на что нужно обращать внимание при создании новых документов;
  • объектах, часто используемых веб-дизайнерами;
  • создании кнопки в Adobe Photoshop.

Отзывы на курс, преимущественно, хорошие. Ученики отмечают, что «всё понятно с первого раза», «видео очень интересные», хотя «в некоторых роликах попадаются ошибки».

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

Курс из 12 видеоуроков доступен сразу после регистрации. Обучение начинается с трансляции, после неё необходимо будет начать проходить практикум по веб-дизайну. Скачав рабочую тетрадь и заполнив анкету для мастер-класса, можно будет начать обучение, сопровождаемое обратной связью. Сертификат или диплом курсом не предусмотрен.

Программа обучения состоит из базовых тем для новичков. В частности, на курсе изучают:

  • дизайн сайта и Photoshop с нуля;
  • способы найти клиентов на веб-дизайн;
  • правила типографики в дизайне.

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

К плюсам курса можно отнести доступность информации и её большое количество, наличие обратной связи. К минусам — отсутствие какого-либо платного курса по завершению обучения. Школа веб-дизайна Максима Солдаткина — не самое популярное место для изучения профессии, но автор курса предлагает много полезного материала и несколько проверенных дизайн-ресурсов, с помощью которых можно найти заказы на дизайн, картинки без водяных ссылок и даже вдохновение.

13. «Создание Landing Page» с Tilda

Бесплатный онлайн-курс, который научит создавать эффективные посадочные страницы, состоит из 5 уроков. Поэтапное обучение не сопровождается обратной связью и вручением сертификата по завершению. 5 видеоуроков доступны сразу после регистрации.

Программа обучения состоит из следующих тем:

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

После прохождения всего курса каждый учащийся сможет самостоятельно создать дизайн посадочной страницы, придумать структуру, выбрать шрифт или цвет, найти целевую аудиторию и проследить за статистикой. Курс был создан при участии Никиты Обухова — основателя Tilda Publishing. Сама платформа является популярнейшим инструментом для создания веб-дизайна.

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

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

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

  • новичкам, желающим побыстрее обучиться быстрому созданию дизайнов;
  • более опытным дизайнерам, которые хотят освежить знания;
  • тем, кто ищет возможность создавать интерактивные прототипы.

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

15. «Principles of UX Design» от InVision

Длительность: 9 занятий.

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

Сертификат: нет.

Программа:

  1. Что такое пользовательский опыт?
  2. UX как практика.
  3. Планирование и создание проекта.
  4. Что такое исследование пользователей?
  5. Что такое персонажи и почему они важны.
  6. Что такое информационная архитектура?
  7. Визуальный UX-дизайн.
  8. Представление и участие в обзорах UX.
  9. За пределами UX-дизайна.

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

  • Принципам хорошего веб-дизайна.
  • Исследовать аудиторию и планировать проект перед работой.
  • Правильно структурировать информацию на страницах сайта.

Плюсы:

  • Информативность.
  • Все уроки останутся у вас навсегда и их можно будет пересмотреть, чтобы освежить знания.

Минусы:

  • Курс на английском языке.
  • Придётся долго ждать, чтобы получить все материалы — после подписки будет приходить только 1 урок в неделю на электронную почту.

Автор: Тимоти Эмбретсон — дипломированный графический дизайнер. Помогает крупным компаниям решать сложные проблемы.

16. «Fundamental UI Design» от InVision

Продолжительность: 5 занятий.

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

Сертификат: нет.

План обучения:

  1. Что такое UI-дизайн?
  2. Проектирование контента.
  3. Элементы преобразования и действия.
  4. Творческая часть UI-дизайна.
  5. Основы адаптации пользователей.

Что узнаете:

  • Основы UI-дизайна.
  • Что такое информационная архитектура и адаптивный дизайн.

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

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

Недостатки:

  • Некоторым людям придётся вооружиться переводчиком — все занятия на английском языке.
  • Материалы приходят только раз в неделю.

Автор: Джейн Портман — консультант по UX/UI из России. Решает бизнес-задачи с помощью умного UI-дизайна.

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

Курс, представленный в YouTube, состоит из 30 видеороликов. Сертификата по прохождению нет, но можно получить ответы на вопросы в комментариях к уроку.

Программа обучения включает в себя следующие темы:

  • веб-дизайн в геометрическом стиле;
  • рисование векторных иконок;
  • неоновое свечение;
  • дизайн мобильных приложений;
  • рисование человеческих лиц в стиле Flat;
  • футуристический дизайн интерфейса;
  • рисование пейзажа;
  • логотипы для реального заказчика;
  • брутализм/антидизайн.

По завершению обучения можно научиться создавать несложные дизайны для сайтов с разными шрифтами, картинками, сетками, переходами. К плюсам курса можно отнести его доступность — видеоуроки записаны доходчиво и интересно. Ну а единственный минус — никак нельзя проверить свои знания. Тем не менее, об обучении отзываются хорошо — под видео достаточно положительных отзывов.

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

Небольшой курс из 7 видеоуроков подойдёт тем, кто не любит тратить много времени на обучение. Сертификаты здесь не выдают, поддержку можно получить в комментариях (там же есть возможность пообщаться с другими людьми, изучающими эту же тему).

Программа обучения включает в себя:

  • с чего начать учиться;
  • как делать крутые дизайны;
  • принцип минимализма и иерархии;
  • правила типографики;
  • распространенные ошибки;
  • хорошее в плохом дизайне.

По окончанию курса можно научиться создавать уникальные дизайны с нуля, узнать о некоторых «фишках» и типичных ошибках начинающих дизайнеров. Единственный недостаток курса — отсутствие проверки знаний. У Яна Агеенко много других серий обучающих видеороликов на тематику веб-дизайна — можно выбрать понравившийся и подходящий по длительности.

19. «WebDesign» от «Наука Дизайна»

Маленький курс из 6 видео (длительность каждого — от 25 до 50 минут) подойдёт начинающим веб-дизайнерам. Здесь нет обратной связи и сертификата, так как все видеоуроки уже записаны и опубликованы в YouTube. Заниматься можно без регистрации.

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

  • прототип сайта;
  • UI и навигация;
  • графика, иконки;
  • проекты и контракты;
  • мобильная версия сайта;
  • публикация проекта.

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

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

Большой курс из 90 уроков подойдёт тем, кто хочет максимально углубиться в изучаемую область. Некоторые видео длятся по два часа, что уже отлично, как для бесплатного материала. Сертификат здесь не выдаётся, обратную связь можно попытаться получить в комментариях к урокам.

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

  • полезные сервисы;
  • дизайн мобильных приложений;
  • Figmaили Photoshop;
  • эффекты наведения;
  • свечение, модульная сетка;
  • интересные мокапы;
  • блочный скроллинг;
  • оформление проекта.

По завершению курса даже тот, кто ничего не знал в веб-дизайне, сможет разработать и воплотить в реальность собственный макет. К плюсам курса можно отнести огромное количество информации — целых 90 уроков! Ну а минусы — отсутствие нормальной поддержки и какого-либо документа о завершении обучения. Видеоуроки доступны к просмотру каждому — не нужна даже регистрация.

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

Большой курс в видеоуроках состоит из 55 роликов. Здесь нет обратной связи и какого-либо документа, но за помощью можно попытаться обратиться в комментарии.

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

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

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

22. «Photoshop для начинающих веб-дизайнеров» от BeOnMax

Онлайн уроки по основам роботы в фотошопе включают в себя 7 блоков, в каждом из которых содержится от 4 до 11 видео. Длительность у них короткая (в среднем, 5 минут), но сам материал лёгкий для восприятия. В конце обучения всех учеников ждут бонусы и сертификаты! Обратная связь предусмотрена, как и выполнение практических заданий. 

Программа обучения включает в себя темы, которые касаются:

  • растровой и векторной графики;
  • цветовых моделей;
  • распределения рабочей среды;
  • монтажных областей;
  • трансформирования объектов;
  • сохранения и экспорта файлов;
  • создания веб-страниц.

Закончив обучение на этом курсе, можно начать уверенно работать с программой Photoshop, выбирая при этом нужные инструменты и команды. Материал будет актуальным для тех, кто хочет узнать больше о роли web-дизайнера в процессе создания сайта.

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

Минусов здесь нет, одни преимущества. Кстати, автор курса (Нарине Мирзаян) является профессиональным веб-дизайнером международного уровня. Отзывы только положительные.

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

Этот курс в видеороликах подойдёт тем, кто только пошёл по пути веб-дизайнера. Всего здесь 42 коротких урока (длительность каждого, в среднем, 10 минут). Темы актуальные и полезные как новичкам, так и тем, кто хочет освежить знания. Сертификата по окончанию нет, как и обратной связи (только в комментариях).

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

  • типы сайтов и их наполняемость;
  • нейромаркетинг в веб-дизайне;
  • тренды в UI/UX дизайне;
  • этапы рабочего процесса;
  • антитренды;
  • полезные навыки;
  • адаптивные дизайны.

По окончанию курса можно создать свой собственный дизайн, который дополнит портфолио и станет отличным началом карьеры. К плюсам можно отнести большое количество материала и его доступность, к минусам — отсутствие обратной связи.

Курс Софии Филипповой собрал множество положительных отзывов в комментариях к видеоурокам!

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

Продолжение предыдущего курса в видеоуроках. На этот раз, учеников ждёт всего 8 видеозаписей, но они достаточно продолжительные (от 17 до 45 минут). Сертификат и поддержка, как и в вышеописанном курсе, здесь не предусмотрены, но можно получить ответ на вопрос в комментариях.

Программа включает в себя следующие темы:

  • дизайн и редизайн сайта;
  • дизайн для первого, второго и третьего экрана;
  • лендинг в фотошопе.

По окончанию курса каждый ученик, прошедший теоретическую и практическую части, сможет создать удобный и приятный глазам дизайн. К плюсам курса можно отнести его доступность — он бесплатный и информативный. Ну и минусы стандартные — отсутствие сертификата и поддержки. Тем не менее, курс Софии Филипповой собрал большое количество положительных отзывов.

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

Очередной курс от профессионального веб-дизайнера на этот раз подойдёт тем, кто пребывает в активном поиске клиентов. Как и всегда, здесь не предусмотрен сертификат и обратная связь, но свой вопрос можно оставить в комментариях под видео. Что касается самих видеоуроков, то на этот раз их 10 (в среднем, по 10 минут на каждое занятие).

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

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

Курс будет актуальным как новичкам, так и тем, кто хочет просто освежить знания, узнать что-то новенькое. У автора программы есть и другие материалы — с ними лучше ознакомиться до прохождения блока о клиентах. Кстати, в отзывах говорится, что этот курс «грамотный, понятный и четкий», «содержит в себе ответы на волнующие темы». Даже если сертификат отсутствует — созданный дизайн сайта можно добавить в портфолио, а когда появится клиент — предпринять все действия, чтобы не упустить его!

26. «Figma. Начальный уровень» от GeekBrains

Длительность: 5 уроков, каждый по 30 минут.

Формат: видеоуроки, домашние задания.

Сертификат: нет.

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

  1. Вводный урок: Swatch Library.
  2. Text styles.
  3. Buttons.
  4. Constrains.
  5. Навигация.

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

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

  • Все видеоуроки доступны с момента записи на курс и всегда будут доступны в личном кабинете.

Недостатки:

  • Не предусмотрена выдача диплома.
  • Отсутствие проверки домашних задач.

Преподаватель: Илья Полянский. Является ведущим дизайнером цифровых продуктов в «Почта России». Также ведёт свой telegram-канал по Figma для начинающих веб-дизайнеров. Опыт работы — 7 лет.

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

Длительность: 9 занятий. Каждое разделено на несколько роликов, включающих в себя теорию и практику. Всего 21 видеоурок. Средняя продолжительность — 1 час, но есть и видеоролики по 2–3 часа.

Формат: видеоматериалы.

Сертификат: нет.

План обучения: на курсе рассказывается о UX/UI-дизайне, проектировании страниц «О нас» и «Контакты», создании UI-дизайна мобильной версии сайта. Также затронуты темы поиска клиентов и составления портфолио.

Что узнаете:

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

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

  • Всё рассказано доступным языком.
  • Все видеоролики доступны сразу.

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

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

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

Формат: видеоматериалы.

Документ об окончании: нет.

Программа: на курсе рассказывается об отличиях веб-дизайнера от UX/UI-дизайнера, ошибках начинающих дизайнеров, о дизайне сайтов и мобильных приложений в Figma и Tilda, скетчах, проектировании прототипов сайтов в Axure. Также слушатели узнают много советов для оптимизации рабочих процессов.

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

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

Плюсы:

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

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

Длительность: 35 роликов, каждый идёт в среднем 1 час.

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

Сертификат: нет.

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

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

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

Плюсы:

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

Минусы:

  • Требуется базовые знания по работе с Figma и Tilda.

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

Длительность: 9 занятий, каждое идёт в среднем 3–10 минут.

Формат: видеоматериалы.

Диплом: не выдаётся.

Программа: слушатели узнают о UX-дизайне, типографике, цветах, изображениях, модульных сетках. Также в видеороликах затронуты важные правила продуктивной работы и «фишки» мастеров.

Что узнаете:

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

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

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

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

Длительность: 11 видеороликов (до 15 минут).

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

Сертификат: нет.

План обучения:

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

Что узнаете:

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

Плюсы:

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

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

Длительность: 4 лекции.

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

Документ об окончании: нет.

Программа:

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

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

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

Плюсы:

  • Ёмкий и очень информативный курс.
  • Преподаватели — профессиональные дизайнеры.

Минусы:

  • Людям, не знающим английский язык, придётся использовать переводчик.

Авторы: команда разработчиков Google.

33. «Пользовательский интерфейс» от Coursera

Длительность: 6 недель (всего на учёбу уйдёт 15 часов).

Формат: видео, текстовые материалы, практические задачи.

Сертификат: есть.

План обучения:

  1. Погружение в Xcode.
  2. Специфика iOS.
  3. Основные элементы интерфейса.
  4. Добавляем динамики.
  5. Контроллеры и переходы.
  6. Курсовое задание.

Что узнаете:

  • Как пользоваться Xcode.
  • Специфику разработки под iOS.
  • Элементы UI. Как работать с UIView, UIControl, UITableView и UICollectionView.
  • Как пользоваться Autolayout, UIStackView и TraitCollection, а также создавать адаптивный интерфейс в коде.
  • Как работать с UIViewController и Segue.
  • Как разработать полноценный проект с пользовательским интерфейсом.

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

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

Преподаватели:

  • Ильдар Гильфанов — дипломированный разработчик приложений под ОС iOS.
  • Юрий Петухов — разработчик приложений со стажем более 9 лет.

34. «Visual Elements of User Interface Design» от Coursera

Продолжительность: 4 недели (всего на учёбу уйдёт 16 часов).

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

Сертификат: предусмотрен.

Программа:

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

Узнаете:

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

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

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

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

35. «UX Design Fundamentals» от Coursera

Длительность: 4 недели (на учёбу уйдёт 12 часов).

Формат: видео, статьи, тесты.

Сертификат: выдаётся.

План обучения:

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

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

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

Плюсы:

  • Видеоуроки можно просматривать в любое удобное время.
  • Все видеолекции имеют русские субтитры.

Автор курса: Майкл Уортингтон.

36. «Web Design: Strategy and Information Architecture» от Coursera

Длительность: 4 недели (на учёбу уйдёт 12 часов).

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

Сертификат: выдаётся.

Программа:

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

Что узнаете:

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

Плюсы:

  • Много практики.
  • Уроки можно проходить в любое время.
  • Все лекции сопровождаются русскими субтитрами.

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

37. «Web Design: Wireframes to Prototypes» от Coursera

Длительность: 4 недели (на учёбу уйдёт 40 часов).

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

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

План обучения:

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

Что узнаете:

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

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

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

Автор курса: Роман Джастер.

38. «Human-Centered Design: an Introduction» от Coursera

Продолжительность: 4 недели = 15 часов на освоение материала.

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

Сертификат: выдаётся.

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

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

Плюсы:

  • Познавательный курс с большим количеством практики.
  • Заниматься можно в любое время.

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

39. «Design Principles: an Introduction» от Coursera

Длительность: 3 недели = 13 часов на освоение материала.

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

Сертификат: выдаётся.

План обучения:

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

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

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

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

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

Автор: Скотт Клеммер.

40. «Информационный дизайн» от Coursera

Длительность: 3 недели (14 часов).

Формат: видеоуроки, статьи, упражнения.

Сертификат: выдаётся.

План обучения:

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

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

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

Плюсы:

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

Преподаватель: Скотт Клеммер.

41. «Digital Skills: User Experience» от FutureLearn

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

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

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

План обучения:

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

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

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

Плюсы:

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

Минусы:

  • Курс на английском языке. Субтитров в видео нет.

42. «Foundations of User Experience (UX) Design» от Coursera

Продолжительность: 4 недели (25 часов).

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

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

Программа:

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

Что узнаете:

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

Плюсы:

  • Огромное количество практики.
  • Смотреть уроки можно в любое время.
  • Будет понятен даже новичкам.

Минусы:

  • Весь курс на английском языке.

Преподаватели: команда Google Career Certificates. Создаёт цифровые продукты, сервисы и программы, которые помогают людям и бизнесу расти.

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

Длительность: 5 недель (29 часов).

Формат: видеоуроки, статьи, упражнения.

Сертификат: выдаётся.

План обучения:

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

Что узнаете:

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

Плюсы:

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

Минусы:

  • Весь курс на английском языке.

Преподаватели: команда Google Career Certificates.

44. «Conduct UX Research and Test Early Concepts» от Coursera

Продолжительность: 4 недели (21 час).

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

Сертификат: выдаётся.

Программа:

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

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

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

Плюсы:

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

Минусы:

  • Весь курс на английском языке.

Преподаватели: команда Google Career Certificates.

45. «Design a User Experience for Social Good & Prepare for Jobs» от Coursera

Длительность: 5 недель (46 часов).

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

Сертификат: выдаётся.

План обучения:

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

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

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

Плюсы:

  • Информативные уроки с большим количеством практики.
  • Видеолекции можно смотреть в любое удобное время.
  • Подойдёт для новичков.

Минусы:

  • Весь курс на английском языке.

Преподаватели: команда Google Career Certificates.

Алексей Шаполов

Основатель и главный редактор проекта. Специалист в области интернет-маркетинга (SEO-продвижения и копирайтинга, в частности). Работаю онлайн с 2018 года.

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