Курсы веб-дизайна

Подборка: курсы веб-дизайна онлайн и офлайн, курсы UI UX с нуля 💥

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

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

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

🔎 UX или user experience дизайн — это проектирование такого интерфейса, который улучшает впечатление пользователя от взаимодействия с продуктом. UX дизайнер изучает потребности пользователей, продумывает шаги посетителей на сайте или в приложении и составляет техническое задание для UI дизайнера. Цель UX дизайнера — придумать понятный и удобный интерфейс.

🔎 UI или user interface дизайн — это визуализация понятного и удобного интерфейса. UI дизайнер отрисовывает кнопки, баннеры, меню, переключатели и собирает все это в работающий макет сайта или приложения.

UX и UI дизайн так тесно связан, что сложно сказать, где заканчивается зона ответственности UX дизайнера и начинаются обязанности UI дизайнера. Из-за этого многие компании объединяют две узкие специальности в одно направление и ищут одного человека — UX/UI дизайнера.

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

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

Онлайн-курсы веб-дизайна

Курс UX/UI дизайнер сайтов и мобильных приложений с Alice K

О чем курс: углубленный курс по веб-дизайну сайтов и приложений от UX/UI дизайнерки с 15-летним опытом и десятками международных наград — Alice K. На курсе теорию отрабатывают на практике уже с первого занятия, чтобы закрепить материал и как можно быстрее трудоустроиться. Каждое домашнее задание проверяется лично авторкой курса. Также есть помощь с трудоустройством.

Для кого курс: для новичков и дизайнеров с опытом.

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

• Инструменты дизайнера: Figma или Adobe XD
• Знакомство с профессией, плагины, типы сайтов
• Композиция и сетки
• Типографика в вебе
• Основы теории цвета
• Работа с графикой. Adobe Photoshop, Illustrator
• Насмотренность и работа с референсами
• Таблицы, формы, Dashboard
• Все про UX. Дизайн-мышление, исследования, тестирование и психология пользователя
• Интерактивное прототипирование и программы
• Создаем дизайн для самых популярных типов сайтов
• Дизайн приложений iOS и Android + мобильный дизайн сайтов
• Анимация интерфейсов
• Фриланс, заказы, работа с клиентами и собеседования
• Резюме и трудоустройство
• + бонусные уроки и личностный брендинг

Длительность курса: от 4 до 12 месяцев.

Стоимость: 31 900 грн.

Где: онлайн.

Получите знания по веб-дизайну
и пройдите курс для дизайнеров:

Перейти к курсу Alice K

UI/UX дизайн с нуля от Beetroot Academy

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

Для кого курс: для новичков.

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

• UX дизайн
• Инструменты дизайнера: Figma и Photoshop
• UI и визуальный дизайн для веб-интерфейсов
• Адаптивный дизайн и прототипирование
• Финальный проект
• Персональный бренд и создание портфолио

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

Стоимость: 16 960 грн.

Где: онлайн.

Получите базовые знания по веб-дизайну
и пройдите курс для новичков:

Перейти к курсу Beetroot Academy

Web Design Beginning от Projector

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

Для кого курс: для новичков.

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

• Инструмент
• Сетки
• Типографика
• Идеи
• Детали
• Практическое применение
• Мобильная версия
• Доказательства

Длительность курса: 2 месяца.

Стоимость: 10 450 грн.

Где: онлайн.

Получите базовые знания по веб-дизайну
и пройдите курс для новичков:

Перейти к курсу Projector

UI Design от ITEA

О чем курс: курсы web-дизайна, на которых вас научат создавать кнопки, меню, эффектные переходы, обрабатывать типографику и создавать дизайн сайта с нуля. Для курса нужно уметь базово работать с Adobe Photoshop. 

Для кого курс: курсы для начинающих дизайнеров.

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

• Введение в курс UI
• Технические требования
• Дизайн-мышление
• Композиция
• Цвет
• Шрифт
• Элементы интерфейса и их состояние
• Иконки
• Фотографии и иллюстрации
• Законы и принципы построения интерфейсов
• Модульные сетки
• Responsive and Adaptive design
• Анимация интерфейса
• Виды и подходы к прототипированию
• Тестирование
• История и тренды в web-дизайне
• Презентация работ

Длительность курса: 2 месяца.

Стоимость: 10 200 грн.

Где: онлайн.

Получите знания по веб-дизайну
и пройдите курс для начинающих дизайнеров:

Перейти к курсу ITEA

Офлайн-курсы веб-дизайна

Основы дизайна от Hillel

О чем курс: курсы веб-дизайна с трудоустройством. На курсе учат работать с графическими редакторами Figma, Photoshop и Illustrator, рассказывают про основы композиции и теории цвета. В школе проводят мастер-классы по подготовке резюме и поиску работы, а также рекомендуют лучших студентов компаниям-партнерам.

Для кого курс: для новичков.

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

• Введение. Что такое дизайн
• Знакомство с Figma
• Теория цвета
• Типографика
• Композиция
• Сетки и лейауты
• UI-kit для дизайнера и разработчика
• Photoshop
• Illustrator
• Знакомство с цифровыми интерфейсами, базовые UX элементы
• UX проектирование
• UX артефакты
• Практика
• Подготовка итогового проекта

Длительность курса:  2,5 месяца.

Стоимость:  8 200 грн.

Где: онлайн, а также офлайн в Киеве, Харькове, Одессе и Днепре.

Получите базовые знания по веб-дизайну
и пройдите курс для новичков:

Перейти к курсу Hillel

Курсы веб-дизайна UX/UI Design (Figma) + Prototyping от Lemon School

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

Для кого курс: для новичков.

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

• Понимание задачи веб-дизайна. Вкус в дизайне. Что такое хорошо и что такое плохо
• О рабочем процессе. Основные навыки и инструменты
• Типы сайтов. Сайт-визитка и Landing Page. Корпоративный сайт. Промо-сайт. Интернет-магазин
• Тренды и стиль в дизайне. Как передать эмоцию с помощью графики? Как устроено восприятие пользователя?
• Понимание задачи продукта. Этапы работы над проектом. Mood board
• Композиция. Сетки
• Введение в типографику. Шрифтовые пары. Верстка текста
• Цвет в дизайне. Теория базовых цветов. Работа с цветовыми парами
• Элементы дизайна. Как графика влияет на пользователя. Формы
• Адаптивный и резиновый дизайн
• Иконографика. Стили иконок. Создание иконок в Adobe Illustrator
• Брифинг/ТЗ/исследование. Интервью с заказчиком и техническое задание. Сбор информации о клиенте. Знакомство с пользователем
• Введение в UX. Портреты пользователей и CJM. Дизайн-мышление
• Мобильные приложения. Дизайн-системы. Android. iOS
• Работа в команде. Консистентность интерфейса
• Прототипирование и тестирование приложений. Invision
• Анимация в After Effects. Основы анимации. Микро-анимация
• Подготовка макета к передаче. Zeplin. Спецификации. Подготовка файлов
• Портфолио дизайнера и как развиваться дальше
• Защита итогового проекта: мобильное приложение

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

Длительность курса: 2,5 месяца.

Стоимость: 7 900 грн. в Днепре, 8 200 грн. в Харькове и Киеве. В онлайне — минус 30 %.

Где: онлайн, а также офлайн в Харькове, Киеве и Днепре.

Получите базовые знания по веб-дизайну
и пройдите курс для новичков:

Перейти к курсу Lemon School

Web-Design от А до Я от Ukrainian IT School

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

Для кого курс: для новичков.

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

• Знакомство с рабочей средой, основные инструменты для работы с графикой
• Принципы построения макетов сайтов
• Посадочные страницы (landing page), сайты-одностраничники
• Интернет-магазин, адаптивность
• Мобильные приложения
• Векторная графика
• Формат PDF

Длительность курса: 3,5 месяца.

Стоимость: 7 800 грн.

Где: офлайн в Харькове, но планируется запуск онлайн-курсов — уточняйте дополнительно.

Получите базовые знания по веб-дизайну
и пройдите курс для новичков:

Перейти к курсу Ukrainian IT School

Web Design от A-Level

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

Для кого курс: для новичков.

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

• Основы графического дизайна
• Разработка брендинга
• Создание landing page
• Дизайн мобильных приложений
• Создание интернет-магазина (e-commerce)
• Бонус

Длительность курса: 6 месяцев.

Стоимость: 20 000 грн. в Харькове, 22 000 грн. в Киеве.

Где: офлайн в Харькове и Киеве.

Получите базовые знания по веб-дизайну
и пройдите курс для новичков:

Перейти к курсу A-Level

Web-дизайн UI/UX от SOURCE iT

О чем курс: харьковские курсы веб-дизайна с нуля. За три месяца вас научат работать с Photoshop, Illustrator, Figma, Axure, InVision, After Effects, MockFlow — основными инструментами UI/UX дизайнера. После основного курса вам расскажут про самообучение веб-дизайну, чтобы дальше вы могли развиваться самостоятельно.

Для кого курс: для новичков.

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

• Введение в web-дизайн. Композиция, типографика, теория цвета
• Знакомство с Adobe Photoshop. Особенности программы, панель инструментов, горячие клавиши, принципы работы со слоями, формами. Применение полученных навыков на практике
• Знакомство с Adobe Illustrator. Изучение интерфейса, основных инструментов, принципа работы. Создание логотипа и иконок
• Создание сайта: принципы и алгоритм. Основная идея и задача сайта. Сбор сведений. Бриф, требования заказчика, анализ сайтов конкурентов, обозначение целевой аудитории. Идеи, примеры для сайта, mood board. Структура сайта. Создание варфрейма будущего сайта. Отрисовка детализированного дизайна сайта
• Адаптивность. Правила создания адаптивных сайтов. Основные разрешения для адаптивных сайтов. Отрисовка конечного дизайна сайта под мобильное устройство и планшет
• Знакомство с Figma. Изучение инструментов, горячие клавиши, работа с символами. Понятие плагинов и работа с ними
• Основы HTML/CSS. Использование инструмента Inspect. Передача макета на верстку
• Основы UX: генерация идей, user stories, user flows, mind maps. Изучение Axure, Balsamiq, MockFlow
• Мобильные приложения: особенности дизайна под мобильные устройства. Понятие гайдлайнов мобильных ОС. Особенности создания дизайна под разные платформы iOS/Android. Знакомство с UI Kit. Создание мобильного приложения
• Как презентовать проект заказчику. Работа с InVision, создание кликабельных прототипов
• Обзор анимации в After Effects
• Создание онлайн-портфолио на Behance/Dribbble, оформление работ
• Жизнь после курса: как развиваться дизайнеру, где брать идеи? Список литературы и ресурсов для самостоятельного обучения

Длительность курса: 3 месяца.  

Стоимость: 8 700 грн. 

Где: офлайн в Харькове.

Получите базовые знания по веб-дизайну
и пройдите курс для новичков:

Перейти к курсу SOURCE iT