Программа апрель 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

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