Проектирование дизайна мобильных приложений и сайтов с нуля.
UX/UI
Дизайн для новичков

СТАРТ: 4 ИЮНЯ, 2019
18:30 – 21:30 (ВТ/ЧТ)
650 BYN
О ЧЕМ ЭТОТ КУРС
Курс рассчитан на новичков в дизайне, а также людей, которые имеют выборочные знания в области проектирования интерфейсов. Высокая информационная плотность материала позволяет получить все необходимые базовые навыки, чтобы создавать собственный дизайн для мобильных приложений и сайтов.
Вы получите ответы на вопросы:
Кто такой UX/UI дизайнер?

Что нужно знать, чтобы стать дизайнером?

С чего начинается любой проект?

Как сделать хороший дизайн?

Из каких этапов состоит процесс создания интерфейса?

Как искать свою первую работу дизайнером?



Для кого этот курс:
Для тех, кто хочет стать профессиональным UX/UI дизайнером
Для тех, кто имеют базу графического дизайна и желает обрести новую квалификацию
Для начинающих web-дизайнеров, желающих повысить уровень собственного мастерства

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

Блок 1. Вводное занятие. Что такое (UI/UX) дизайн?
  1. Знакомство.
  2. Что такое дизайн. Что главное в дизайне.
  3. Что такое UI.
  4. Что такое UX.
  5. Интерфейс.
  6. Что должен знать дизайнер (список материалов).
  7. Современный дизайн.
  8. Краткий обзор инструментов.
  9. ДЗ: Ознакомление с инструментами.
Блок 2. Современные инструменты дизайнера.
  1. Основной инструмент для прототипирования — бумага и ручка.
  2. Универсальный инструмент для дизайнера — Photoshop.
  3. Инструменты для проектирования — Figma, Adobe XD.
  4. Дополнительные инструменты — Zeplin, inVision, draw.io.
  5. Trello — простой сервис для организации процесса.
  6. ДЗ: Первый проект.
Блок 3. Психология восприятия информации.
  1. Эвристики Нильсена.
  2. Принципы гештальта в дизайне.
  3. Паттерны восприятия информации.
  4. Правило 3х кликов. 7±2. Заблуждения в дизайне.
  5. UX-мифы.
  6. Когнитивные искажения (фрейминг, прайминг).
  7. Mind maps.
  8. Смежные области дизайна (Маркетинг, ТРИЗ).
  9. ДЗ: Анализ существующих сайтов.
Блок 4. Графический язык дизайна. Композиция, сетка и изображения.
  1. Композиция.
  2. Чередование ритма. Якорные объекты.
  3. Сетки. Вертикальные пробелы. Разновидности и применение.
  4. Изображения. Иллюстрации. Фотостоки.
  5. Визуальное ядро приложения или сайта.
  6. ДЗ: Макет с учетом полученных в блоке знаний.
Блок 5. Графический язык дизайна. Типографика, цвета и иконки.
  1. Типографика. Общие положения.
  2. Шрифты, их сочетание и методы выбора. Шрифтовые пары.
  3. Цвет. Методики выбора цвета. Цветовой круг.
  4. Влияние цвета на пользователя. Брендирование.
  5. Доступность (режим высокой контрастности).
  6. Иконки. Принципы построения, применения и поиска.
  7. ДЗ: Макет с учетом полученных в блоке знаний.
Блок 6. UI. Компоненты, библиотеки, дизайн системы. Стандарты и гайдлайны.
  1. Гайдлайны. Определения.
  2. Гайдлайны Material Design, Apple HIG, Microsoft UWP.
  3. Базовые компоненты и их структура.
  4. Формы и текстовые поля.
  5. Кнопки. Элементы управления (Контролы).
  6. Карточки. Табы. Бары. Списки.
  7. Библиотеки компонентов.
  8. Дизайн системы.
  9. ДЗ: Составить собственную UI-библиотеку из базовых элементов.
Блок 7. Дизайн как процесс. Дизайн-мышление.
  1. Design thinking. Конвергентное и дивергентное мышление.
  2. Сбор материала для начала работы (первичные исследования). Поиск и выбор лучших идей.
  3. Определение метрик и контроль над ними.
  4. Правило прогрессивного джипега.
  5. Jobs To Be Done.
  6. Бизнес модель по Остервальдеру. Обзор.
  7. ДЗ: Применить полученные знания к своему проекту.
Блок 8. Дизайн продукта. Предварительные исследования и выбор решения.
  1. Цели проекта и клиента.
  2. Метод исследования с помощью персон. Карта эмпатий.
  3. Исследование конкурентов.
  4. Сбор и анализ информации о пользователях. Интервью и анкетирование.
  5. Сценарии поведения (User stories. User cases). Customer Development.
  6. Customer Journey Map (CJM).
  7. Структура сайта.
  8. Обсуждение с командой и/или с заказчиком.
  9. ДЗ: Применить полученные знания к своему проекту.
Блок 9. Дизайн интерфейса. Реализация и тестирование.
  1. Варфреймы, прототипы и мокапы.
  2. Субъективные и объективные исследования.
  3. Методы тестирования дизайна (наблюдение, глубинное интервью, юзабилити-тестирование).
  4. А/В тестирование.
  5. Поиск визуального языка. Генерация визуальных образов.
  6. Простые способы улучшения дизайна.
  7. Проверка макета перед сдачей в разработку.
  8. ДЗ: Создать собственный интерактивный прототип.
Блок 10. Проектирование лендинга.
  1. Сайты и лендинг. Разновидности веб страниц в интернете.
  2. Основные паттерны.
  3. Структура «продающей» страницы. «Анатомия» лендинга.
  4. Особенности дизайна для touch устройств.
  5. Особенности дизайна для мобильных и стационарных устройств. Адаптивный дизайн.
  6. Основы верстки (знание html, css). Технические ограничения различных платформ.
  7. Типовые ошибки в веб-дизайне.
  8. ДЗ: Придумать и реализовать дизайн лендинга.
Блок 11. Мобильное приложение. Структура. Основные паттерны мобильных устройств.
  1. Мобильные устройства (стандартные и нестандартные). Типовые размеры экранов.
  2. Разница между экосистемами Android и iOS.
  3. Контекст использования.
  4. Структура мобильных приложений.
  5. Современные паттерны дизайна для мобильных устройств.
  6. Важные единицы измерения и размеры: px, dp, sp.
  7. ДЗ: Придумать и реализовать дизайн мобильного приложения.
Блок 12. Тренды в UI/UX дизайне.
  1. Вдохновение: где и как искать.
  2. Мудборды.
  3. Генерация новых идей.
  4. Анализ чужого опыта (декомпозиция).
  5. Польза разных областей для понимания дизайна.
  6. Развитие визуального вкуса. Изучение истории дизайна.
  7. Конференции. Видео и дополнительные курсы.
  8. Самообразование — залог успеха дизайнера.
  9. Ежедневная тренировка. DailyUI и другие челленджи.
  10. ДЗ: Составить план самостоятельного развития.
Блок 13. Заключительное занятие: что дальше? Как искать работу.
  1. Нетворкинг.
  2. Критика — лучший друг дизайнера.
  3. Особенности поиска первого места работы дизайнера.
  4. Портфолио: что стоит туда помещать.
  5. Поиск клиентов. Популярные фриланс-биржи.
  6. Full-time vs freelance.
  7. Этика.
  8. ДЗ: Подготовка к защите курсового проекта.
Защита курсового проекта.
Курс ведёт
Александр Смирнов
Опыт преподавания в БГУИРе 8 лет (магистр технических наук), опыт работы в дизайне с 2014 года (фриланс), с 2015 работал дизайнером в нескольких стартапах (в 3Nweb работает продуктовым дизайнером по настоящее время). Александр имеет опыт проектирования различных цифровых продуктов: сайтов любой сложности, мобильных и десктопных приложений. Занимался исследованием в области пользовательского опыта, а также проектированием интерфейсов для сложных b2b систем в области безопасности. Постоянно следит за трендами дизайна, посещает тематические встречи и конференции.

Активный участник и модератор белорусского дизайнерского сообщества в «UX/UI дизайнеры Беларуси», которое проводит встречи дизайнеров и тематические митапы.

Портфолио: https://www.behance.net/swordman
Ваш отзыв об ИТ-Академии Белхард
Ваш отзыв поможет нам стать лучше!
Имя
На каком курсе Вы обучались?
Ваш отзыв
Загрузить фото
Курс "Управление программным продуктом. Product Manager"
Выберите уровень обучения
Остались вопросы?
Мы ответим на любой!
Академия BelHard:
+375 (44) 546 54 54
+375 (29) 546 54 54

Отдел маркетинга и рекламы: +375 (29) 123 30 08

it-academy@belhard.com
г. Минск, пер. 4-ый Загородный, д. 56а (ст.м. Молодежная)


ООО «Европейский центр разработки программного обеспечения» г. Минск, пер. Загородный 4-й, дом 56А, пом.2, каб.60
IBAN BY83BLBB30120190681713001001 в ГОПЕРУ ОАО «Белинвестбанк» г. Минск, пр.Машерова, 29
УНП УНН 190681713 ОКПО 37683136


© 2019 Академия BelHard