UA
RU

КУРС WEB UI/UX ДИЗАЙН:

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

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

    Лекції за розкладом у 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 створюється закрита група в якій студенти отримують допомогу та підтримку від викладача та однокурсників як протягом курсу.

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

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

            завдання та практика

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

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

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

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

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

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

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

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

            9+

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

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

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

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

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

            Юлія Туценко

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

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

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