Online | Offline
КУРС

Web UI/UX дизайн

  • З нуля навчишся створювати інтерфейси, які вирішують завдання бізнесу
  • Пройдеш всі етапи розробки дизайну продукту
  • Опануєш web- і Mobile дизайн, проектування та UX-аналітику
Оплата частинами

Заробітня плата UI/UX DESIGNER

від 400$ до 3500$

(за даними work.ua або dou.ua)

Чим займається UI/UX DESIGNER?

Розробкою дизайну інтерфейсів додатків і веб сайтів, а також їх практичного і комфортного використання користувачем.

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

відео з нашим викладачем

Коротко про курс

icon

Інтенсивна практика і розбір домашніх завдань

icon

Поетапна розробка дизайну продукту відповідно до вимог замовника

icon

4 гідні проекти в портфоліо для старту кар'єри

icon

Допомога у працевлаштуванні, оформленні резюме та підготовка до співбесіди

Після курсу ти зможеш

icon

Adaptive

Розробляти адаптивні дизайн-макети для веб-сайтів та мобільних інтерфейсів

icon

Crossplatform

Розробляти кросплатформні нестандартні рішення для створення унікального продукту

icon

Composition

Працювати з композицією, шрифтами та друкаркою при розробці інтерфейсу, з використанням принципів каліграфії

icon

Goals

Визначати цілі проекту, формувати його завдання та підбирати інструменти для створення прототипу конкретного проекту

icon

iOS&Android

Працювати з гайдлайнами iOS та Android, створювати інтерактивні прототипи та проводити їх юзабіліті-тестування.

icon

Presentation

Упаковувати та презентувати свій проект замовнику, а також наповнити власне портфоліо

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

5

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

опануєш прийоми роботи з ТОПовими програмами

формування портфоліо та навички роботи із замовником

Знайомство з професією Web UI/UX дизайнер
  • Знайомство
  • Дизайн та всі його галузі
  • Практичний майстер-клас із закріплення всіх інструментів
Знайомство з Figma
  • Знайомство з Фігмою та інтерфейсом
  • Знайомство з базовими інструментами
Композиція
  • Навіщо потрібна композиція
  • Типи композиції
  • Інструменти композиції
  • Як розвивати навички композиції
Колористика (+стилі)
  • Що таке колір і як він сприймається
  • Основні терміни та правила в колористиці
  • Поєднання кольорів
  • Стилі у Figma
Типографіка (+стилі)
  • Класифікація шрифтів
  • Анатомія шрифту
  • Інтервали
  • Правила типографіки
  • Ієрархія
Елементи (промальовування, компоненти)
  • Кнопки
  • Віджети
  • Навігація
Photoshop (Растрова підготовка)
  • Основи, інструменти та функціонал Фотошопу
  • Ретуш фотографії
  • Обрізання фону у фотографії
  • Колажі, пензли, ефекти, вау-ефекти
Illustrator (векторна підготовка)
  • Основи, інструменти та функціонал Ілюстратора, як працювати
  • Пайплайн розробки власного сету іконок
  • Ілюстрація у флет (+пензлі), аксонометрія
  • Ефекти тексту, патерни, векторне оформлення сайтів
Банери у Photoshop
  • Що таке? Для чого? Приклади
  • Типи застосування банерної реклами та їх особливості
  • З чого може складатися банер? Обов'язкові та необов'язкові елементи
  • Практичний майстер-клас "Банер у Figmа"
  • Ресайз банерів
Оформлення соц. мереж
  • Оформлення соціальної мережі Youtube
  • Оформлення соціальної мережі Facebook
  • Оформлення соціальної мережі Instagram (як працює інсталендинг)
  • Оформлення власних профілів Linkedin та Behance
Лендінг + Поглиблена фігма
  • Плагіни
  • Стилі
  • Компоненти
  • Сітка
  • UI Kit
  • Сonstrains
  • Конкурентний, крос аналіз, ЦА, портрети
  • Майстер-клас "Лендінг у фігмі з усіма новими знаннями"
  • Введення в прототипування (клікабельні кнопки)
Адаптивка + Оформлення на беханс
  • Види Адаптивки
  • Майстер-клас "Планшетна версія"
  • Майстер-клас "Мобільна версія (+спеціальні плагіни)"
  • Мокапи та як з ними працювати
  • Майстер-клас "Оформлення на Бехансі"
Редизайн-сайту
  • Аудит сайту
  • Складання опитування користувачів
  • Аналіз конкурентів та кросов
  • Складання картки сайту
  • Складання та портрет користувальницької аудиторії та їх шляхів користування сайтом
  • Майстер клас редизайну сайту на основі аналізу
  • Написання висновку, таблиць опитувань, графіків, оформлення на беханс
Персональний сайт
  • Що це й навіщо. Приклади.
  • Сторінки, необхідні для сайту (+складання приблизної карти сайту)
  • Складові та необхідні компоненти кожної сторінки, дод. елементи
Інформаційний сайт
  • Що це й навіщо. Приклади.
  • Сторінки, необхідні для сайту (+складання приблизної карти сайту)
  • Складові та необхідні компоненти кожної сторінки, також дод. елементи
  • Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)
Корпоративний сайт
  • Що це й навіщо. Приклади.
  • Сторінки, необхідні для сайту (+складання приблизної карти сайту)
  • Складові та необхідні компоненти кожної сторінки, також дод. елементи
  • Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)
Інтернет-магазин
  • Що це й навіщо. Приклади.
  • Сторінки, необхідні для сайту (+складання приблизної карти сайту)
  • Складові та необхідні компоненти кожної сторінки, також дод. елементи
  • Екрани входу реєстрації, віджети, особистий кабінет, повідомлення, налаштування профілю (лайт варіант)
Бонусний блок: Створення логотипу
  • Типи логотипу
  • Пайплайн створення логотипу
  • Подання логотипу

Хто читає цей курс?

Екатерина Яковишена

Катерина Яковішена

UI/UX designer

Працюю в дизайні вже 8 роки. У 2017 році пройшла UI \ UX стажування в студії web-дизайну в Страсбурзі (Франція) і студії мобільного дизайну в Єрусалимі (Ізраїль). Відвідала майстер-клас Мата Крассет, дизайнера світового рівня. Займаю призові місця в дизайнерських конкурсах. Навчалася на архітектурному факультеті ПГАСА за фахом проектування і дизайн. Проходила пленерного практику в Румунії, Хорватії, Болгарії та Італії. Розбираюся в поліграфії, брендінгу, логотипах і web-дизайні. Навчу розуміти візуальні комунікації і створювати правильні макети і дизайн.

Як відбувається навчання?

Живі заняття

Навчання в онлайн форматі з можливістю прямої комунікації

90% практики

Практика з першого дня навчання: робота над реальним проектом для портфоліо

Підтримка викладачів

Закритий Telegram чат групи з викладачем, розбір домашніх завдань та регулярний зворотний зв'язок

Кар'єрні івенти

Онлайн-екскурсії в топові IT-компанії, тренінги з Soft Skills та підготовка до працевлаштування

Твоє резюме після навчання

Анастасія Євтушенко UI/UX designer Trainee
Зарплата від 400$
Графік Работа в офісі/віддалено
Освіта Level Up
Ключові навички
  • Вмію досліджувати аудиторію та створювати сценарії використання продукту
  • Розробляю концепти на основі отриманих досліджень
  • Створення дизайн-макетів, web-інтерфейсів та розробка адаптивних варіантів
  • Можу створювати інтерфейси на основі ТЗ замовника та результатів досліджень
  • Хороше розуміння принципів проведення кількісних та якісних досліджень
  • Вміння працювати з гайдлайнами під iOS та Android
  • Сильні аналітичні здібності та увага до деталей
  • Готовність вчитися, зростати та вдосконалюватися в сфері дизайну

Так буде виглядати твій електронний сертифікат

який ти зможеш додати до свого CV

Інструменти, які ти опануєш

icon
instrumet preview
instrumet preview
instrumet preview
instrumet preview

Figma

графічний онлайн-редактор для спільної роботи дизайнерів, розробників, маркетологів та менеджерів. У Figma можна малювати елементи інтерфейсу, створити інтерактивні прототипи сайтів та програм, ілюстрацій, векторну графіку. Більшість дизайнерів створюють у ній макети сайтів для CMS Tilda.

instrumet preview

Adobe Photoshop

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

instrumet preview

Adobe Illustrator

векторний графічний редактор, який дозволяє створювати барвисті ілюстрації, іконки, патерни, логотипи, різні макети для друку та багато іншого. Це незамінний інструмент дизайнера. Векторні зображення складаються з кривих ліній, що утворюють геометричні об'єкти. Така графіка створюється програмою з допомогою математичних формул. Особливість векторної графіки в тому, що як не розтягуй таке зображення - воно залишиться чітким у будь-якому масштабі.

Допомагаємо з працевлаштування

кожен випускник Level Up отримує допомогу та підтримку Центру розвитку кар'єри

Надаємо консультацію

Разом із фахівцем ти проаналізуєш свої компетенції, визначиш кар'єрні цілі та позиціонування на ринку праці

Допомагаємо з резюме

Разом з кар'єрним менеджером ти складеш якісне резюме та супровідний лист, які допоможуть виділитися серед інших кандидатів

Пропонуємо вакансії

Менеджер з працевлаштування регулярно інформує студентів курсу про актуальні вакансії у наших компаній-партнерів

Сприяємо твоєму розвитку

Менеджер з працевлаштування створює безкоштовні івенти для розвитку твоїх soft skills та HR-зустрічі з роботодавцями

Допомагаємо отримати роботу мрії

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

Деталі курсу

Дата старта

Можна долучитися

Тривалість

144 години, 24 тижні

Розклад

Ср 18:00 - 21:00, Сб 14:00 - 17:00

Способи оплати

Одразу за курс 10% знижка
Помісячно на без переплат
Покупка частинами
від
від 3 до 12 платежів без комісії

Дізнатись вартість та отримати консультацію

    Оплата курсу

    Виберіть кількість платежів

    Введіть слово, щоб почати пошук

    dontleave

    Ви впевнені, що Вам не потрібна наша консультація?

      Отримати консультацію

      happy

      Вітаю! 👏

      Ти вже на півдорозі до успішної кар'єри в IT

      Вашу заявку прийнято, ми зв'яжемося
      з вами протягом 30 хвилин