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

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


Записаться

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

Задай вопрос в Telegram

программа, цена, расписание, отзывы, примеры работ, Днепр

На курсе:

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

Image

За 4 месяца обучения

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

что будете уметь

Что будете знать

Каждая лекция это практика с домашними заданиями. Последовательно освоите программы и методики в веб дизайне

SVG
Редакторы

Photoshop, Illustrator, Figma, After Effects

SVG
UI/UX дизайн

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

SVG
Ecommerce

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

SVG
Landing Page

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

SVG
Mobile APP

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

SVG
Анимация

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

Какие зарплаты и чеки?

Оплата работы дизайнера зависит от его опыта, сложности задач. Штатные дизайнеры получают от 15 до 35 тыс. грн. Под некоторые большие проекты могут требоваться дизайнеры с большим опытом и специализацией, зарплата которых может достигать и 3,5-5 тыс. $
Начинающий дизайнер может рассчитывать на 12-15 тыс. грн.

  • Дизайнером можно стать с нуля, без художественного образования

  • Удаленная работа или freelance

  • Выбор интересных проектов

По данным ТОП сайтов поиска работы

Image

Стать востребованным специалистом

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

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

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

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

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

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

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

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

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

4. UI/UX

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

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

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

6. Adobe Experience Design (Adobe XD)

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

7. Adobe Photoshop CC 2020

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

8. Adobe Illustrator CC 2020

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

9. Дизайн Landing page

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

10. Е-commerce сайты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

19. User-flow для mobile app

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

20. UX макет для mobile app

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

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

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

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

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

23. А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

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

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

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

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

Английский для выпускников Академии IMT

Специальные условия от партнера EnglishDom по изучению IT английского языка для студентов и выпускников Академии IMT

Стоимость и даты старта

удобный график обучения

Стоимость от 2 980 грн.

Стоимость зависит от выбранного формата обучения:
– в записи с поддержкой;
– полный курс в записи

Visa/MasterCard

Image Description
SVG

В записи с поддержкой

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

SVG

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

Доступ к записям, проверка домашних заданий и ссылкой в telegram канал поддержки.
QA сессия – 1 раз в неделю.

SVG

Курс в записи

Обучайтесь в удобное для себя время

SVG

Стоимость: 2 980 грн.

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

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

Author

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

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

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

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

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

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

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

Астра

UI/UX design

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

Преподаватель курса ВЕБ дизайн в Академии IMT

Что должен знать, уметь дизайнер?

Основы разработки веб интерфейсов для Ecommerce, mobile app, юзабилити и психологию поведения. Конечно владеть основными инструментами дизайнера. Уметь организовать свою работу и выстроить коммуникацию с заказчиком. Более детально о том, что должен уметь и сколько получает дизайнер можно ознакомиться на нашем блоге в статье “Что делает веб дизайнер?”.

Image
Image

Резюме и портфолио

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



Image
Image

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

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

Формат обучения дизайну: дистанционно online или offline в Днепре

Image

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

Посещайте лекции offline, в полностью оборудованном современном классе для дизайна. Можете совмещать online и offline формат по желанию

Image

Курсы веб дизайна Киев (дистанционно)

Курсы UI UX дизайна проходят в онлайн формате в real-time режиме. Вы подключаетесь через zoom по расписанию, полностью участвуете в лекции, задаете вопросы, делаете практику, показываете свой экран и работу, моментально получаете обратную связь от преподавателя.

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

image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
image
Обеспечение

Так проходят занятия

Offline – полностью оборудованные аудитории
Online – обучение в режиме реального времени
Все лекции записываются и доступны в личном кабинете (LMS Академии IMT)

  • Online/Offline формат обучения
  • Постоянная поддержка
  • Современная техника
  • Личный кабинет
  • Видео записи лекций
  • Проверка ДЗ
Подтверждение знаний

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

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

Актуальные знания закрепленные практикой на реальных проектах

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

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

Дипломирование и защита

Выдается после успешной защиты дипломной работы

SVG Arrow

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

  • Инструменты

    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

Диплом Академии IMT

Image Description

* диплом об успешном завершении курса выдается после презентации и защиты проекта, при оформленном портфолио выпускника

Записаться на курс

Остались вопросы? Звони: +38(097) 441-90-77

Не любишь говорить по телефону? Пиши в Telegram

только

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

SVG

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

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

SVG

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

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

SVG

Проекты в портфолио

На курсе вы создаете первые проекты и оформляете в свое портфолио

SVG

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

Практика – готовые проекты. Проверяет преподаватель, дает комментарии и рекомендации, разбор на лекции

SVG

HR поддержку выпускникам

Помогаем с составлением резюме и делимся вакансиями партнеров, возможность стажировки

SVG

Куратор в закрытом чате

На протяжении всего обучения в закрытом чате поддержка куратора и преподавателя

Бесплатная консультация и подготовительный курс

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

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

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

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

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

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

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

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

Начинающий дизайнер

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

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

частный предприниматель

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

Основной набор навыков:

  • освоите основы Web-дизайна с нуля
  • научитесь работать в самом популярном графическом редакторе PhotoShop
  • получите практический опыт работы с векторной графикой в Adobe Illustrator
  • собственноручно создадите дизайн вашего веб-сайта, посадочной страницы, мобильного приложения
  • освоите сервис разработки интерфейсов и прототипирования Figma
  • освоите UI/UX дизайн

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

Обучение которое стоит выбрать:
навык доносить и объяснять – хороший специалист не всегда, а скорее часто, не умеет донести свои знания и опыт. В хороших школах преподавателей обучают этому навыку
поддержка между лекциями – это ключевой элемент эффективного обучения, куратор, преподаватель который отвечает на вопросы
видео запись лекций – вернуться к лекции. пересмотреть, использовать при выполнении ДЗ
система оценивания – важный элемент понимания эффективности усвоения материала
личный кабинет – с доступом к конспекту, материалам, видео записям, системе ДЗ, чек листам и раздаточным материалам
доступна полная программа курса – понимание всего перечня тем которые будут раскрыты на курсе
сколько времени работает школа – ответственность и забота о репутации, наработаны методики обучения
обновление программы – рынок меняется, как и технологии, требования работодателей
FAQ

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

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

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

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

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

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

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

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

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

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

Да. Мы работаем над тем, чтобы специалисты которых выпускаем на рынок после курса были подготовлены практически, а не просто были с дипломом на руках. В конце курса необходимо защитить свой проект, после чего вы получаете диплом об успешном завершении курса.

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

Конечно! Часть студентов приходят на первые занятия offline, после переходят online, т.к. нет никакой разницы – общение происходит в режиме реального времени, преподаватель отвечает на вопросы без задержки, видит экран студента, все как в аудитории, только не нужно тратить время на дорогу.


Качай Skills

Дополнительные навыки которыми должен владеть WEB дизайнер

Image

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

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

Image

Front-End

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

Image

JavaScript

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

Главная > Курс UI/UX дизайн