Онлайн курс

Начало курса:24 Января

UX/UIWeb Design + Mobile

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

Что будет на курсе

3,5 месяца интенсивных практических занятий

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

24+ видеоматериалов лекций, стратегий

Более 10 лет работы в сфере Web-дизайна мы упаковали в курс из 24 видеоматериалов и 150+ лекционных материалов и ДЗ

Более 5-ти преподавателей-практиков с опытом 9+ лет

5 дней в неделю Вы сможете задавать все появившиеся вопросы преподавателей и получать развернутые ответы как по домашним заданиям, так и помощь в проектах

4+ проекта проработаных для вашего портфолио

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

Профессия Web-дизайнера одна из самых востребованых

2589 компаний ежемесячно
ищут web-дизайнера себе в штат

  • Россия 2276
  • Украина 209
  • Казахстан 104

C зарплатой

от 400$ до 2300$

*Статистика взята из сайта HeadHunter

Для кого этот курс

Те, кто хочет стать web-дизайнером с нуля, не имеют опыта и не умеют рисовать

Графические дизайнеры и иллюстраторы желающие перейти в web-дизайн

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

Фрилансеры, которые хотят получить более крупные и интересные заказы

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

Блок 1

Блок 2

Блок 3

Блок 4

Блок 5

Блок 6

Блок 7

Блок 8

Урок 1Композиция. Работа с модульными сетками интерфейса

  • Композиция. Правила работы с ритмом, балансом, контрастом и т.д.
  • Методы влияния композиции на удобство восприятия интерфейса
  • Модульные сетки. Виды и методы создания
  • Фреймворки и контролы в интерфейсе
  • Навигация на сайте - где я?
  • Визуальное представление контролов в макете

Урок 2Создание корпоративного сайта в Adobe photoshop

  • Техническое задание, документы для работы с сайтом, что такое бендинг
  • Работа по заданию от клиента. Работа с клиентом
  • Практика в програме Adobe photoshop - создание корпоративного сайта (Heder+slider)

Урок 3Правила и методы работы с типографикой

  • Типографика. Основы юзабилити в типографике
  • Правила и методы выделения иерархии и структуры
  • Верстка текстовых блоков
  • Практика по типографике - создание блока О нас

Урок 4Практический урок по созданию проекта

  • Практика в програме Adobe photoshop
  • Практика по завершению корпоративного сайта

Урок 5Колористика. Стилистика - что сейчас в тренде

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

Урок 6Правильная подготовка и передача макета

  • Правильная подготовка и передача макета верстальщику
  • Как уменьшить его бессонные ночи?
  • UIkit
  • Создание корпоративного сайта со вложенными страницами и подготовка его для верстальщика

Урок 7Работа с Front-end разработчиком

  • Краткий курс верстки. Верстка контролов-странички
  • Почему «я так вижу?» не проходит
  • Как не заставить рыдать Вашего верстальщика?

Урок 8Ознакомление с интерфейсом программы Аdobe Illustrator;

  • Ознакомление с интерфейсом программы Аdobe Illustrator
  • Работа с кривыми
  • Создание собственных векторных иконок

Урок 9Работа и изучение векторной графики. Иконографика

  • Создание собственных векторных проектов сложных иконок, летеринг
  • Ознакомление с интерфейсом программы Аdobe Illustrator
  • Основные гайды в оформлении современных тенденций
  • дизайна теории
  • Что такое колористика?
  • Основы колористики
  • Психология цветового оформления

Урок 10Создание собственных персонажей

  • Создание собственных персонажей или композиции
  • Ознакомление с интерфейсом программы Аdobe Illustrator

Урок 11Юзабилити, графических интерфейсов

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

Урок 12Создание продающего макета Landing Page

  • Правила построения структуры проектов, офферы и тригеры посадочных страниц
  • Методики направления внимания
  • Создание продающего макета лендинга-как заставить его работать
  • Какая структура важна при построении макета
  • Как повысить продажи?
  • Создание лендинга по теме с учетом всех продающих факторов для захвата внимания лида

Урок 13Юзабилити и вау-эффект

  • Юзабилити и вау-эффект
  • Графика в вебе. "Убойная Композиция"
  • Как заставить Вашего клиента посещать Ваш сайт снова и снова
  • Примеры современных сайтов с вау-эффектом
  • Защита своего проекта с точки зрения юзабилити и структуры

Урок 14Практика по работе с Lending Page

  • Завершение создания лендинга по теме с учетом всех продающих факторов для захвата внимания лида
  • Практическая проработка завершающих этапов

Урок 15Разработка интернет магазина в Figma

  • Проработка дизайна главной страницы Интернет Магазина
  • Дизайн макетов основных страниц ИМ
  • Навигация, функционал
  • Представление проекта заказчику

Урок 16Разработка интернет магазина в Figma

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

Урок 17Создание адаптивного интернет-магазина

  • Адаптивность. Правила создания макета для мобильных устройств
  • Как показать Ваш сайт на мобильном?
  • Мобильная версия сайта
  • Проработка главной страницы сайта для мобильных устройств

Урок 18Методы и программы для UX - проектирования

  • Методы проектирования, сценарии, объектные модели
  • User story. Разработка CJM
  • Создание ТЗ проекта
  • Документы для разработки сайта / приложения
  • Создание брифинга

Урок 19Проектирование  IOS приложения

  • Изучение программ для UX-проектирования
  • Прототипирование, методы сбора информации для проекта
  • Поэтапное построение архитектуры сайта / приложения
  • UX навигационная модель
  • UX функциональная модель
  • Вайфреймы
  • Примеры кейсов

Урок 20Создание интерактивных прототипов экранов

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

Урок 21Дизайн мобильных приложений. IOS

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

Урок 22Дизайн мобильных приложений. IOS 2

  • Практика по 5 состояниям проекта
  • Экспорт графики приложения
  • Построения экранов приложения

Урок 23Ознакомление с программой After Effect. Анимация приложения

  • Ознакомление с программой After Effect
  • Разработка анимационных переходов
  • Принципы анимации
  • Законы анимации

Урок 24Анимация приложения на IOS

  • Основы и предназначение After Effects
  • Основы моушн графики
  • Интерфейс и создание проекта
  • Работа с шейпами
  • Маски в After effect
  • Создание анимации взаимодействия

Урок 25Создание анимации взаимодействия для презентации

  • Создание анимации взаимодействия для презентации
  • Подготовка презентации в моушн
  • Экспорт и подготовка дипломных экранов
  • Практика по работе с презентацией
  • Правила как правильно создавать презентацию дизайнеру для показа заказчику или работодателю

Урок 26Практика по работе с презентацией

  • Практика по работе с презентацией
  • Завершение презентации и утверждение
  • Защита проекта

Урок 27Бонусный урок. Работа с программой Invision

  • Обучение функционалу Invision
  • Изучение инструментария Invision
  • Анимация проекта в этом графическом редакторе
  • Плюсы и минусы работы в Invision

Урок 28Бонусный урок. Как создать правильное резюме и  портфолио

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

Урок 29Бонусный урок. Методы поиска работы в офисе или клиентов на фрилансе

  • Правила разговора на собеседовании
  • Способы представления
  • Правила и техники работы с клиентами
  • Места поиска клиентов на фрилансе
  • Как научится работать с клиентами, чтобы они возвращались?
  • Почему меня не берут?(

Наша команда преподавателей

СЕO MOBIOS, основатель веб-студии и отдела маркетинга. Руководитель проекта mobios.school. Опыт ведения проектов 9 лет.

  • 12 лет в сфере IT
  • 150+ проектов
  • более 60 проектов от зарубежных заказчиков
team-mobios

СИМОНОВ ВЯЧЕСЛАВ

Арт-директор студии, UI/UX Designer. Куратор курса "UX/UI WEB-DESIGN + MOBILE DESIGN". Основная специализация - проектирование и разработка высоконагруженных проектов.

  • 11 лет в сфере IT
  • 150+ проектов
  • более 30 проектов от зарубежных заказчиков
team-mobios

СИМОНОВа Зинаида

Ведущий дизайнер студии WIBE с опытом командной работы больше 4 лет. Преподаватель графического дизайна,UX-дизайна, web-дизайна, 3d-моделирования, motion-дизайна.

  • 50+ проектов по UI
  • 25+ проектов по UX
team-mobios

Еждин Александр

UI/UX - дизайнер, Motion-дизайнер студии Mobios с опытом командной работы более 3-х лет

  • Куратор курса UI/UX Web - дизайна
  • 20+ проектов
team-mobios

Буряк Валентин

Веб-дизайнер компании Ikajo International с опытом командной работы больше 4 лет. Преподаватель UX/UI WEB-DESIGN + MOBILE DESIGN

  • 7 лет в сфере IT
  • 50+ проектов
team-mobios

teach-x.jpg

Ведет удаленное сотрудничество с несколькими рекламными агентствами и другими компаниями. Более 13 лет опыта работы в рекламных агентствах на должности дизайнера, руководителя отдела дизайна, а также арт-директора.

  • Преподаватель графического дизайна Mobios School
  • 80+ проектов
  • Опыт работы в графическом дизайне более 14 лет
team-mobios

Злуницына Елена

Motion-дизайнер студии Mobios. В Motion дизайне с 2015-го года.

  • Куратор курса Motion-design
  • 50+ проектов
team-mobios

Маковецкий сергей

UI/UX/WEB-дизайнер в компании Softengi

  • Преподаватель UI/UX/WEB-DESIGN + MOBILE DESIGN
  • 20+проектов по направлению IoT,Blockchain,Artificial Intelligence, XR (AR,VR,MR)
team-mobios

Лилия

Дипломные работы выпускников

Через 3,5 месяца ваша работа будет здесь

По окончанию курса вы можете стать

Web-дизайнером работающим в студии с зарплатой от 400$

Или

Фрилансером работающим над интересными и крупными проектами

Вы овладеете:

Adobe Photoshop

Adobe Illustrator

Adobe After Effects

Figma

AxureRP

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

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

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

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

Отзывы наших студентов

БОЛЕЕ 70% НАШИХ ВЫПУСКНИКОВ СТАЛИ УСПЕШНЫМИ ДИЗАЙНЕРАМИ

Когда нас спрашивают о наших результатах, мы не рассказываем о себе. Ключевой показатель успехадля нас - это успехи наших учеников

Забронируйте место на курсе

Зарегистрируйтесь
Оплатите
Старт курса 24 Января

Забронируйте место по низкой цене

Ваше имя
Ваш Email
Ваш Город
Ваш телефон

Отправить

Ваши данные никогда не будут переданы 3-м лицам

Цена сегодня
8700 грн
8250
грн/курс
21000 руб/330 USD
*Бронь места только по 100% оплате

Вы получаете доступ к закрытому чату студентов курса

Здесь происходят обсуждения дизайн-проектов, актуальных новостей и тенденций, а также просто приятное общение

Ваш будущий диплом

По окончанию обучения Вы получаете диплом. Он будет доступен в электронном виде и Вы сможете прикрепить его к своему резюме, что дает преимущество при поиске работы

Задайте вопрос

Ваше имя
Ваш Email
Ваш телефон
Текст сообщения
CAPTCHA 5 + 5 =

Ваши данные никогда не будут переданы 3-м лицам

Остались вопросы о курсе?

Задайте их в форме и мы ответим на них в течении 15 минут

Вопросов нет, хочу записаться

Забронировать место

Новости Новости

Основы грамотного веб-дизайна

25.12.2018

Основы грамотного веб-дизайна

Большинство ошибок при создании сайта передаются от специалиста к специалисту. Некоторые проблему попросту не видят, а другим все равно. Для того, чтобы такого не было, нужно сперва освоить основы веб дизайна.

Подробнее
Нестандартные идеи при создании сайта

20.12.2018

Нестандартные идеи при создании сайта

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

Подробнее
Выбор цвета при создании сайта

06.12.2018

Выбор цвета при создании сайта

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

Подробнее