Курс веб дизайну (UI/UX)

Початковий рівень

Изучайте веб дизайн на практике
Создавай первые работы в портфолио
Освоюй Adobe, Figma, XD, Behance

Записаться сейчас

Курс в записи — 2 980 грн
В записи с поддержкой — 7 370 грн

Задавайте свои вопросы в

Telegram

Навигация по курсу :

программа сервисы-курса цены преподаватели резюме отзывы

Кому будет полезен курс

Начинающим

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

Маркетологам

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

Профессионалам 

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

На курсе

Научитесь работать с программами Photoshop, Illustrator, Figma, After Effects.
Создадите дизайн магазина, landing page и мобильного приложения. Добавите первые работы в портфолио и составите резюме

Мы открыты к вопросам

Telegram
Мы открыты к вопросам в Telegram​

Ваше время на курсе

3 часа
Продолжительность одного занятия — в сутках 24 часа
17 недель

Одно занятие в неделю — в году 52 недели.

51 час
Чистого времени обучения — в году 8 766 часов.

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

Обновленная программа в августе 2022

WEB дизайн: введение

Figma: первое знакомство с программой

Типографика и WEB дизайн

UI/UX

Архитектура сайтов для дизайнеров

Adobe Experience Design (Adobe XD)

Adobe Photoshop CC 2020

Adobe Illustrator CC 2020

Дизайн Landing page

Е-commerce сайты

Создание User-flow для e-commerce, Wireframe проектирование

UX макеты для e-commerce

Создание главной страницы для e-commerce сайтов: практикум

Создаем каталог и карточки товара для e-commerce сайтов: практикум

Создание дополнительных страниц для e-commerce сайтов: практикум

Мобильная версия сайта и адаптивный дизайн

Создаем прототип сайта e-commerce в Figma

Рассылки для e-commerce

User-flow для mobile app

UX макет для mobile app

Дизайн мобильного приложения

Создаем портфолио

Аdobe After Effects CC 2020. Презентация сайта в Adobe After Effects CC 2020

Как находить клиентов и определять стоимость своих услуг?

Экзамен. Защита проекта

Содержание курса

Скачать программу курса

WEB дизайн: введение

  • Графический дизайн: разбираемся в понятии
  • Как человек воспринимает визуальные образы?
  • Разбираем теорию цвета
  • Психология восприятия цвета: что это такое и зачем в ней разбираться графическому дизайнеру?
  • Что такое “форма” в графическом дизайне?
  • Композиция и пропорция в веб-дизайне
  • Векторная и растровая графика: какие между ними есть различия?
  • Особенности цвета в веб-дизайне
  • CMYK и RGB: разбираемся в форматах
  • Тренды в WEB дизайне
  • Основные программы для работы веб-дизайнера

Figma: первое знакомство с программой

  • Разбираемся в интерфейсе Figma
  • Изучаем все инструменты и настройки
  • UI элементы и библиотеки компонентов
  • Доступ и хранение файлов в Figma

Типографика и WEB дизайн

  • Шрифт: что нужно о нем знать?
  • Разбираем классификации шрифтов
  • Изучаем основные термины и понятия в типографике
  • Основные правила работы с экранной типографикой
  • Что такое модульные сетки?

UI/UX

  • Пользовательский интерфейс: что это?
  • Опыт взаимодействия: разбираемся в понятии
  • Чем занимается UI/UX дизайнер?
  • Юзабилити экспертиза: как правильно ее проводить и зачем это нужно?
  • Разбираем основные элементы взаимодействия в UI

Архитектура сайтов для дизайнеров

  • Что такое сайт?
  • Какие бывают сайты и зачем это знать UI/UX дизайнеру?
  • Особенности проектирования разных видов сайтов
  • HTML и CSS: разбираем структуру страниц

Adobe Photoshop CC 2020

  • Создаем простой документ и документ с монтажными областями в Adobe Photoshop CC 2020
  • Разбираем инструменты для работы с растровой графикой
  • Изучаем слои, маски слоев и все их виды
  • Создаем коллаж в Adobe Photoshop CC 2020

Дизайн Landing page

  • Что такое Landing page?
  • Основные задачи и функции посадочной страницы
  • Разбираем структуру посадочной страницы
  • Создаем дизайн для посадочной страницы

Создание User-flow для e-commerce, Wireframe проектирование

  • Зачем дизайнеру анализировать целевую аудиторию и ее потребности?
  • Создаем портреты пользователей
  • Какие бывают сценарии пользователей?
  • Проектируем алгоритм взаимодействия с интерфейсом
  • Создаем User-flow для каждого из сценариев пользователя

Создание главной страницы для e-commerce сайтов: практикум

  • Основные элементы взаимодействия и управления сайтом
  • Разрабатываем графические паттерны и элементы UI
  • Создаем домашнюю страницу для e-commerce сайта
  • Проектируем дизайн-системы для e-commerce

Создание дополнительных страниц для e-commerce сайтов: практикум

  • Создаем форму логина и регистрации
  • Особенности проектирования сообщений и поп-апов
  • Создаем статические страницы сайта
  • HTML и CSS: разбираем структуру страниц

Создаем прототип сайта e-commerce в Figma

  • Настраиваем связь элементов страниц
  • Прорабатываем все этапы прототипа
  • Создаем смарт-анимацию
  • Как записать видео для прототипа?

User-flow для mobile app

  • Настраиваем связь элементов страниц
  • Разбираем виды и типы мобильных приложений
  • Основные требования к mobile app
  • Apple IOS и Android гайдлайны
  • Ищем идеи и выбираем темы для приложений

Дизайн мобильного приложения

  • UI kit для Apple IOS и Android
  • Кастомизация mobile app
  • Дизайн-система для приложения
  • Создаем прототип и смарт-анимацию для мобильного приложения

Аdobe After Effects CC 2020. Презентация сайта в Adobe After Effects CC 2020

  • Разбираем интерфейс Adobe After Effects CC 2020
  • Создаем проект и композицию
  • Разбираем слои в Adobe After Effects CC 2020
  • 3D слой, камера и Null-object
  • Разрабатываем презентацию в Adobe After Effects CC 2020

Экзамен. Защита проекта

  • Презентация дипломной работы
  • Выпускное тестирование

Adobe Experience Design (Adobe XD)

  • Разбираем интерфейс Adobe Experience Design
  • Создаем документы в Adobe XD
  • Изучаем все компоненты в Adobe XD
  • Как создать дизайн сайта блога в Adobe XD?
  • Особенности хранения и доступа к файлам в Adobe Experience Design

Adobe Illustrator CC 2020

  • Изучаем интерфейс Adobe Illustrator CC 2020
  • Как правильно работать с кривыми в Adobe Illustrator?
  • Как создать многостраничный документ в Adobe Illustrator?
  • Готовим макет для печати в Adobe Illustrator CC 2020
  • Особенности экспорта файлов в Adobe Illustrator CC 2020

Е-commerce сайты

  • Особенности UI/UX для e-commerce сайтов
  • Разбираем структуру сайтов e-commerce
  • Контент для e-commerce сайтов
  • Разрабатываем структуры для основных страниц e-commerce сайта

UX макеты для e-commerce

  • Создаем Wireframe макеты
  • Тестируем прототип

Создаем каталог и карточки товара для e-commerce сайтов: практикум

  • Создаем основные элементы для каталога
  • Отрисовываем карточки товара и каталога
  • Создаем статусы товара
  • Корзина и оформление заказа

Мобильная версия сайта и адаптивный дизайн

  • Мобильная версия и адаптивный дизайн: разбираемся в чем разница
  • Адаптивный дизайн сайта: основные принципы
  • Разрабатываем мобильную версию сайта

Рассылки для e-commerce

  • Классификация почтовых рассылок e-commerce
  • Дизайн рассылок: особенности и ограничения
  • Создаем рабочие шаблоны

UX макет для mobile app

  • Анализируем целевую аудиторию и ее потребности
  • Создаем портреты и сценарии пользователей
  • UX-flow экранов приложения
  • Wireframe макеты для mobile app
  • Тестируем прототип мобильного приложения

Создаем портфолио

  • Где искать идеи для оформления работы?
  • Работа с Mock-ups
  • Создаем шаблоны для оформления
  • Отрисовываем макет презентации

Как находить клиентов и определять стоимость своих услуг?

  • Фриланс или наемная работа: основные различия
  • Резюме и мотивирующее письмо: как их правильно составить?
  • Правила подготовки к собеседованию
  • Работа на фрилансе: особенности
  • Сколько стоит ваша работа?
  • Как продать услуги по максимальной цене?
Скачать программу курса

Стоимость обучения

Стоимость курса зависит от формата обучения.

Курс в записи

2 980 грн

начинающий

Старт: 28 октября

Записаться
  • ✓ Он-лайн личный кабинет
  • ✓ Видео-запись лекций
  • ✗ Доступ к сервисам
  • ✗ Подержка преподавателя
  • ✗ Компьютер в аудитории
  • ✗ Оф-лайн нетворкинг

С поддержкой

7 370 грн

начинающий

Старт: 28 октября

Записаться
  • ✓ Он-лайн личный кабинет
  • ✓ Видео-запись лекций
  • ✓ Доступ к сервисам
  • ✓ Подержка преподавателя​
  • ✗ Компьютер в аудитории
  • ✗ Оф-лайн нетворкинг

Очно в академии

13 400 грн

начинающий

Старт: 28 октября

Записаться
  • ✓ Он-лайн личный кабинет
  • ✓ Видео-запись лекций
  • ✓ Доступ к сервисам
  • ✓ Подержка преподавателя
  • ✓ Компьютер в аудитории
  • ✓ Оф-лайн нетворкинг

Курс в записи

2 980 грн

Обучайтесь в удобное

для себя время

Актуальный курс на 2022 год

Записаться
  • ✓ Он-лайн личный кабинет
  • ✓ Видео-запись лекций
  • ✗ Доступ к сервисам
  • ✗ Подержка преподавателя
  • ✗ Компьютер в аудитории
  • ✗ Оф-лайн нетворкинг

С поддержкой

7 370 грн

Проверка домашних заданий

QA сессия – 1 раз в неделю

Старт: 29 ноября

Записаться
  • ✓ Он-лайн личный кабинет
  • ✓ Видео-запись лекций
  • ✓ Доступ к сервисам
  • ✓ Подержка преподавателя​
  • ✗ Компьютер в аудитории
  • ✗ Оф-лайн нетворкинг

Стоимость обучения

Стоимость курса зависит от формата обучения.

Формат:
Цена в гривнах:
Старт курса:
Личный кабинет:
Видео-запись:
Сервисы:
Преподаватель:
Компьютер:
Нетворкинг:
В записи
2 980
любой день
✓
✓
✗
✗
✗
✗
Поддержка
7 370
любой день
✓
✓
✓
✓
✗
✗

Стоимость обучения

Стоимость курса зависит от формата обучения.

Формат:
Цена в гривнах:
Старт курса:
Личный кабинет:
Видео-запись:
Сервисы:
Преподаватель:
Компьютер:
Нетворкинг:
В записи
2 980
+
✓
✓
✗
✗
✗
✗
Поддержка
7 370
28 окт.
✓
✓
✓
✓
✗
✗
Очно
13 400
28 окт.
✓
✓
✓
✓
✓
✓

Преподаватели курса

Астра

Работаю больше 10-и лет дизайнером. Основное направление дизайн сайтов и приложений. Увлекаюсь скетчингом и живописью. Люблю кофе, старое кино и очень разную музыку. Верю что воображение способно изменить реальность.
Подробнее

Задайте свой вопрос в

Telegram
Мы открыты к вопросам в Telegram​
Вопросов нет! Иду на курс

Еще немного об обучении

Полностью оборудованные и комфортные аудитории в центре города. Все лекции записываются и доступны в личном кабинете (LMS Академии IMT).
  • 🙋‍♀️ Ответы на вопросы между лекциями.
  • 🧑‍🏫 Куратор в каждой группе.
  • 🖥️ Современная техника в аудиториях.
  • ⏱️ Обучение в удобное для вас время.
  • 🔐 Доступы ко всем платным сервисам.
  • 💬 Преподаватель всегда на связи.

Хотите что то спросить?

Спрашивайте
Хотите что то спросить? Спрашивайте!

Работы студентов на Behance

На курсе веб дизайн, вы не просто изучаете основы веб дизайна UI/UX. Создаете несколько работ в свое портфолио https://www.behance.net/UIUXIMT

Подтверждение знаний и навыков на курсе

Главное — это навык

Не просто диплом, а актуальные знания, закрепленные практикой

Диплом который цениться

Кроме мощной программы, мы даем много практики, помогаем с трудоустройством

Тестирование знаний

Автоматическое тестирование по каждой теме курса SEO. Дипломирование

Сервисы курса

Навыки в резюме после курса

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

Анастасия Шевченко

WEB дизайнер

Прошла обучение по курсу веб дизайна (UI/UX), в Академии интернет-технологий IMT.

Инструменты работы

Инструменты работы

Навыки

Приобретенные знания:

Инструменты
  • Adobe Photoshop
  • Adobe Illustrator
  • Figma
  • Adobe XD
  • Sketch
  • InVision
  • Adobe After effects
Проектирование
  • Создание персоны
  • Разработка User Flow
  • Создание Site map
  • UI/UX design
  • Auto Layout
  • Landing page
  • Проектирование мобильного приложения
E-commerce
Создание e-commerce магазина
Дополнительные skills
Базовые знания HTML / CSS FWA Site of the Day
Interface
Material Design / Human interface guidelines
Стать WEB дизайнером

Диплом UI/UX Design

Frame 23

Диплом об успешном завершении курса выдает систему LMS автоматически, при сдаче всех домашних заданий и прохождении всех тестов.

Хотите что то спросить?

Спрашивайте
Хотите что то спросить? Спрашивайнте!

Компании в которых работают
выпускники и преподаватели

Хочешь в их команду?

Тогда действуй!
Хочешь в их команду? Тогда действуй!

Какие зарплаты у дизайнера?

Рынок готов платить дизайнерам 20–30 000 гривен.
Все зависит не только от опыта и набора инструментов — но и от того, насколько комплексно и профессионально вы подходите к работе над проектом.

  • ✨ За 1-й месяц работы вы «отобьете» стоимость обучения.
  • ✨ Сможете точно определять свою ЦА, повышая конверсию.
  • ✨ Приобретёте самую интересную работу в маркетинге.
  • ✨ Много направлений, выбирай свое.
  • ✨ Не нужно учиться несколько лет.
  • ✨ Широкий охват целевой аудитории.
  • ✨ Удобство в управлении.
Подобрали для вас статистику по Украине: Днепр, Киев, Львов и других городов. Полистайте галерею по изучайте.
Мы любим вопросы

в IMT вы получаете

Личный кабинет

LMS система с конспектами, видео лекциями, тестами и системой оценки.

Видео записи лекций

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

Работа над проектом

Обучающие тесты в личном кабинете для закрепления теории. Домашнее задание для закрепления практики

Задания и поддержка

Закрепить материал на практике — выполняете задания которые проверяются.

HR поддержка

Помогаем с составлением резюме и делимся SMM вакансиями партнеров.

Участие в мероприятиях

Во всех конференциях которые проводит Академия IMT.
Держим вам место! Жми сюда
Точно нет вопросов?

Вы можете получить бесплатное консультирование по выбору направления или посетить пробное занятие.

Как выбрать курс по Web дизайну?

Качественное обучение

Преподаватели курса

✅
Навык доносить и объяснять — хороший специалист не всегда, а скорее часто, не умеет донести свои знания и опыт. В хороших школах преподавателей обучают этому навыку.
❌
Нет ресурсов на внутреннее обучение, из-за чего страдает качество усвоения информации.
✅
Поддержка между лекциями — это ключевой элемент эффективного обучения, куратор, преподаватель который отвечает на вопросы.
❌
Просто ведуться лекции без какой-либо поддержки.
✅
Видео запись лекций — вернуться к лекции. пересмотреть, использовать при выполнении ДЗ.
❌
Записи с веб камеры в плохом качестве и с плохим звуком — смотреть невозможно.
✅
Система оценивания — важный элемент понимания эффективности усвоения материала.
❌
Нет никакой системы оценивания и проверки ДЗ.
✅
Личный кабинет — с доступом к конспекту, материалам, видео записям, системе ДЗ, чек листам и раздаточным материалам.
❌
Нет личного кабинета. максимум это в документах Google или Google classroom.
✅
Доступна полная программа курса — понимание всего перечня тем которые будут раскрыты на курсе.
❌
Программа не раскрывается полностью, так как ее или нет или вносятся изменения «на лету».
✅
Сколько времени работает школа — ответственность и забота о репутации, наработаны методики обучения.
❌
Порог входа в образовательный бизнес низкий, из-за отсутствия критериев у клиента, упаковка в красивую обертку и найдется клиент, а на выходе пустота.
✅
Обновление программы — рынок меняется, как и технологии, требования работодателей.
❌
Нет времени на методическую работу — есть время на лекции и zoom созвоны.

Возможно у вас есть опыт работы

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

Прокачать
свои скиллы

Дополнительные навыки для Design
🗓️

Редакторы

Photoshop, Illustrator, Figma, After Effects
🤖

UI/UX дизайн

понимание основ юзабилити, типографики
📈

Ecommerce

создавать дизайн для интернет магазинов
🤳

Landing Page

проектирование посадочных страниц
🤝

Mobile APP

создание макета приложений
✏️

Анимация

создание анимации в программе After Effects

Для продвинутых рекомендуем

Супер-цена для выпускников
🎯

Графический дизайн

Работа в редакторах Adobe Photoshop, Illustrator и CorelDraw С нуля изучите популярные редакторы
Перейти к курсу →
🎨

Front-End

Изучение HTML/CSS с нуля Работа с хостингом, CMS WordPress Сделать самостоятельно полноценный сайт
Перейти к курсу →
🦄

JavaScript

В курсе Front-end и Back-end Изучите самые популярные framework: Node.js Angular.js Express Мощное погружение в Back-end
Перейти к курсу →

Отзывы о курсе

Сергей Гавриков

Начинающий специалист

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

Лариса Дудкина

Начинающий специалист

Смотреть видео
«На курс я пришла с нулевыми знаниями в области Web дизайна. За три месяца я научилась проектировать красивый, полноценный интернет-магазин…»

Леонид Знайченко

Начинающий дизайнер
Смотреть видео
«Получил навыки работы в Photoshop, понимание структуры. Научился понимать UI/UX, дизайн для сайтов, опыт работы в Illustrator. Научился рисовать иконки, кнопки, работать со шрифтами, разрабатывать дизайн для мобильных устройств. »

Анастасия Чиркова

частный предприниматель
Смотреть видео
«На данном курсе я получила достаточную базу для того, чтобы устроится на работу web-дизайнером. Курс хороший, емкий! Рекомендую!»

Сергей Гавриков

Начинающий специалист
Смотреть видео

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

Лариса Дудкина

Начинающий специалист
Смотреть видео
«На курс я пришла с нулевыми знаниями в области Web дизайна. За три месяца я научилась проектировать красивый, полноценный интернет-магазин… »

Леонид Знайченко

Начинающий дизайнер
Смотреть видео

«Получил навыки работы в Photoshop, понимание структуры. Научился понимать UI/UX, дизайн для сайтов, опыт работы в Illustrator. Научился рисовать иконки, кнопки, работать со шрифтами, разрабатывать дизайн для мобильных устройств…»

Анастасия Чиркова

частный предприниматель
Смотреть видео
«На данном курсе я получила достаточную базу для того, чтобы устроится на работу web-дизайнером. Курс хороший, емкий! Рекомендую!»
Подпишитесь на YouTube
Смотреть все отзывы

Регистрация на курс WEB Design

Стоимость курса зависит от формы обучения

Часто спрашивают по обучению:

Если вы не найдете ответ на интересующий вас вопрос напишите нам в телеграмм, мы постараемся ответить на ваши вопросы!

Можно ли стать веб дизайнером с нуля?

Да. Для этого не нужно уметь рисовать. Нужно быть только уверенным пользователем ПК. Все редакторы можно быстро освоить, получить “насмотренность” и изучить принципы создания веб дизайна. Курс значительно сократит время на обучение, программа, поддержка и задания. Пока можете пройти подготовительный курс (бесплатно) статья о профессии дизайнера

Я самостоятельно изучаю Photoshop по видео урокам, будет ли польза от курса?

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

Сколько проектов я получу в портфолио в конце курса?

Минимум, по плану курса, у вас в портфолио на Behance должно быть 3 проекта, оформленное резюме и дипломный проект. Дополнительно вы можете выполнять задание на стажировку которые дают компании партнеры курса. Это практика и возможность попасть на стажировку в студию.

Вы помогаете найти работу?

1. Помогаем оформить портфолио на Behance.
2. Даем обучающий курс по оформлению резюме и подготовке к собеседованию.
3. Даем консультацию по составленному резюме.
4. Сотрудничаем с студиями, которые приглашают лучших выпускников на стажировку при выполнении всех заданий и задания на стажировку.

Диплом выдается только после защиты проекта?

Так. Ми працюємо над тим, щоб фахівці, яких випускаємо на ринок після курсу, були підготовлені практично, а не просто були з дипломом на руках. Наприкінці курсу необхідно захистити свій проєкт, після чого ви отримуєте диплом про успішне завершення курсу.

Обучаться веб дизайну Online, мне будет понятно?

Звичайно! Частина студентів приходять на перші заняття offline, після переходять online, тому що немає жодної різниці - спілкування відбувається в режимі реального часу, викладач відповідає на запитання без затримки, бачить екран студента, все як в аудиторії, тільки не потрібно витрачати час на дорогу.
Вернуться на главную страницу