7550 грн/курс

UX/UI WEB-DESIGN + MOBILE DESIGN

"Для того, чтобы неординарно мыслить и стать специалистом, не надо быть гением, провидцем и даже выпускником университета. Достаточно иметь почву для размышлений, умение мечтать и действовать". - Майкл Делл, основатель компании Dell
Дата начала курса: 25.06.2018
Дата повышения цены курса: 20.05.2012

задать вопрос по курсу

Что входит в данный курс

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


Блок 1. Стратегия проекта

Изучение стратегии проекта и создание Landing-page

  • Работа с Adobe Photoshop
    Работа с Adobe Photoshop
    Зинаида Симонова

    -Дизайн мышление 
    -Проектировщик как профессия
    -Фотошоп для веб-дизайнера
    -Знакомство с базовым функционалом программы для веб-дизайнеров 



  • UX - Проектирование интерфейсов
    UX - Проектирование интерфейсов
    Зинаида Симонова

    -  Что такое UI/UX ?
    -  Прототипирование, методы сбора информации для проекта 
    -  Поэтапное построение архитектуры сайта 
    -  Документы для разработки сайта 
    -  Создание брифинга


  • Создание Landing Page
    Создание Landing Page
    Зинаида Симонова

     

    - ТЗ работы с лендингом, что такое брендинг
    - Создание продающего макета лендинга - как заставить его работать
    - Какая структура важна при построении лендинга
    - Построение правильного макета


  • Колористика
    Колористика
    Зинаида Симонова

    - Что такое колористика? 
    - Основы колористики
    - Психология цветового оформления
    - Какие цветовые комбинации возможны


  • Типографика
    Типографика
    Зинаида Симонова

    - Типографика
    - Иконографика
    - Верстка текстовых блоков


  • Психология графических интерфейсов
    Психология графических интерфейсов
    Вячеслав Симонов

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


  • Практический урок в программе Adobe Photoshop
    Практический урок в программе Adobe Photoshop
    Зинаида Симонова

    - работа на время 
    - работа с композицией сайта


  • Стилистика
    Стилистика
    Зинаида Симонова

    - Что такое стилистика? 
    - Стилистика сайтостроения 
    - Основные гайды в оформлении современных тенденций дизайна теории


Блок 2. Корпоративный сайт

Проработка корпоративного сайта для разработчиков

  • Визуальный язык. Корпоративный сайт
    Визуальный язык. Корпоративный сайт
    Зинаида Симонова

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


  • UI-kit - гайдлайн
    UI-kit - гайдлайн
    Зинаида Симонова

    - Правильное построение UI-kit       
    - Работа на время
    - Передача готового макета верстальщику


  • База в верстке
    База в верстке
    Зинаида Симонова

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


  • Продолжение практики по корпоративному сайту
    Продолжение практики по корпоративному сайту
    Александр Еждин

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


Блок 3. Интернет-магазин

Проектирование интернет-магазина и высоко-нагруженных проектов

  • Проектирование интернет-магазина
    Проектирование интернет-магазина
    Зинаида Симонова

    - Интернет магазин + создание техзадания для разработки ИМ. Прототипирование
    - Создание архитектуры сайта. Бриф. ТЗ
    - Как повысить продажи?
    - Проработка дизайна главной страницы
    - Дизайн макетов основных страниц ИМ
    - Навигация, функционал
    - Представление проекта заказчику


  • Графический редактор Figma
    Графический редактор Figma
    Александр Еждин

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


  • Адаптивность. Responsive web design
    Адаптивность. Responsive web design
    Зинаида Симонова

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


  • Юзабилити и вау-эффект
    Юзабилити и вау-эффект
    Зинаида Симонова

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


  • Практика по созданию основных страниц
    Практика по созданию основных страниц
    Александр Еждин

    - работа на время
    - качественная проработка всех страниц
    - подготовка макета для верстки и презентации


Блок 4. Проработка графического проекта

  • Ознакомление с программой Adobe Illustrator
    Ознакомление с программой Adobe Illustrator
    Александр Еждин

    - Ознакомление с интерфейсом программы;
    - Работа с кривыми;


  • Отрисовка иллюстраций проекта
    Отрисовка иллюстраций проекта
    Александр Еждин

    - работа в программе Adobe Illustrator
    - Cоздание собственных персонажей и композиций 


Блок 5. Мобильное приложение. IOS.

Проектирование мобильного приложения.IOS.

  • Дизайн мобильных приложений.IOS
    Дизайн мобильных приложений.IOS
    Зинаида Симонова

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


  • Исследование и информационная архитектура
    Исследование и информационная архитектура
    Зинаида Симонова

    - Методы проектирования, сценарии, объектные модели;
    - User story. Разработка CJM;


  • Работа с кейсами и ТЗ. Проектирование
    Работа с кейсами и ТЗ. Проектирование
    Зинаида Симонова

    - UX навигационная модель;
    -UX функциональная модель;
    - Вайфреймы;
    - Примеры кейсов;
    - Создание интерактивных прототипов экранов;
    - Проработка оптимальной навигационной схемы;
    - Создание ТЗ проекта.


  • Прорисовка основных состояний экрана
    Прорисовка основных состояний экрана
    Александр Еждин

    -работа на дедлайн
    -подготовка макета для программиста 
    -проработка основных экранов


Блок 6. Анимационный проект

Создание графического дизайна и анимационного проекта.

  • Принципы анимации
    Принципы анимации
    Ирина Морозова

    - Ознакомление с принципами анимаци
    - 12 принципов анимации по  Disney
    - Ознакомление с программой After Effect


  • Анимация дипломного проекта в After Effects
    Анимация дипломного проекта в After Effects
    Зинаида Симонова

    - Работа с основами motion графики 
    - Завершение анимаций макета


  • Знакомство с основами Adobe After Effects
    Знакомство с основами Adobe After Effects
    Ирина Морозова

    - Знакомство, с основами Adobe After Effects основы и предназначение After Effects;
    - Основы моушн графики; интерфейс и создание проекта;
    - Законы анимации;
    - Работа с шейпами.


  • Презентация. Выпускной
    Презентация. Выпускной
    Зинаида Симонова

    - Разработка портфолио
    - Ваши вопросы - наши ответы
    - Как найти работу? 
    - Что нужно что бы быть востребованы дизайнером
    - Ну и праздник!!


что входит в курс?

66 часов

интенсивных
практических занятий

150+ страниц

лекционных
материалов и д/з

24+

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

10+ лет

опыта работы
преподавателей

 

база знаний mobios

UI/UX Web-Design

профессиональное обучение UI/UX дизайну через практику и опыт преподавателей

12 компов

для практики
в дизайнерском режиме

4 проекта

проработанных
для Вашего портфолио

50 кг

кофе, чая и
печенек

5 програм

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

проконсультироваться с преподавателем прямо сейчас!

преимущества

Ваше резюме после курсов

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

Знания

Вы научитесь применять полученные практические и теоретические знания во время реализации своих собственных веб-проектов.

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

Вы научитесь применять полученные практические и теоретические знания во время реализации своих собственных веб-проектов.

  • Практический опыт создания дизайнов сайтов.
  • Понимание современных трендов веб-дизайна.
  • Навык создания простых логотипов для сайтов.
  • Навык создания дизайна сайтов.
  • Понимание основ HTML и CSS.
  • Понимание полного цикла разработки сайта.
Владение программами

Вы научитесь применять полученные практические и теоретические знания во время реализации своих собственных веб-проектов.

  • Photoshop
  • Adobe Illustrator
  • Axure
  • After Effects
  • Drop Box
  • Type Kit

Что получите?

Результат

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

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

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

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

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

Лэндинг;
Интернет-магазин;
Адаптивный сайт;
Корпоративный сайт;

После курса

Вы получите
востребованную
профессию
UI/UX-дизайнера сайтов и интерфесов и
сможете работать в
офисе или на фрилансе.

 
 

Работы наших студентов

Задания, работы которые вы сделаете в mobios school — это ваше портфолио и мы дадим вам возможность максимально улучшить его

Удерживайте кнопку мыши и
перетаскивайте работы

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

Анастасия Быстрицкая Информационный портал

Впечатлений, очень много!!! Спасибо Вам огромное, за бесценный опыт, который я получила, благодаря этим курсам. Я для себя открыла много нового, приобрела хорошую базу. Было очень приятно работать с профессиональной командой преподавателей!!!

Андрей Грищенко Информационный портал

Курс Веб-дизайна в школе (студии) Mobios позволил мне погрузится в мир дизайна интерфейсов с нуля. Когда я подписывал договор о занятиях на курсе - я практически ничего не знал ни о дизайне, ни о том, как пользоваться Photoshop. Сегодня, спустя лишь 2 месяца я могу создавать пользовательские интерфейсы, некоторые из которых даже не вызывают кровотечение из глаз! Я получил необходимый "практикум" из основных знаний и навыков дальше: развиваться, работать над качеством работ и моего портфолио

Кристина Шумович Информационный портал

Для меня это открытие профессии UX/UI дизайнера было очень особенным! Я поняла, что это довольно многогранная специальность и требует особой настойчивости , заинтересованности и терпения! Это творческая профессия и я благодарю всех педагогов студии Mobios за профессионализм и подход к каждому студенту!! Спасибо! 

Кристина Бобок Информационный портал

Учение - свет!Не даром так говорят. Школа Mobios действительно пролила нам свет на интересную и востребованную деятельность, после чего осталось только совершенствоваться и воплощать свои профессиональные мечты в реальность. Я получила очень уверенную базу после которой действительно 'ничего не страшно'. Спасибо Вам за компетентный и кропотливый труд.

Марина Рубан Информационный портал

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

Ольга Цымбал Информационный портал

Понравился курс. Хорошие, внимательные преподаватели. Считаю, что самые важные моменты в дизайне включены в программу курса. Очень понравились печеньки и кофе :) Было приятно, что на первом занятии вручили блокноты и ручки

anonymous Информационный портал

Понимание основ, подтолкнул к дальнейшему развитию в этом деле, толковые комментарии и вдохновение, полезные ресурсы и прекрасную атмосферу. вкусные крекеры) Спасибо огромное за всё)

anonymous Информационный портал

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

Валерий Ишинов Информационный портал

Опыт того, как на практике разрабатывать дизайн лендинга, сайтов, моб приложения. Больше узнал о тонкостях дизайна. Несколько проектов в портфолио) Курс дал желание развиваться дальше и не останавливаться, а также было очень приятно познакомиться с коллективом Mobios.

Юлия Купчева Информационный портал

Прийдя в вашу школу мои умения оканчивались на обрезке фото инструментом crop в фотошопе. Сейчас я могу отрисовать как минимум лендинг. За 3 месяца отличное достижение.)) Курс заложил базовые понимания этой отрасли дизайна. Теперь есть над чем работать. Спасибо

Зарегестрируйтесь на программу обучения

  • Зарегестрируйтесь
  • Оплатите
  • Начните обучение

Зарегестрируйтесь

Цена сегодня:

7550 грн/курс

*бронь места только при 100% оплате