Дніпро

+38 (056) 784-27-67  

Все телефоны ▼

Курс WEB UI/UX дизайн:
стань фахівцем веб дизайну

Тривалість: 4 місяці

Вартість курсу: від 2 980 грн.

Старт найближчої групи

  • 22 червня
  • Вт./Пт. (18:30-21:30)
  • 32 лекції в Zoom
  • Формати навчання:
  • курс у записі - 2 980 грн.
  • у записі з підтримкою - 7 370 грн.
  • лекції у Zoom - 13 400 грн.
  • Особливі умови оплати:
  • розстрочка без %
  • вимушеним переселенцям
  • випускникам Академії ІМТ

Навчальний процес

Лекції за розкладом через Zoom у real-time форматі

Спілкування з викладачем без затримки

Закритий чат для групи, спілкування та підтримка між лекціями

Особистий кабінет з відео, завданнями та тестами

Навчання веб-дизайну

    Веб UI UX дизайн з чого почати?

  • Для начала, нужно прокачивать свой вкус для UI, и пробовать проводить аналитические разборы, возможно при общении с друзьями и близкими, на какие то общие темы . После чего уже погружаться в саму сферу
  • Веб дизайн UI UX как начать, научиться?

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

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

  • Adobe photoshop, Adobe illustrator, Adobe XD, Figma, sketch, InVision studio, framer

Навчання в IMT

  • Дизайнер-фахівець з багаторічним досвідом
  • Чітка, послідовна подача інформації
  • Особистий кабінет з записами лекцій, додатковими матеріалами
  • Підтримка викладача між лекціями у чаті групи
  • Навчання під керівництвом досвідченого практика
  • Практика на кожній лекції для закріплення матеріалу

На курсі навчитесь

  • Научитесь использовать и применять анимацию
  • Создадите дизайн посадочной страницы
  • Освоите принципы дизайна главной страницы сайта
  • Научитесь работать в Adobe Photoshop
  • Изучите возможности Adobe Illustrator и будете применять на практике
  • Узнаете, как применять UI/UX-дизайн для создания страниц сайта
  • ПРОГРАМА КУРСУ

    Курс WEB-дизайн - навчання для тих, хто хоче навчитись дизайну сайтів з нуля. Хотите изучить Adobe Illustrator и Adobe Photoshop. Вы освоите принципы UX/UI дизайна сайтов и юзабилити. В основе программы заложен опыт преподавателей, начиная с 2009 года. Системная подача материала позволит вам получить всю необходимую базу знаний и инструменты для веб-дизайнера. От наших студентов мы требуем лишь систематического посещения занятий и выполнения домашней работы. Выпускники курса веб-дизайн, чтобы получить диплом, должны сдать экзамен и защитить проект.

    Проверьте, подходит ли ваш компьютер для обучения дизайну - как проверить компьютер

    - 1 -

    модуль

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

    - 2 -

    модуль

    • Знакомство с программой Figma
    • Интерфейс программы Figma
    • Инструменты и настройки программы
    • Создание документа в Figma
    • UI элементы и библиотеки компонентов в Figma
    • Система хранения и доступа файлов

    - 3 -

    модуль

    • Типографика в WEB дизайне
    • Что такое шрифт?
    • Классификация шрифтов
    • Основные термины и понятия в типографике
    • Некоторые правила работы с экранной типографикой
    • Модульные сетки

    - 4 -

    модуль

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

    - 5 -

    модуль

    • Основы архитектуры сайтов
    • Что такое сайт?
    • Типы и виды сайтов
    • Особенности проектирования разных видов сайтов
    • Структура страницы сайта HTML и CSS

    - 6 -

    модуль

    • Знакомство с программой Adobe Experience Design
    • Интерфейс программы Adobe XD
    • Создание документа в Adobe XD
    • Компоненты в Adobe XD
    • Дизайн сайта блога в Adobe XD
    • Хранение и доступ файлов в Adobe XD

    - 7 -

    модуль

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

    - 8 -

    модуль

    • Знакомство с программой Adobe Illustrator CC 2020
    • Интерфейс программы Adobe Illustrator CC 2020
    • Работа с кривыми в Adobe Illustrator CC 2020
    • Многостраничный документ в Adobe Illustrator CC 2020
    • Подготовка макета для печати в Adobe Illustrator CC 2020
    • Экспорт файлов в Adobe Illustrator CC 2020

    - 9-10 -

    модуль

    • Landing page
    • Что такое посадочная страница?
    • Задача и функция посадочной страницы
    • Структура посадочной страницы
    • Практическое создание дизайна посадочной страницы

    - 11 -

    модуль

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

    - 12 -

    модуль

    • Создание User-flow для e-commerce, Wireframe проектирование
    • Анализ ЦА и их потребностей
    • Портреты пользователей
    • Сценарии пользователей
    • Проектирование алгоритма взаимодействия с интерфейсом
    • Создание User-flow для каждого сценария пользователя

    - 13 -

    модуль

    • Проектирование UX макета для e-commerce
    • Создание wireframe макетов
    • Проведение тестирования прототипа

    - 14-15 -

    модуль

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

    - 16 -

    модуль

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

    - 17 -

    модуль

    • Практикум по созданию дополнительных страниц для сайта e-commerce
    • Формы логина и регистрации
    • Сообщения и поп-апы
    • Статические страницы сайта

    - 18-19 -

    модуль

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

    - 20 -

    модуль

    • Создание прототипа страниц сайта e-commerce в Figma
    • Связь элементов страниц
    • Проработка этапов прототипа
    • Смарт анимация
    • Запись видео для прототипа

    - 21 -

    модуль

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

    - 22 -

    модуль

    • Создание User-flow для mobile app
    • Типы и виды мобильных приложений
    • Основные требования к мобильным приложениям
    • Гайдлайны Apple IOS и Android
    • Поиск идеи и выбор темы для приложения

    - 23 -

    модуль

    • Проектирование UX макета для mobile app
    • Анализ ЦА и их потребностей
    • Портреты и сценарии пользователей
    • Создание UX-flow экранов приложения
    • Создание wireframes макетов
    • Проведение тестирования прототипа

    - 24-26 -

    модуль

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

    - 27 -

    модуль

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

    - 28-30 -

    модуль

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

    - 31 -

    модуль

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

    - 32 -

    модуль

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

    Викладач курсу

    6896-e1628775770590.jpeg
    Астра Літвиненко

    Зробіть веб дизайн своєю професією

    Навчайтесь у професіоналів-практиків

    Особенности обучения в IMT

    155 (1).jpeg

    Поддержка во время обучения

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

    Обучение веб дизайну онлайн

    Диплом выпускника

    Конец курса веб-дизайна всегда запоминающийся, ведь студенты сдают экзамен – защищают свои проекты. После этого выпускники получают диплом, свидетельствующий о том, что они успешно прошли обучение веб-дизайну в Академии IMT. На каждом дипломе указан номер, по которому можно проверить его подлинность.

    175.jpeg

    Домашние задания и практика

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

    portfolio-web-design.jpg

    Дипломный проект по ui/ux web-дизайну

    Готовый проект, который защищается на последнем занятии и является подведением итогов обучения. Готовый дизайн сайта. Все работы оформляются в первое портфолио на Behance - смотрите примеры выпускников тут

    265.jpeg

    Онлайн видео запись всех занятий

    На время обучения – вам доступны видеозаписи всех занятий.

    курс ui дизайна онлайн

    Создаете своё портфолио

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

    Выпускники академии работают в:

    Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в
    Выпускники академии IMT работают в Выпускники академии IMT работают в

    Отзывы о курсе наших студентов

    Bobko.jpg

    Татьяна Бобко

    ... Обучилась структурной и последовательной разработке....

    Web.jpg
    dydkina_foto.jpg

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

    ...Я научилась делать дизайн WEB-страниц, мобильных приложений...

    dydkina_otziv.JPG
    nikituk_foto.jpg

    Алиса Никитюк

    ...Я научилась делать дизайн WEB-страниц, мобильных приложений...

    nikituk_otziv.JPG
    gavrikov_foto.jpg

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

    ...В результате обучения я получил знания программ: Photoshop,  Illustrator, After Effects.... 

    gavrikov_otziv.jpg
    Vanina_foto.jpg

    Оксана Ванина

    ...Имею понятие что такое UI|UX. Получен навык работы в Figma...

    vanina_otziv.jpg
    Fadeeva_foto.jpg

    Вероника Фадеева

    ...Знания таких программ как photoshop, illustrator...

    Fadeeva.jpg