UI/UX WEB-designe. Онлайн

Условия акции
Акция
Идет набор на курс!
Срок обучения
4 месяца
Стоимость:
Стоимость за весь курс
13 140 грн.
14 600 грн.
В месяц
3 650 грн.
Описание
UI/UX WEB-designe. Онлайн

Вы будете заниматься при студии с действуюющими специалистами, которые не будут вам "лить водичку" а на практике покажут вам вашу будущую сферу деятельности. 

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

Как организован курс? 

  • Курс длится 32 урока.
  • Обучение проводится онлайн.
  • Программа курса основана на большом практическом опыте преподавателей.
  • Их методика преподавания строится на выполнении практических и домашних заданий, основанных на реальных проектах продвинутых международных и украинских IT проектах, а не «голой» и «сухой» теории.

Результат обучения:

Навык создания

  • Любые типы сайтов;
  • Любые графические интерфейсы;
  • Прототипы;
  • Веб-сервисы.

Мастерство владения

  • Профессинальными программами;
  • Типографикой;
  • Модульными сетками;
  • Цветоведением;
  • Композицией.

3-5 работ в портфолио

  • Моб. Приложение;
  • Интернет-магазин;
  • Адаптивный сайт;
  • Корпоративный сайт;

После курса

  • Вы получите востребованную профессию
  • UI/UX-дизайнера сайтов и интерфесов;
  • сможете работать в офисе или
  • фрилансером в любой точке мира
Дни недели занятий пн, ср, пт
Время занятий вечер
Занятий в неделю 3
Длительность занятия 1,5 часа
Часы занятий 19:00
Группы до 15 чел.
Возраст аудитории Старшеклассники, Студенты, Взрослые
Вид подготовки Базовый курс
Город Онлайн
Преподаватель специалист-практик
Учебные материалы
Пробное занятие
Документ об окончании Сертифікат
Опции Групповые занятия, Индивидуальное обучение
Трудоустройство Нет
Условия трудоустройства

Запись на курс

Пользователи
Select people to associate with this registration.
This registration is for
Select person
Person type
New Контакт

Программа обучения

 

Программа апрель 2021

 

Блок 1 Введение в UI дизайн

 

Урок 1 

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

 

Урок 2 -3

Лекция по инструментарию в Figma

  • изучение инструментов программы 
  • практическая работа
  • Мастермайнд : Знакомство и создание прототипа в фигма

 

Урок 4

Методы генерации идей

 

Урок 5-6

Типографика и практика

  • Основы типографики в дизайне, законы и рекомендации
  • Верстка текстовых блоков
  • Практика по типографике
  • Мастермайнд (онлайн) : Разбор заданий. Работа с модульной сеткой и Типографикой

 

Урок 7

Композиция

  • работа над композицией
  • контраст, ритм, баланс и иерархия
  • рассмотрение полезного и неполезного пространства
  • примеры построения проекта

 

Урок 8

Практика по созданию рекламы для блогеров

  • Создание рекламного Баннера или Сторис/ работа с текстом и композицией + плагины в фигме
  • мастермайнд (онлайн) : Разбор работ и работа над ошибками

 

Урок 10

Колористика + стилистика

  • колористика
  • психология цветового оформления
  • какие цветовые комбинации возможны
  • маркетинговое влияние цвета и бренда
  • виды цветовых групп
  • стилистика - что сейчас в тренде
  • правила оформления интерфейса согласно последних тенденций
  • основные гайды в оформлении современных тенденций дизайна теории

 

Блок 2 Создание сайта в Figma и Adobe Photoshop 

 

Урок 11-12

Практика по созданию корпоративного сайта в Figma

  • практическая работа над корпоративным сайтом
  • рассмотрение структуры корпоративного сайта
  • виды сайтов, поиск контента
  • поиск нестандартных решений
  • нестандартные сетки и работа с ними
  • мастермайнд (онлайн) : Терминология UI/UX дизайна и разбор по созданию первого экрана

 

Урок 13-15

Adobe Photoshop и практика по созданию WOW- эффекта в сайте

  • Введение в инструментарий Adobe Photoshop 
  • Ознакомление с базой построения стильного дизайн-макета сайта в Adobe Photoshop
  • мастермайнд (онлайн) : Разбор по Adobe Photoshop

 

Урок 16

Создание адаптивного макета главной страницы корпоративного сайта

  • практика в программе Figma
  • создание адаптивного макета
  • правила создания адаптивного дизайна, работа с сеткой, создание мобильной версии сайта

 

Урок 17

UI-kit

  • ознакомление с понятием UI-kit
  • перечисление всех контролов и их примеры
  • создание UI kit
  • для чего он нужен и когда он необходим в проекте

 

Урок 18

мастермайнд (онлайн) : Разбор работ и работа над ошибками, подготовка проекта к разработке

 

блок 3 Работа с Adobe Illustrator

Урок 19

Лекция по инструментарию в Adobe Illustrator

  • изучение инструментов программы Adobe Illustrator
  • практическая работа

 

Урок 20-21

Практика по созданию иконок в Adobe Illustrator

  • практическая работа в Adobe Illustrator
  • разбор иконок
  • создание иконки в программе Adobe Illustrator
  • мастермайнд (онлайн) : Разбор по Adobe Illustrator, внедрение иконографики в сайты

 

блок 4  Создание интернет-магазина

Урок 22-23

Юзабилити - как устроен мозг

  • юзабилити графических интерфейсов
  • почему нам так удобно
  • в чем смысл визуальной группировки
  • и как заточен мозг Вашего клиента

Урок 24-25

Разбор и построение функционала ИНТЕРНЕТ МАГАЗИНА.

  • Построение функционала проекта по ТЗ клиента
  • Проработка дизайна главной/категории и карточки товара
  • Создании навигации/фильтры и сортировка магазина
  • разбор Интернет магазина проработка корзины
  • адаптации главной страницы
  • мастермайнд(онлайн) : Разбор и создание интернет-магазина главной страницы

Урок 26-27

Законы User Experience Design & Правила и построение продающих проектов

  • Правила и построение продающих проектов, офферы, триггеры и маркетинг в интернет магазинах и продающих страницах
  • Структура интернет магазина
  • Построение правильной навигации
  • Все законы UX-дизайна на практике
  • Как учесть бизнес-процессы в проекте
  • мастермайнд(онлайн) : Разбор Интернет магазина, остальных страниц сайта

Урок 28-29

Подготовка анимационной презентации интернет-магазина

  • Анимация макетов в Figma
  • мастермайнд (онлайн) : разбор презентации интернет магазина, адаптация под мобильные устройства и подготовка презентации

 

Блок 5 UX - User Experience дизайн

Урок 30

Определение целей взаимодействия пользователя. Проектирование сценариев использования.

  • Использование паттернов в проектировании пользовательских интерфейсов
  • Визуальные акценты в пользовательском интерфейсе
  • Работа с данными внутри пользовательского интерфейса
  • Удобные и неудобные элементы управления
  • Использование элементов в зависимости от платформы
  • Принципы эргономики и экономии времени и усилий пользователя
  • User Experience

 

Урок 31-32

Создание собственного сайта на Tilda и Invision

  • Создание сайта на Tilda
  • Ознакомление с инструментарием InVision
  • мастермайнд (онлайн) : разбор презентации интернет магазина, адаптация под мобильные устройства и подготовка презентации
  • Ознакомление с инструментарием Invision Studio
  • Разбор приложения Smart Animate
  • Построение анимации проекта

 

блок 6  UX-проектирование мобильного приложения

Урок 33

Ознакомление с ТЗ, брифом, user flow. Разработка приложение под IOS

  • начало дипломного проекта
  • создание студентами материала по своей теме
  • создание СJM, user flow и проработка ТЗ для разработки приложения

Урок 34-35

UX - User Experience мобильных приложений

  • проработка User Experience вашего проекта
  • методы проектирования, сценарии, объектные модели User story
  • интервью с заказчиком
  • мастермайнд (онлайн) : Разбор ТЗ и user story приложения

Урок 36-37

Создание прототипов всех экранов приложения клиента в Figma

  • практическая работа в Figma над прототипами
  • разработка всех экранов
  • создание интерактивных прототипов экранов
  • проработка оптимальной навигационной схемы
  • исследование и информационная архитектура

 

блок 7 Работа над дипломом- создание дизайна приложения

Урок 38-39

Особенности дизайна приложений IOS

  • разработка дизайна на IOS
  • гайдлайны платформы iOS
  • типографика, макет, цвет, иконки, UI-kit, размер
  • портирование с одной платформы на другую
  • сравнение платформ
  • подготовка ресурсов и спецификаций для разработчиков
  • разметка, нарезка, инструменты автоматизации процесса
  • создание Style guide
  • экспорт графики приложения
  • передача дизайн-проекта разработчикам

Урок 40

Особенности дизайна приложений под Android

  • ознакомление с Material design
  • гайдлайны платформы 
  • создание Style guide
  • разработка приложения под Android
  • мастермайнд (онлайн) : Особенности дизайна приложений

 

Урок 41-43

Ознакомление с программой After Effect

  • изучение основ программы After Effect
  • разработка анимационных переходов
  • принципы анимации
  • маски в After effect
  • создание анимации взаимодействия
  • мастермайнд(онлайн) : разбор по After Effect

 

Урок 44

Подготовка макета для презентации на Behance

  • правила по составлению презентаций
  • примеры
  • работа с публикацией вашей работы
  • подготовка видео и изображений для презентации

 

Урок 45

Подготовка портфолио и резюме, поиск работы

  • правила создания резюме
  • плохие и хорошие примеры создание резюме дизайнера
  • правила и техники подачи портфолио
  • примеры создания профессионального портфолио
  • места поиска работы
  • поиск и работа с клиентом
  • работа в студии
  • работа на фрилансе
  • Маркетинг

 

Урок 46

Подготовка дипломного проекта & Выпускной урок

 

Курс проводитMobios School
Адрес:
  • Одесса, ул. Среднефонтанская, 19а, ЖК"Чудогород"