Главная » Блог » Дизайн

Обучение UI/UX дизайну с нуля. ТОП-25 Онлайн-курсов + 5 Бесплатные

Павел Карпенко

17.08.2022

1 комментарий

UX и UI являются разными профилями в сфере дизайна. UX (User Experience) расшифровывается, как пользовательский опыт. UI (User Interface) — пользовательский интерфейс. UX-дизайнер работает над функциональностью дизайна, чтобы им было легко пользоваться. UI-дизайнер занимается визуализацией приложения/сайта, делая его внешне комфортным для пользователя. 

Исходя из вышеприведенной информации, можно сделать вывод: UX- и UI- тесно связаны, зачастую не могут существовать друг без друга. В наше время всё более популярной становится объединённая профессия UI/UX дизайнер. Это один универсальный специалист, отвечающий за функциональное удобство и приятную визуализацию конечного продукта.

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

10 Лучших курсов для начинающих в 2023 году

Эти же курсы, но подробнее:

Промокод: GEEKHACKER5 —5% дополнительная скидка на все онлайн-курсы, кроме направлений «MBA», «Саморазвитие и хобби», «Высшее образование» и курс «Директор по интернет маркетингу». Скидка действует от текущей цены и суммируется с действующими скидками на сайте Нетологии.

• Длительность: 22 месяца;
• Стоимость: полная стоимость – 274 500 ₽, по скидке – 164 700 ₽;
• Формат: лекции в записи, вебинары вечером, задания с проверкой;
• Документ об окончании: диплом о профессиональной переподготовке ;
• Особенности: гарантия возврата денег, налоговый вычет, личный HR-менеджер, расширенная программа обучения.

Программа

Базовая ступень

1. Основы Adobe Photoshop, Illustrator: двойная экспозиция, ретушь, цветокоррекция, иллюстрация, постер, сайт в Photoshop, мокап, GIF анимации, тонирование изображения, отрисовка логотипа.
2. Опыт Mish.design, Figma: знакомство с графическим редактором, первые шаги, основы веб-дизайна, подготовка web-макета, компоненты, стили, начало работы с мобильными платформами, создание кликабельного прототипа мобильного приложения.
3. Основы веб-дизайна: введение в профессию, формирование технического задания, лендинг, адаптивный дизайн, состояние элементов, особенности пользовательского взаимодействия.
4. Создание проекта сайта: композиция, модульные сетки, типографика, цвет, скетчинг, прототипирование, дизайн-концепция сайта, адаптивность, анимация интерфейсов в Principle.
5. Итоговый проект — дизайн сайта: превращение статичного дизайна в проект веб-сайта, создание анимированных переходов, микро-взаимодействий, разработка адаптивной версии макета в разных разрешениях, взаимодействие с разработчиками, управление проектом.
6. Опыт MateCa, Tilda: настройка страницы, подключение домена, редактирование стандартных блоков, адаптивность в них, подключение внешних шрифтов, изучение многостраничных веб-ресурсов.
7. Итоговый проект — сайт на Tilda: работа в Zero Block, перенос макетов из Figma либо Photoshop, скрытые функции для web-сайтов фестивального уровня, модульный проект.

Продвинутые навыки    

1. Мобильные интерфейсы.
2. Запуск и тестирование мобильного приложения.
3. Дизайн мобильного приложения.
4. AGIMA, проектирование интерфейсов.
5. UX-проектирование с учетом пользовательского интерфейса под задачи бизнеса.
6. ITECH, 3D графика в Cinema 4D.
7. Анимирование в ProtoPie, After Effects.
8. Бонусные программы, включая дизайн-менеджмент, способы сбора фидбеков внутри проекта.

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

1. Создание полноценного цифрового продукта при помощи пройденных курсов.

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

1. 

   Отзывы о курсах Netology

   5

   Отзыв от 29.03.2021 от Игорь

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

   Программа

   100

   Преподавание

   100

   Материалы

   100

   Цена

   100

Ещё несколько полезных курсов от Нетологии:

UX-дизайнер Вебинары, продолжительностью 9,5 месяцев, обучающие проведению исследований от постановки гипотезы до сбора инсайтов после тестирования, подбору связок количественных и качественных методов, визуализации опыта клиентов при помощи средства Customer Journey Map. Учат проектировать удобный интерфейсы, выстраивать итерационную работу, взаимодействовать с командой. Подходит начинающим UX-, web-, mobile дизайнерам, а также digital менеджерам.

UI-дизайнер Вебинары проходят по вечерам. Обучают работе с композицией, типографикой, шрифтами. Объясняют, каким образом создавать адаптивные дизайн-макеты для web и mobile-интерфейсов. Рассказывают о создании интерактивных прототипов под Android/iOS, проведении юзабилити тестов, передаче проекта в разработку, его презентации заказчикам. 

Проектирование интерфейсов с AGIMA Студентам будет предложено пройти online-обучение от экспертов известной компании AGIMA. За 2 месяца (по 6 часов в неделю), вы сможете создать собственный прототип, спроектировать user-friendly интерфейс, применить главные UX-методологии. Лучшие выпускники имеют возможность попасть на оплачиваемую стажировку в одну из крупнейших дизайн-студий России.

UX-аналитика Познавательный курс о том, как анализировать проекты, определять проблемные места бизнеса, выявлять потребности целевой аудитории. Особенное внимание уделяется ключевым методам исследования поведения пользователей и потребностей клиентов, использованию инструментария UX-исследователя, проведению A/B-тестирования, мониторингу результатов.

Гарантируем трудоустройство — или вернём деньги
Скидки доступны по профессиям по направлениям:
🍓 Программирование 🍓 Маркетинг 🍓 Дизайн 🍓 Разработка игр 🍓Аналитика 🍓 Креатив
🎁 Также бонусы:
- помощь в трудоустройстве;
- проекты для портфолио.

• Длительность: 15 месяцев;
• Стоимость: 139 608 ₽;
• Формат: онлайн-трансляции в вечернее время по Москве, видеозаписи занятий;
• Документ об окончании: диплом о профессиональной переподготовке, электронный сертификат (можно добавить в портфолио);
• Особенности: проводят обучение на основании государственной лицензии, гарантия возврата денег, налоговый вычет, личный HR-менеджер, используйте материнский капитал.

Программа

1. Погружение в профессию: знакомят с инструментами проектирования, интерфейсного дизайна, обучают визуальной коммуникации, её использованию на практике, помогают создать работы в Adobe Illustrator, Figma.
2. Погружение в UI: мобайл-, веб-разработка, создание веб-сервисов в Tilda, верстка, адаптивные версии.
3. Погружение в дизайн цифровых продуктов: учат создавать прототипы мобильных и десктопных интерфейсов, web-приложений.
4. Погружение в UX: разделяют студентов на команды, позволяют выбрать проект, отработать в нём все этапы разработки цифрового продукта.

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

1. 

   Отзывы о курсах GeekBrains

   5

   Отзыв от 18.11.2020 от Матвей

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

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

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

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

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

   Программа

   100

   Преподавание

   100

   Материалы

   100

   Цена

   100

   + ПЛЮСЫ: На 100% стоит потраченных денег

   - МИНУСЫ: не нашел

Еще курсы:

Профессия Веб-дизайнер Предоставляют возможность всем желающим освоить новую специальность с нуля, работая над реальными кейсами от ведущих экспертов Яндекс, Mail.ru. Можно заниматься в группе с преподавателем либо просматривать записи видео с уроками. Оказывают помощь на этапе поиска работодателя.

Пользовательский интерфейс iOS-приложений Хорошее предложение для тех, кто хочет научиться созданию интерфейса приложений для устройств iPhone, iPad. Научат работать со StoryBoard, производить переходы между экранами, адаптировать верстку к разным девайсам, выводить данные в табличном виде.

• Длительность: 8 месяцев;
• Стоимость: 136 000 ₽;
• Формат: видеолекции, разбор кейсов;
• Документ об окончании: диплом о профессиональной переподготовке;
• Особенности: налоговый вычет, личный HR-менеджер, предоставляют академический отпуск, реальные кейсы с первого занятия.

Программа

1. Основы работы UX/UI-дизайнера: проживите один день жизнью дизайнера интерфейсов, узнайте как он рассуждает, что делает.
2. Введение в UI: предлагают изучить Photoshop Sketch, Invision, Axure RP, Miro, Figma, освоить базовые принципы типографики, композиции, колористики.
3. Введение в UX: модуль погрузит слушателя в нюансы взаимодействия с заказчиком, аналитику аудитории, применение фреймворка JTBD.
4. Дизайнер в продуктовой команде: командная работа с реальной дизайн-системой, ведение продуктовой аналитики, разбор различных бизнес-моделей цифровой продукции, имитация реальных рабочих ситуаций в условиях ограниченного времени, ресурсов.
5. Дипломирование: подтверждение умений после прохождения online-курса, клиентский бриф, возможность показать себя в качестве специалиста.
6. Программа трудоустройства (по желанию).

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

Продуктовый дизайнер плюс Довольно трудная, но увлекательная программа с обилием актуальной теории и практики. Курс позволяет освоить профессию продуктового дизайнера за 20 месяцев. Помогут обучиться с нуля или повысить уровень знаний в Figma, Notion, HTML, CSS, Miro, Lean Canvas, UNIT-экономике.

UX-копирайтинг Видеоуроки, на которых вы научитесь писать тексты для интерфейсов. Пригодятся всем, кто работает с интерфейсами. Сделают из вас опытного копирайтера, умеющего делать продукты лучше посредством написания текстов. Образовательную программу проводят опытные преподаватели, методологи, топовые редакторы популярных компаний Yandex, Тинькофф, Booking.com.

Промокод: geekhacker50 — скидка по промокоду  аккумулируется со скидкой на сайте до 50%

• Длительность: 10 месяцев;
• Стоимость: 284 902 ₽, со скидкой 131 663 ₽ или от 4 353 ₽/мес. при рассрочке на 36 мес;
• Формат: лекции, онлайн-встречи, вебинары, проверяемые домашние задания, дипломный проект;
• Документ об окончании: диплом;
• Особенности: работы для портфолио, много внимания уделено работе с заказчиком и на биржах фриланса, бонусные материалы;

Программа

1. Основы дизайна: цвет, композитинг.
2. Разработка брендов и статичных баннеров.
3. Создание визуалов в Photoshop.
4. Презентация проектов заказчикам.
5. Работа на биржах дизайна.
6. Дизайн лендинга, презентаций в Illustrator, email-рассылок в Figma.
7. Адаптация дизайна под мобильные устройства.
8. Принципы создания фирменного стиля.
9. Работа с анимациями в After Effects.
10. Карьерные навыки.
11. Нейросеть для дизайнерских проектов.

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

1. 

   Отзывы о курсах SkyPro

   5

   Отзыв от 05.06.2023 от Влад Лавров

   О SkyPro узнал около года назад случайно из интернета. Здесь сразу же записался на курсы по повышению финансовой грамотности. Занятия проходят в удобное время, самое главное очень интересные, преподаватели рассказывают очень понятно. Теперь все свои знания использую в работе. Огромная вам благодарность!!!

   Программа

   100

   Преподавание

   100

   Материалы

   100

   Цена

   100

Промокод: GEEK - скидка 45% (НЕ суммируется со скидкой на сайте) на все курсы SF и CD

• Длительность: 16 месяцев;
• Стоимость: 158 400 ₽;
• Формат: видеолекции, воркшопы;
• Документ об окончании: диплом установленного образца о профессиональной переподготовке;
• Особенности: гарантия возврата денег, налоговый вычет, личный HR-менеджер, 

Программа

1. Основы дизайна интерфейсов: функционал Figma, понятия и принципы специальности.
2. Погружение в UX/UI design: прохождение всех этапов проектирования, изучение поведения, целей, мотивации пользователей, 3D-визуализация в Blender.
3. Дизайн веб-сайтов: создание эффективных посадочных страниц (учитывается маркетинг, клиентский опыт), анимирование готовых промо-стараничек с помощью After Effects.
4. Дизайн мобильных приложений: изучение Protopie, подготовка концепции, создание проектного решения, отправка в разработку.
5. Стажировка: онлайн-практика в IT-компании или креативном агентстве, прокачивают soft skills, понимание рабочих процессов.
6. Продвинутые навыки: видеолекции, онлайн-занятия в группах, практикумы для повышения навыков до middle-дизайнера.
7. Карьерное развитие: помогают найти себя в дизайне, подготовиться к выходу на работу, начать развиваться на карьерном треке.

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

Еще курсы от Contented:

Профессия UX/UI-дизайнер за 10 месяцев полностью погрузитесь в UX/UI дизайн: узнаете об особенностях профессии, начнете разбираться в базовых принципах дизайна, освоите ключевые инструменты, разберете все этапы проектирования и попрактикуетесь на реальных задачах. В программе можно выбрать специализацию и пройти обучение на дизайнера мобильных приложений или веб-интерфейсов. Есть обратная связь от преподавателей, выдача диплома. Стоимость от 113 400 руб.

UX/UI-дизайнер с нуля за 9 недель обучения научитесь разбираться в основах веб-дизайна, правильно сочетать цвета, выстраивать композицию, работать с типографикой. Поймете, как создавать рабочие прототипы в figma, делать дизайн-концепцию сайта, с нуля промо-сайты и лендинги. Научитесь выполнять UX-исследования, работать с СJM, чтобы улучшить юзабилити сайта. А также исследовать целевую аудиторию и создавать пользовательские сценарии. В конце обучения получите диплом, помощь в трудоустройстве. Стоимость 130 800 руб.

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

• Длительность: 5 месяцев;
• Стоимость: 80 000 ₽;
• Формат: видеолекции, практикумы, воркшопы, домашние задания;
• Документ об окончании: удостоверение о повышении квалификации, сертификат от компании-разработчика;
• Особенности: регулярно совершенствуют программы, учат понимать потребности клиента, превращать их в конкурентные преимущества продукта.

Программа

1. Вводная часть: знакомят с профессией, дают обзор методов исследования от планирования до формирования выводов.
2. Исследовательские фреймворки: более доскональное погружение в методологию, разбор рабочих ситуаций, выстраивание процессов внутри бизнеса (Service Design), применение различных методов в зависимости от стадии разработки.
3. Качественные исследования: создание плана, поиск респондентов до анализа данных.
4. Количественные исследования: поэтапный разбор от планирования до презентации.
5. Кабинетные исследования: поймёте, как искать информацию среди доступных источников, эффективно применять её.
6. Этнографические исследования: рассматривают разные исследовательские способы.
7. Юзабилити-тест: разберетесь в методике оценивания удобства использования продукта.
8. Связь с разработкой продукта: поиск целевой аудитории, общение с клиентами, расстановка приоритетов, списков задач по разработке продукции.
9. Подарочный блок. Организация исследований в компании: первое интервью, общение с заказчиками.

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

1. 

   Отзывы о курсах Среда обучения

   5

   Отзыв от 25.09.2022 от Юлия

   Среда обучения одна из самых моих любимых онлайн школ. А опыт у меня большой в онлайн обучении. Здесь качественное образование, доступная стоимость, есть возможность взять рассрочку. Обучение в удобное время — вечер. Преподаватели огонь! Все продумано и сделано для того, чтобы студент максимально в комфортных условиях получал знания.

   Программа

   100

   Преподавание

   100

   Материалы

   100

   Цена

   100

Анимация интерфейсов Пройдя данные курсы, product-дизайнеры смогут стать востребованными специалистами в индустрии анимирования для совершенствования UI. Знакомят с современными принципами анимации, проводят насыщенные теоретические и практические занятия по использованию соответствующего софта.

Промокод: GEEKHACKER - 5% дополнительная скидка на все онлайн-курсы
Промокод суммируется с действующими акциями на сайте Skillbox

• Длительность: 6 месяцев;
• Стоимость: 50 470 ₽;
• Формат: вебинары, практика на основе реальных кейсов;
• Документ об окончании: сертификат Skillbox;
• Особенности: обучают созданию эффективных дизайн-систем, много практических занятий, онлайн-уроки в удобное для вас время.

Программа

1. Введение в UX

• Рассказывают кому подходит профессия, как работать в эпоху цифровых перемен, развивать дизайн-мышление;
• Что такое UX-проектирование, паттерны, психология пользователя; 
• Юзабилити-тестирование, сервисный дизайн, исследовательские формы;
• E-commerce, создадите базовый UX-сценарий (каталог/поиск товаров/корзина);
• Использование метрик для оценки UX-решений, визуальная концепция.

2. UX-PRO

• Мобильный UX/UI;
• Добавление контента;
• Бонусный модуль о проектировании для юридических лиц;
• Анализирование данных, создание привлекательного решения;
• A/B-тесты.

3. Взаимодействие с командой

• Коллективная работа над проектом;
• Составление кейса на Behance;
• UX + Agile;
• Варианты успешной презентации;
• Карьера специалиста по UX-дизайну.

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

1. 

   Отзывы о курсах Skillbox

   5

   Отзыв от 23.01.2022 от Boris

   Наш ребенок увлекается музыкой? и постоянно экспериментирует с различными синтезаторами и программами по сведению звука. Идя навстречу его пожеланиям, мы решили оплатить ему одногодичный курс «Sound‌ ‌designer‌». Поначалу были сомнения – а будет ли ему это интересно. Но уже после первых занятий, стало ясно, что это именно то, чего ему не хватало. Теперь работе с сэмплами он посвящает всё больше времени и даже занимается какой-то подработкой в Интернете по этому направлению.

   Программа

   100

   Преподавание

   100

   Материалы

   100

   Цена

   100

Предлагаем посмотреть ещё несколько online-курсов от Skillbox

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

Основы тестирования За четыре месяца образовательной программы, студенты получают ценные навыки, необходимые для получения должности junior-тестировщика. Учат искать баги на веб-сайтах, тестировать UI/UX, API на разных гаджетах, защищать систему от взлома, предусматривать все сценарии поведения на страничке, предоставлять инструкции для проверки.

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

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

Веб-дизайн с нуля до PRO Рассказывают о способах создания дизайна для веб-сайтов в популярном редакторе Фигма. Дают возможность поработать с реальными кейсами, собрать портфолио, освоить классную специализацию, чтобы начать карьеру в дизайн-студии, ИТ-компании либо стать фрилансером, работая на своих условиях.

Анимация интерфейсов в Principle Курс от арт-директора банка «Райффайзен», на котором рассматривается Motion-дизайн, являющийся мощным инструментом в web-разработке. Главные задачи — понимание 3D-анимации, уверенное использование Principle, изучение принципов действия драйверов, функций анимирования элементов навигации, карточек, иконок, прочего контента.

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

• Длительность: 1 месяц;
• Стоимость: 10 000 ₽;
• Формат: видеолекции, практикумы;
• Документ об окончании: диплом TexTerra;
• Особенности: охватывают все стороны работы UX-специалиста, консультации от ТОП-менеджеров TexTerra, детально объясняют принципы Яндекс.Метрики и Google.Analytics.

Программа

1. Введение в юзабилити: функциональный дизайн, пользовательский опыт, физиология. 
2. Анализ аудитории: где смотреть источники данных, сегментация потребительской аудитории, составление портрета целевой аудитории, практическое применение созданных материалов.
3. CJM: для чего нужна и что показывает карта путешествий, варианты вида CJM.
4. Проектирование интерфейса: прототипы, live-проектирование в Фигма.
5. Нюансы интерфейс-дизайна: сетка, палитра, цветовая гамма, контрастность, шрифты.
6. Тексты: уникальный стиль общения, понимание деталей текста.
7. Аудит юзабилити: набор инструментов, Яндекс.Метрика, Google Analytics, проверка кода HTML/CSS/JavaScript, анализ поведенческих факторов.

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

• Длительность: 5 месяцев;
• Стоимость: полная стоимость – 83 200 ₽, по скидке – 49 900 ₽;
• Формат: просмотр видеоматериалов, выполнение заданий;
• Документ об окончании: сертификат Бруноям;
• Особенности: гарантия возврата денег, налоговый вычет, помощь со стажировкой, трудоустройством.

Программа

1. Вводная часть о всех особенностях работы веб-дизайнером.
2. Аналитика: UX-артефакты, мониторинг бизнеса, персонажей, сценариев, карты эмпатии.
3. Типы сайтов, насмотренность.
4. Figma.
5. Типографика.
6. Колористика, композиция/цвет/визуальные акценты.
7. Прототип: мудборды, интерактивные прототипы в Фигма, подготовка к отправке.
8. Глобальное погружение в композицию, цветовые модели, контраст, прочие параметры.
9. Создание макета сайта.
10. Адаптивный дизайн.11. Фотошоп.
11. Дополнительный модуль с разбором функции переноса готового макета из Figma в Tilda.
12. Карьера и развитие: подготовка резюме, где размещать портфолио, обзор Behance, Dribbble.

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

1. 

   Отзывы о курсах Школа Бруноям