Online | Offline
КУРС

Web UI/UX дизайн

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

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

от 400$ до 3500$

(по данным сайта dou.ua)

Чем занимается UI/UX DESIGNER

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

Курс построен таким образом, чтобы вы последовательно выполнили все этапы цикла разработки — от генерирования идей до создания и сдачи готового макета цифрового продукта.

Коротко о курсе

icon

Интенсивная практика и разбор домашних заданий

icon

Поэтапная разработка дизайна продукта в соответствии с требованиями заказчика

icon

4 достойных проекта в портфолио для старта карьеры

icon

Помощь в трудоустройстве, оформлении резюме и подготовка к собеседованию

После курса ты сможешь

icon

Adaptive

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

icon

Crossplatform

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

icon

Composition

Работать с композицией, шрифтами и типографикой при разработке интерфейса, с использованием принципов каллиграфии

icon

Goals

Определять цели проекта, формировать его задачи и подбирать инструменты для создания прототипа конкретного проекта

icon

iOS&Android

Работать с гайдлайнами iOS и Android , создавать интерактивные прототипы и проводить их юзабилити-тестирование

icon

Presentation

Упаковывать и презентовать свой проект заказчику, а также наполнить собственное портфолио

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

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

освоишь приёмы работы с ТОПовыми программами

формирование портфолио и навыки работы с заказчиком

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

Кто читает этот курс?

Безкоштовний вебінар "Дизайн для всіх"

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

UI/UX designer

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

Как проходит обучение?

Живые занятия

Обучение в онлайн формате и с возможностью прямой коммуникации

90% практики

Практика с первого дня обучения: работа над реальным проектом для портфолио

Поддержка преподавателей

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

Карьерные ивенты

Экскурсии в топовые IT-компании, тренинги по Soft Skills и подготовка к трудоустройству

Твое резюме после обучения

Анастасия Евтушенко Web 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 минут