КУРС ВЕБ ДИЗАЙНУ (UI/UX)

ПОЧАТКОВИЙ РІВЕНЬ

Вивчайте веб-дизайн на практиці
Створюйте свої перші портфоліо робіт
Вивчайте Adobe, Figma, XD, Behance

Курс у запису – 2 980 грн
У запису з підтримкою – 7 370 грн

Задавайте свої питання у

Кому буде корисний курс

Новичкам

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

МАРКЕТОЛОГАМ

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

ПРОФЕСІОНАЛАМ 

Допоможе поліпшити навички в більш просунутих темах, залишатися в курсі останніх тенденцій і працювати зі справжніми проєктами, що дасть вам змогу залишатися конкурентоспроможними й успішними на ринку

На курсі

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

 
 

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

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

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

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

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

Оновлена ​​програма у серпні 2022

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?
  • Основні завдання та функції посадкової сторінки
  • Розбираємо структуру посадкової сторінки
  • Створюємо дизайн для посадкової сторінки

СТВОРЕННЯ ГОЛОВНОЇ СТОРІНКИ ДЛЯ E-COMMERCE САЙТІВ: ПРАКТИКУМ

 
  • Навіщо дизайнеру аналізувати цільову аудиторію та її потреби?
  • Створюємо портрети користувачів
  • Які бувають сценарії користувачів?
  • Проектуємо алгоритм взаємодії з інтерфейсом
  • Створюємо 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
  • Дизайн-система для програми
  • Створюємо прототип та смарт-анімацію для мобільного додатка

ADOBE 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 макети для мобільного App
  • Тестуємо прототип мобільного додатка

СТВОРЮЄМО ПОРТФОЛІО

 
  • Де шукати ідеї для оформлення роботи?
  • Робота з Mock-ups
  • Створюємо шаблони для оформлення
  • Малюємо макет презентації

ЯК ЗНАХОДИТИ КЛІЄНТІВ ТА ВИЗНАЧАТИ ВАРТІСТЬ СВОЇХ ПОСЛУГ?

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

Вартість навчання

Вартість курсу залежить від формату навчання.

Курс у записі

2 980 грн

початківець
Старт: 27 жовтня

За допомогою

7 370 грн

початківець
Старт: 27 жовтня

Очно в академії

13 400 грн

початківець
Старт: 27 жовтня

Курс у записі

2 980 грн

Навчайтесь у зручне

для себе час

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

З ПІДТРИМКОЮ

7 370 грн

Перевірка домашніх завдань

QA сесія – 1 раз на тиждень

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

Вартість навчання

 Вартість курсу залежить від формату навчання

Формат:
Вартість у гривнях:
Старт курса:
Особистий кабінет
Відео-запись:
Сервіси:
Викладачь:
Комп'ютер:
Нетворкінг:
У запису
2 980
зараз
Підтримка
7 370
зараз

Вартість навчання

 Вартість курсу залежить від формату навчання

Формат:
Вартість у гривнях:
Старт курса:
Особистий кабінет
Відео-запись:
Сервіси:
Викладачь:
Комп'ютер:
Нетворкінг:
У запису
2 980
+
Підтримка
7 370
+
Очно
13 400
+

ВИКЛАДАЧІ КУРСУ

Астра

Працюю понад 10 років дизайнером. Основний напрямок дизайн сайтів та додатків. Захоплююсь скетчингом та живописом. Люблю каву, старе кіно та дуже різну музику. Вірю, що уява здатна змінити реальність.

Ще трохи про навчання

Повністю обладнані та комфортні аудиторії у центрі міста. Усі лекції записуються та доступні в особистому кабінеті (LMS Академії IMT).

РОБОТИ СТУДЕНТІВ НА BEHANCE

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

Підтвердження знань та навичок на курсі

Головне – це навик

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

Диплом, який цінується

Окрім потужної програми, ми даємо багато практики, допомагаємо з працевлаштуванням  

Тестування знань

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

Сервіси курсу

Навички у резюме після курсу

Повністю обладнані та комфортні аудиторії у центрі міста. Ваш роботодавець буде радий такому фахівцю, тому що все це ви пройдете на практиці і закріпите ваші навички.
АНАСТАСІЯ ШЕВЧЕНКО

WEB дизайнер

Пройшла навчання з курсу веб-дизайну (UI/UX), в Академії інтернет-технологій IMT.
Інструменти роботи /span>
Инструменты работы

НАВИЧКИ

НАБУТІ ЗНАННЯ:

Інструменти
Проектування
E-commerce
Створення e-commerce магазину
Додаткові skills
Базові знання HTML / CSS FWA Site of the Day
Interface
Material Design / Human interface guidelines

Диплом UI/UX Design

Диплом про успішне завершення курсу видає систему LMS автоматично, при здачі всіх домашніх завдань та проходженні всіх тестів.

Компанії в яких працюють
Випускники та викладачі

Бажаешь до їхньої команди?

ЯКІ ЗАРПЛАТИ У ДИЗАЙНЕРА?

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

Підібрали для вас статистику щодо України: Дніпро, Київ, Львів та інших міст. Погортайте галерею по вивчайте.

У IMT ви отримуєте

Особистий кабінет

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

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

Кожна лекція записується та доступна вам у будь-який час.

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

Навчальні випробування в особистому кабінеті для закріплення теорії. Домашнє завдання для закріплення практики

Завдання та підтримка

Закріпити матеріал на практиці – виконуєте завдання, які перевіряються.

HR підтримка

Допомагаємо зі складанням резюме та ділимося SEO вакансіями партнерів.

Участь у заходах

В усіх конференціях, які проводить Академія IMT.
Ви можете отримати безкоштовне консультування щодо вибору напрямку або відвідати пробне заняття.

Як вибрати курс?

Якісне навчання

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

Кількість лекторів на курсі — одна людина не може знати всього, кілька лекторів, кожен фахівець у своїй справі.
Один іноді пара лекторів. на яких тримається вся програма, найчастіше хороші промовці.
Навичка доносити та пояснювати — добрий фахівець не завжди, а скоріше часто, не вміє донести свої знання та досвід. У добрих школах викладачів навчають цій навичці.
Немає ресурсів на внутрішнє навчання, через що страждає на якість засвоєння інформації.
Підтримка між лекціями – це ключовий елемент ефективного навчання, куратор, викладач, який відповідає на запитання.
Просто ведуться лекції без будь-якої підтримки.
Відео запис лекцій – повернутися до лекції. переглянути, використовувати під час виконання ДЗ.
Записи з веб-камери в поганій якості і з поганим звуком - дивитися неможливо.
Система оцінювання - важливий елемент розуміння ефективності засвоєння матеріалу.
Немає жодної системи оцінювання та перевірки ДЗ.
Особистий кабінет — з доступом до конспекту, матеріалів, відео записів, системи ДЗ, чек листів та роздаткових матеріалів.
Нема особистого кабінету. максимум це у документах 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. Навчився малювати іконки, кнопки, працювати зі шрифтами, розробляти дизайн мобільних пристроїв. »

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

приватний підприємець

«На цьому курсі я отримала достатню базу для того, щоб влаштуватися на роботу веб-дизайнером. Курс хороший, ємний! Рекомендую!»

СЕРГІЙ ГАВРИКОВ

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

ЛАРИСА ДУДКІНА

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

ЛЕОНІД ЗНАЙЧЕНКО

Дизайнер-початківець
«Отримав навички роботи у Photoshop, розуміння структури. Навчився розуміти UI/UX, дизайн для сайтів, досвід роботи в Illustrator. Навчився малювати іконки, кнопки, працювати зі шрифтами, розробляти дизайн мобільних пристроїв. »

АНАСТАСІЯ ЧИРКОВА

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

Реєстрація на курс WEB Design

Вартість курсу залежить від форми навчання

Питання щодо навчання

Якщо ви не знайдете відповіді на питання, що вас цікавить, напишіть нам у телеграм, ми постараємося відповісти на ваші запитання!

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

Так. Для цього не потрібно вміти малювати. Потрібно бути лише впевненим користувачем ПК. Всі редактори можна швидко освоїти, отримати "нагляд" і вивчити принципи створення веб-дизайну. Курс значно скоротить час на навчання, програма, підтримка та завдання. Поки що можете пройти підготовчий курс (безкоштовно) стаття про професію дизайнера

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

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

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

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

Ви допомагаєте знайти роботу?

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

Диплом видається лише після захисту проекту?

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

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

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