UA
RU

Курс web ui/ux дизайну:

стань веб дизайнером
Тривалість: 4 місяці
Вартість: від 2980 грн.
Старт навчання
  • 23 вересня
  • Вт./Пт. 18:30-21:30
  • 32 лекції
  • формати навчання:
  • курс у записі – 2980 грн.
  • у записі з підтримкою – 7370 грн.
  • за розкладом у Zoom – 13400 грн.
  • розстрочка на оплату
записатись на курс

Так проходить навчання

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

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

Закритий чат учасників, підтримка кураторів

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

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

Веб UI UX дизайн з чого почати?
Веб дизайн UI UX як почати, навчитися?
UI/UX веб дизайн які навички потрібні?
Веб дизайн програми

          Навчання в IMT - це:

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

          Навички які ви отримаєте

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

          Курс WEB-дизайн - навчання для тих, хто хоче навчитись дизайну сайтів з нуля.
          Ви освоїте принципи UX/UI дизайну сайтів та юзабіліті. В основі програми закладено досвід викладачів, починаючи з 2009 року. Системна подача матеріалу дозволить отримати всю необхідну базу знань та інструменти для веб-дизайнера. Від наших студентів ми вимагаємо лише систематичного відвідування занять та виконання домашньої роботи. Випускники курсу веб-дизайн, щоб отримати диплом, повинні скласти іспит та захистити проект.
          Перевірте, чи підходить ваш компьютер для навчання на курсі - інструкція з перевірки компьютера

          К содержанию
          Зміст

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

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

          Знайомство з програмою Figma

          • Інтерфейс програми Figma
          • Інструменти та налаштування програми
          • Створення документа у Figma
          • UI елементи та бібліотеки компонентів у Figma
          • Система зберігання та доступу файлів

          Типографія в WEB дизайне

          • Що таке шрифт?
          • Класифікація шрифтів
          • Основні терміни та поняття в друкарні
          • Деякі правила роботи з екранною друкаркою
          • Модульні сітки

          UI/UX

          • Поняття інтерфейсу користувача
          • Що таке досвід взаємодії?
          • У чому полягає робота дизайнера інтерфейсів?
          • Як провести юзабіліті експертизу?
          • Основні елементи взаємодії UI

          Основи архітектури сайтів

          • Що таке веб-сайт?
          • Типи та види сайтів
          • Особливості проектування різних видів сайтів
          • Структура сторінки сайту HTML та CSS

          Знайомство з Adobe Experience Design

          • Інтерфейс програми Adobe XD
          • Створення документа в Adobe XD
          • Компоненти в Adobe XD
          • Дизайн сайту блогу в Adobe XD
          • Зберігання та доступ до файлів в Adobe XD

          Знайомство з Adobe Photoshop

          • Створення простого документа та документа з монтажними областями у програмі Adobe Photoshop CC 2020
          • Інструменти для роботи з растровою графікою
          • Шари, маски шарів та їх види
          • Створення колажу у програмі Adobe Photoshop

          Знайомство з Adobe Illustrator

          • Інтерфейс програми Adobe Illustrator
          • Робота з кривими в Adobe Illustrator
          • Багатосторінковий документ Adobe Illustrator
          • Підготовка макету для друку в Adobe Illustrator
          • Експорт файлів у Adobe Illustrator

          Landing page (2 заняття)

          • Що таке посадкова сторінка?
          • Завдання та функція посадкової сторінки
          • Структура посадкової сторінки
          • Практичне створення дизайну посадкової сторінки

          E-commerce сайти

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

          Створення User-flow для e-commerce, Wireframe

          • Аналіз ЦА та їх потреб
          • Портрети користувачів
          • Сценарії користувачів
          • Проектування алгоритму взаємодії з інтерфейсом
          • Створення User-flow для кожного сценарію користувача

          Проектування UX макету для e-commerce

          • Створення wireframe макетів
          • Проведення тестування прототипу

          Практикум створення головної сторінки сайту e-commerce (2 заняття)

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

          Практикум зі створення сторінки каталогу та картки товару для сайту e-commerce

          • Створення основних елементів для сторінки каталогу
          • Відображення картки товару та каталогу
          • Статуси товарів
          • Кошик та оформлення замовлення

          Практикум із створення додаткових сторінок для сайту e-commerce

          • Форми логіну та реєстрації
          • Повідомлення та поп-апи
          • Статичні сторінки сайту

          Мобільна версія сайту та адаптивний дизайн (2 заняття)

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

          Створення прототипу сторінок сайту e-commerce у Figma

          • Зв'язок елементів сторінок
          • Опрацювання етапів прототипу
          • Смарт анімація
          • Запис відео для прототипу

          Email розсилки для e-commerce

          • Класифікація поштових розсилок
          • Особливості та обмеження в дизайні розсилок
          • Створення робочих шаблонів

          Створення User-flow для mobile app

          • Типи та види мобільних додатків
          • Основні вимоги до мобільних додатків
          • Гайдлайни Apple IOS та Android
          • Пошук ідеї та вибір теми для програми

          Проектування UX макету для mobile app

          • Аналіз ЦА та їх потреб
          • Портрети та сценарії користувачів
          • Створення UX-flow екранів програми
          • Створення wireframes макетів
          • Проведення тестування прототипу

          Тестування UX макета для mobile app

          • Види тестування
          • Рекрутинг користувачів
          • Критерії тестування
          • План тестування
          • Процес аналізу юзабіліті даних

          Дизайн мобільного додатку (3 заняття)

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

          Оформлення робіт у портфоліо

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

          Знайомство з Adobe After Effects (3 заняття)

          • Інтерфейс програми
          • Створення проекту та композиції
          • Шари та ієрархія елементів проекту
          • Анімація форми, маски та тексту
          • 3D шар, камера та Null-object
          • Підкладки та ефекти в Adobe After Effects
          • Розробка простої презентації в Adobe After Effects

          Аналіз ринку пропозицій: як знаходити клієнтів та визначати конкурентну вартість своїх послуг?

          • Різниця найманої роботи та фрілансу
          • Як правильно скласти резюме та мотиваційний лист?
          • Як підготуватися до співбесіди?
          • Особливості роботи на фрілансі
          • Як правильно оцінити вартість вашої роботи?
          • Як продавати свої послуги за максимальну ціну?

          Випускний іспит

          • Презентація дипломної роботи
          • Захист роботи
          • Тестування

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

          Астра Літвіненко

          Астра – експерт у галузі веб дизайну

          Подробнее

          Александр Милютин

          Досвід: професійний копірайтер з 2011 року,
          викладає з 2013 року.

          Подробнее

          Злата Пустовалова

          Head of SEO в Livepage

          Подробнее

          Александр Быхно

          Руководитель копирайтинг центра ПриватБанк

          Подробнее

          Данил Курило

          Сертифицированный специалист Google Ads,
          Highway To Top

          Подробнее

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

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

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

          Особливості навчання в IMT

          Підтримка під час навчання

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

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

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

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

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

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

          Готовий проект, який захищається на останньому занятті та є підбиттям підсумків навчання. Готовий дизайн веб-сайту. Усі роботи оформляються в перше портфоліо на Behance - дивіться приклади випускників тут

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

          На час навчання вам доступні відеозаписи всіх занять.

          Створюєте своє портфоліо

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

          Випускники та викладачі працюють в:

          9+

          Учбові аудиторії

          Процес навчання

          Роботи студентів

          Відгуки випускників про курс

          Завантажити ще
          Завантажити ще
          Завантажити ще
          Завантажити ще
          Завантажити ще
          Завантажити ще
          Завантажити ще
          Завантажити ще
          Завантажити ще
          Завантажити ще
          Завантажити ще
          Завантажити ще

          Юлія Туценко

          ...Вийшло створити не тільки дизайн повноцінного сайту, але й успішно попрацювати з реальним клієнтом. Інформація була дуже корисною та цікавою. ...

          Всеволод Медведовський

          ...Навчився працювати з Photoshop та трохи та illustrator. Дізнався основи WEB-дизайну, що тенденції та маю розуміння, як зробити сучасний сайт. ...
          відео відгуки
          2022 ©