В этом обзоре разберём ТОП онлайн-курсов UX UI дизайна. На курсах обучат дизайну интерфейсов с нуля, созданию пользовательских интерфейсов веб приложений, программ и приложений. Научат исследованию пользователей, разработке прототипов и профессии «Дизайнер интерфейсов», в подборке бесплатные и платные курсы от онлайн школ, с сертификатом и без, включая трудоустройство.
1 место. Курс «Профессия UX/UI-дизайнер» — Skillbox
https://skillbox.ru/course/profession-ux/
Стоимость: Рассрочка на 31 месяц — 5 124 ₽ / мес
- Длительность 12 месяцев
- Помощь в трудоустройстве
- 5 проектов в портфолио
- Доступ к курсу навсегда.
Кому подойдёт этот курс:
- Новичкам
Начнёте с азов и постепенно узнаете о профессии всё. Курс построен адаптивно — сложность заданий будет расти с вашим опытом. - Джуниорам
Получите актуальные знания от ведущих дизайнеров — и сможете быстро вырасти как специалист. - Дизайнерам
Получите навыки в UX-дизайне, заполните пробелы в знаниях и добавите в портфолио кейс для реального заказчика.
Чему вы научитесь:
- Основам веб-дизайна и UX
- Решать проблемы пользователей
- Проводить исследования
- Авторским подходам от лидеров рынка
- Использовать инструменты анализа
- Проектировать интерфейсы
- Работать в Figma
- Составлять карту пользователя
- Презентовать свои работы клиенту.
Программа:
Вас ждут три блока по трём направлениям, знание которых можно приравнять к году работы.
124 тематических модуля, 386 онлайн-уроков
Основные курсы
- Веб-дизайн с нуля на Figma
Вы научитесь создавать дизайн для сайтов, лендингов, презентаций и мобильных приложений. Поймёте, как презентовать свою работу заказчику. Сделаете первую работу для портфолио.
- Введение и первый результат
- Бонус-модуль. Горячие клавиши
- Тренды, подготовка, мудборды
- Работа со стилями. Создание GUI
- Главная страница. Первые шаги
- Основы работы с графикой
- Бонус-модуль. Личное позиционирование
- Декомпозиция
- Навигация и структура
- Интересная подача информации
- Формы и кнопки
- Адаптивность и мобильная версия
- Цвета и настроение. Промостраница мероприятия
- Специализация и личное позиционирование
- Концептуальный дизайн
- Введение в UX
- Портреты пользователей и CJM
- Иконки
- Типографика PRO
- UX-дизайнер с нуля до PRO
Поймёте, как делать удобные и понятные интерфейсы, опираясь на исследования. Создадите пять работ для портфолио на основе заданий от компаний: YouMeal, Сбербанк, «Домодедово», «Детский мир», «Альфа-Банк». Узнаете, как аргументировать свои решения заказчику.
- Профессия дизайнера в эпоху цифровых перемен
- Дизайн-мышление
- UX-проектирование. Паттерны и психология пользователей
- Бонус-модуль. Удобный интерфейс
- Основы юзабилити
- Юзабилити-тестирование
- Сервисный дизайн
Вы научитесь создавать сложные интерфейсы и сервисы на основе пользовательских исследований. Узнаете, как управлять продуктом и корпоративными сервисами.
- Что такое сервисный дизайн
- Роль сервисного дизайнера
- Виды Customer Journey Map
- Измерения пользовательских путей
- Фиджитал-интерфейсы
- Принципы вовлечения пользователей
- Сервисные слои
- Механики удержания
- Бонус-модуль. Мотивы перехода
- Принцип MAYA
- Service Design Blueprint
- Проектирование через противоречия
- Employee Experience Frame
- Сервисная лаборатория
- Инструменты развития сервисного мышления
Инструментарные курсы
- Figma 2.0
Вы освоите онлайн-сервис Figma — сможете проектировать и анимировать в нём интерфейсы. Поймёте, как работать над проектом с командой и организовать контроль версий.
- Интерфейс Figma
- Работа с графикой
- Модульные сетки и монтажные области
- Настройка компонентов и работа с эффектами
- Создание вложенных компонентов. Auto Layout
- Командная работа, контроль версий и передача макета в разработку
- Прототипирование
- Анимация макетов
- Бонус-модуль. Figma plugins
- Анимация в Digital
Вы научитесь превращать статичные макеты в динамичные баннеры и интерфейсы. Сможете создавать трендовые анимации в After Effects и Cinema 4D, прокачаться в motion-дизайне и больше зарабатывать.
- Контент в Digital
- Анимация иконок
- Анимационные иллюстрации
- Бэкграунды
- Создание анимационного шаблона для Instagram
- Анимация тканей. Создание цифровой афиши в AR
- Анимированные графики и инженерная анимация
- Анимация кейса для Behance
- Создание видеопрезентации. Раскадровка
- Создание видеопрезентации. Иллюстрации
- Анимация интерфейсов в Principle
Вы научитесь делать анимацию в Principle. Сможете создавать более удобные и качественные интерфейсы, работать с видеоконтентом и оформить портфолио. Курс ведёт арт-директор «Райффайзенбанка».
- Введение
- Анимация и её настройки
- Скролл, драг и пейдж
- Управление анимацией при помощи драйверов
- Кейсы компании AIC
- Импорт готовой работы
- Итоговые проекты
- Photoshop с нуля
Вы научитесь работать в Adobe Photoshop с изображениями, текстом и композицией. Освоите одну из самых востребованных программ для дизайнеров и сможете создавать профессиональные макеты, которые понравятся заказчикам.
- Введение в Photoshop
- Инструменты
- Работа с файлами и изображениями
- Принципы работы со слоями и масками
- Бонус-модуль. Выделения и маски
- Эффекты
- Продвинутые приёмы обтравки и ретуши
- Принципы построения растровых изображений
- Бонус-модуль. Как освоить Pen tool
- Коллажирование для создания Key-Visual
- Бонус-модуль. Оригинальные мемы для социальных сетей
Бонусный курс
- UX-дизайн с Майклом Джандой
Узнаете об американском подходе к веб-дизайну. Получите знания и вдохновение от знаменитого Майкла Джанды. Его дизайн-команда работала с Netflix, Disney, Warner Bros. и FOX, а теперь он поделится опытом с вами.
- Дизайнер в новой цифровой эпохе
- Дизайн-мышление
- Роль дизайнера
- Работа над UX-проектом
- Разработка стратегии и планирование UX-проектов
- Психология поведения пользователей
- Стандартные практики дизайна юзабилити
- Дизайн юзабилити: материалы для заказчика
- Юзабилити-тестирование в UX-дизайне
- Дизайн на основе данных
- Визуальный дизайн
- Визуальный дизайн: материалы для заказчика
- Раскрытие творческого потенциала
- Успешная презентация
- Как достичь успеха в творческой карьере
- Дополнительные материалы.
Диплом Skillbox
Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.
2 место. Курс «UX/UI-дизайнер: расширенный курс» — Нетология
https://profobus.ru/kursy-ux-ui-dizayna/
Стоимость: 150 975 ₽ или рассрочка на 24 месяца — 6 290 ₽ / мес
Кому подойдёт курс:
- Тем, кто хочет сменить сферу деятельности
Освоите новую высокооплачиваемую профессию и сможете найти работу на фрилансе или в агентстве - Графическим дизайнерам
Поймёте, как применить свои знания в UX/UI-дизайне, расширите свои навыки и сможете сменить квалификацию - Новичкам в UX/UI-дизайне
Систематизируете свои знания и дополните профессиональные навыки, чтобы применить их на практике.
Чему научитесь:
- Работать с основными инструментами UX/UI-дизайнера
- Создавать сложный дизайн сайтов в Figma
- Разрабатывать анимацию интерфейса
- Создавать мобильные приложения под iOS и Android
- Проводить UX-исследования и работать с гипотезами
- Внедрять 3D-графику в дизайн-макет.
Программа курса:
Базовая ступень
Освоите базовые навыки цифрового дизайнера, поработаете с веб-платформой, узнаете особенности создания сайтов, адаптивности и веб-анимации. Изучите Tilda Publishing — один из самых гибких и удобных инструментов UX/UI-дизайнера.
- Основы Figma. Модуль от студии Mish.design
Вы получите необходимую базу для работы с графикой и дизайн-макетами в Figma. Познакомитесь с ключевыми инструментами приложения и сразу примените их на практике. В каждом занятии — задание для самостоятельной тренировки. - Основы веб-дизайна. Модуль от студии Mish.design
Изучите методы, которые помогают определить, каким должен быть интерфейс. Узнаете о техниках поиска идей для разработки интерфейса. На практике закрепите приёмы и принципы веб-дизайна, необходимые для создания современного сайта.
Рассмотрите свойства формы и приёмы работы над композицией. Научитесь работать с цветом, подбирать шрифты, структурировать текст и использовать микротипографику. Освоите принципы создания визуальной иерархии в интерфейсе. - Создание проекта сайта. Модуль от студии Mish.design
Научитесь превращать статичный дизайн в проект сайта. Создадите анимации переходов и микровзаимодействий. Разработаете адаптивную версию макета в нескольких разрешениях, в том числе — мобильную версию. Научитесь взаимодействовать с разработчиками и управлять проектом. - Сбор и анализ пользовательских данных UA
Научитесь проводить анализ существующего или будущего проекта, выявлять проблемы бизнеса и соотносить их с проблемами целевой аудитории. Освоите аналитические инструменты и сконцентрируетесь на целях и ценностях пользователя. - Проектирование UX и прототипирование
Изучите принципы построения пользовательских интерфейсов и рассмотрите их основные элементы. Углубитесь в методологию командной работы и формирование командного взаимодействия. Освоите инструменты для сбора и обработки данных о пользователях продукта, основы стратегии в концепции бережливого производства. - Создание сайтов на Tilda
Изучите стандартные блоки, возможности редактирования и настройки сервисов в Tilda. Узнаете все нюансы подготовки сайта к запуску. Разберётесь в возможностях кастомизации блоков и гибкости их использования. Научитесь создавать разные виды сайтов, подключать платёжные системы и работать с заявками. - Tilda Zero Block
Научитесь работать во встроенном графическом редакторе Zero Block: создавать дизайн любой сложности, переносить макеты из Figma или Photoshop, создавать адаптивность и работать с анимациями. Познакомитесь с базовым функционалом Zero Block, а также со скрытыми функциями, которые позволяют делать сайты фестивального уровня.
Продвинутые навыки
Начнёте работать с мобильной платформой. Разберётесь в тонкостях гайдлайнов iOS и Android, выясните, чем нативное приложение отличается от мобильной версии сайта. Узнаете, как проектируют интерфейсы в компании Agima. Научитесь создавать 3D-графику и анимацию интерфейсов.
- Основы дизайна мобильных интерфейсов. Модуль от студии Mish.design
Погрузитесь в принципы дизайна мобильных интерфейсов. Научитесь использовать паттерны при разработке интерфейса. Изучите гайдлайны современных операционных систем и сможете использовать их в создании макетов. - Запуск и тестирование мобильного приложения. Модуль от студии Mish.design
Научитесь создавать анимации и микровзаимодействия, готовить макет для передачи в разработку. Разберётесь в особенностях взаимодействия с разработчиками, в нюансах составления технического задания. Научитесь проводить юзабилити-тестирование и использовать полученные данные для улучшения интерфейса. - Опыт AGIMA. Проектирование интерфейсов
Узнаете, как устроена работа над прототипированием и проектированием интерфейсов в агентстве AGIMA. Эксперты компании расскажут про цели и особенности анализа целевой аудитории при создании продукта, основные этапы и артефакты прототипирования. Вы потренируетесь разрабатывать в Figma веб- и мобильные интерфейсы разной степени детализации. Научитесь презентовать прототип в нестандартных форматах. - 3D-графика для интерфейсов в Cinema 4D
Погрузитесь в работу с 3D. Изучите функционал Cinema 4D — одного из популярных ПО для работы с 3D-графикой. Освоите навыки моделирования и анимирования объекта. Научитесь создавать материалы и подбирать свет для создания реалистичных сцен. Поймёте основные принципы использования 3D в работе с интерфейсами. Изучите Blender как альтернативный вариант создания 3D-графики. - Анимация интерфейсов в ProtoPie и After Effects
Изучите основные принципы анимации и поймёте, как превратить статичный дизайн в динамичный креативный интерфейс. Разберёте основы веб- и мобильной анимации. Освоите ProtoPie для создания интерактивных интерфейсов. Изучите основной функционал After Effects, научитесь работать с масками и слоями и поймёте, как работать с анимациями в сочетании с 3D-элементами. - CX: как собирать фидбек внутри продукта. Опыт компании UX Feedback
Научитесь работать с гипотезами, выбирать правильные точки на пути пользователя для постановки вопросов. Узнаете, что такое хорошие и плохие вопросы, сможете тестировать опросы на реальных пользователях. Потренируетесь обрабатывать и категоризировать фидбек. Научитесь определять нужды пользователя и учитывать их при доработке продукта. - Дизайн-менеджмент
Научитесь управлять креативной командой и создавать масштабные дизайн-проекты.
Дипломный проект
Создадите полноценный цифровой продукт на основе полученных во время обучения навыков.
Вы пройдёте все этапы создания продукта. Начнёте с исследования аудитории и анализа конкурентов. Спроектируете пользовательский опыт и займётесь прототипированием. Создадите визуальный дизайн с использованием 3D-графики и анимации. Адаптируете своё решение под разные платформы.
Вы создадите и защитите 9 дипломных проектов
- Лендинг для банка
- Комплексный UX-анализ сайта
- Сайт на Tilda
- Дизайн мобильного приложения
- Дизайн-макет сайта
- Прототип на основе данных исследований
- 3D-графика для интерфейса
- Анимация интерфейса
- Цифровой продукт.
Вашу квалификацию подтвердит диплом о профессиональной переподготовке.
3 место.Курс «Факультет дизайна интерфейсов (UX/UI)» — GeekBrains
https://profobus.ru/kursy-ux-ui-dizayna/
Стоимость: Рассрочка до 36 месяцев — от 5 070 ₽ / мес
UX/UI-дизайнер проектирует взаимодействие пользователя с сайтом, приложением или сервисом. Он создаёт визуальные элементы, систему и прототип интуитивно понятного интерфейса.
Кому подойдет курс:
- Тем, кто хочет освоить творческую профессию с нуля
Вы получите все необходимые инструменты для быстрого старта в профессии UX/UI-дизайнер, научитесь мыслить и действовать креативно и соберёте портфолио, которое впечатлит работодателей. - Тем, кто хочет сменить рутину на креативные задачи
Вы освоите востребованную профессию дизайнера интерфейсов и получите новые возможности для реализации идей. Научитесь проводить исследования, работать с Tilda и сможете создавать крутые интерфейсы с нуля, опираясь на опыт пользователей. - Тем, кто хочет стать фрилансером и работать на себя
Вы узнаете, как разрабатывать цифровые продукты от идеи до готового макета, разберетесь в бизнес-требованиях, сможете проводить исследования и работать с гипотезами. А еще – находить клиентов и работать без офиса из любой точки мира.
Программа обучения:
I четверть. Основы дизайна. Погружение в профессию
Вы познакомитесь с ключевыми инструментами проектирования и дизайна интерфейсов, получите представление о визуальной коммуникации и научитесь применять её на практике. Создадите работы в Figma и Adobe Illustrator и потренируетесь в оформлении портфолио.
- Вводный вебинар
- История и основные принципы дизайна
- Miro
- Аccessibility
- Командная работа
- Типографика и композиция в вебе. Расширенный курс
- Figma: от проектирования к прототипированию
- Adobe Illustrator для UX и веб-дизайнеров
- Рефлексия. Работа с портфолио.
II четверть. Погружение в UI
Вы углубитесь в UI — разработку веб- и мобильных интерфейсов. Научитесь создавать веб-сервисы в Тильде и верстать. Создадите веб-сервис и его адаптивные версии.
- Введение в дизайн цифровых продуктов
- Основы вёрстки для UI-дизайнера
- Онлайн-конструкторы сайтов: Tilda
- Рефлексия. Работа с портфолио.
III четверть. Погружение в дизайн цифровых продуктов
В этой четверти вы познакомитесь с особенностями дизайна интерфейсов и создадите прототипы интерфейсов для мобильного, десктоп- и веб-приложения.
Итоги четверти
Научитесь работать с Adobe Photoshop и After Effects и управлять проектами.
- Адаптивный дизайн + веб-приложение
- Мобильное приложение
- Десктоп приложение
- Adobe After Effects. Базовый
- Менеджмент проекта
- Adobe Photoshop. Основы. Интерактивный курс
- Рефлексия. Работа с портфолио.
IV четверть. Погружение в UX. Командная работа
Вы разделитесь на команды, выберете проект и отработаете в нем все этапы разработки цифрового продукта: от идеи до макета. Разберетесь в бизнес-требованиях и документации, научитесь проводить исследования, формировать гипотезы и проверять их.
Итоги четверти
Итогом работы вашей команды под руководством ментора станет прототип сервиса на основе данных исследования и требований заказчика.
- Брифинг + игра в бриф
- Исследования
- Метрики
- Формирование низкодетализированного прототипа
- Промежуточная защита
- Интерактивный курс
- Поиск работы
- Формирование финального прототипа
- Защита.
Вы получите диплом о профессиональной переподготовке и электронный сертификат, которые можно добавить в портфолио и показать работодателю.
Курс «Профессия UX/UI-дизайнер» — Contented
https://contented.ru/edu/ux-ui-designer
Стоимость: 103 950 ₽ — 340 200 ₽, возможна рассрочка
Чему вы научитесь:
UX
- Проводить UX-исследования и выбирать правильный метод
- Создавать пользовательские сценарии взаимодействия через Customer Journey Maps
- Создавать интерактивные прототипы
- Измерять качество взаимодействия с интерфейсом с помощью продуктовых метрик
- Научитесь подготавливать дизайн для передачи в разработку.
UI
- Создавать удобные и современные интерфейсы
- Использовать принципы графического дизайна
- Создавать дизайн-системы на основе базовых элементов
- Создавать и защищать дизайн-концепции
- Раскрывать свои идеи в редакторе Figma.
Программа:
- Основы дизайна интерфейсов
- Figma
Этот инструмент стал одним из основных для UX/UI-дизайнеров по всему миру. Мы научим вас использовать его так, чтобы не возникало никаких вопросов при проектировании интерфейсов. - Базовый курс по дизайну
Вы познакомитесь с основными понятиями и принципами дизайна, которые лежат в основе любого изображения и макета, будь это одностраничный лендинг, графика для коммуникации бренда или многоэкранное мобильное приложение.
Все теоретические темы будут закрепляться небольшими практическими заданиями. Параллельно с прохождением теории вы сделаете сайт, в котором используете полученные знания на практике.
- Методика проектирования интерфейсов
- Дизайн интерфейсов
Вы пройдете через все этапы проектирования интерфейсов, как это делают в лучших продуктовых компаниях и закрепите на практике полученные знания и навыки дизайнера интерфейсов. - UX-исследования
Вы научитесь изучать поведение, цели и мотивацию пользователей, чтобы создавать качественный продукт, который отвечает потребностям аудитории без лишних затрат на разработку.
- Специализация на выбор + диплом
- Дизайнер мобильных приложений
В рамках специализации вы изучите особенности дизайна интерфейсов мобильных приложений, подготовите дизайн концепцию и создадите проект готовый к передаче в разработку. По итогам модуля вы сможете презентовать проект в своем портфолио. - Дизайнер веб-интерфейсов
Цель модуля — подготовить вас к работе в агенстве/студии на позиции веб-дизайнера. Вы научитесь создавать эффективные посадочные страницы с точки зрения пользовательского опыта и маркетинга, а также проводить тестирование и аналитику. В рамках модуля вы создадите проект для своего портфолио. - Дипломный проект
Вы получаете бриф на продуктовую задачу. Это может быть дизайн интерфейса сайт, приложение или внутренний сервис организации. Вашим клиентом выступает одна из продуктовых компаний, которая дает обратную связь по вашему дипломному проекту. По результатам этой работы вы можете попасть на собеседование в эту компанию.
По итогам обучения вы получите официальные документы о вашей подготовке.
Курс «UX/UI‑дизайн: продвинутый уровень» — LoftSchool
https://loftschool.com/course/adv-web-design/
Стоимость: 22 000 ₽ или в рассрочку на 12 месяцев — от 1 833 ₽ / мес
За 6 недель интенсивной работы вы изучите основные направления работы UX/UI-дизайнера. На курсе вы узнаете: как правильно проводить интервью с заказчиком, анализировать конкурентов, кто такой дизайнер продукта и как строится работа в команде, что такое дизайн-системы, а также как создавать визуальную концепцию проекта.
Программа обучения:
Неделя 1 — Основы UX, анализ продукта
- Знакомимся со своим личным наставником и группой.
- Изучаем основы UX.
- Проводим анализ продукта и конкурентов.
Неделя 2 — Информационная архитектура и прототипирование
- Создаем прототип сайта.
- Работаем над прототипом мобильного приложения.
Неделя 3 — Юзабилити-тестирование
- Тестируем прототипы.
- Анализируем итоги тестирования.
- Вносим корректировки в продукт.
Неделя 4 — Дизайн-система
- Разбираемся с понятием «дизайн-система».
- Создаем библиотеку компонентов для проекта.
Неделя 5 — Визуальная концепция, анимации
- Подбираем визуальные примеры.
- Прорабатываем визуальную концепцию на основе UI-kit.
- Добавляем анимации в проект.
Неделя 6 — Закрытие курса
- Защита проектов.
- Оформляем портфолио.
Выпускной проект:
На курсе мы предложим вам 5 кейсов на выбор: вы проработаете основные экраны проекта, админ-панель и экраны для мобильного приложения.
На первом этапе все студенты будут работать в командах, совместно вы проработаете стратегию развития продукта, составите MVP, проанализируете конкурентов, соберете прототип главной страницы и прототип мобильного приложения.
На втором этапе начнется самостоятельная работа над проектом: в этом блоке вы будете прорабатывать визуальную составляющую проекта.
Если у вас есть свой проект, то за время курса вы можете поработать над ним.
По окончании обучения вы получите сертификат.
Курс «UX-дизайнер с нуля до PRO» — Skillbox
https://skillbox.ru/course/ux-designer/
Стоимость: Рассрочка на 12 месяцев — 5 008 ₽ / мес
- Длительность 6 месяцев
- Онлайн в удобное время
- 5 работ в портфолио
- Диплом с реальным заказчиком.
UX/UI-дизайнер — одна из самых востребованных профессий 2020 года.
Кому подойдёт этот курс:
- Веб-дизайнерам
- UX-дизайнерам
- Арт-директорам
- Product-менеджерам.
Чему вы научитесь:
- Проектировать интерфейсы на основе поведения пользователей
- Решать проблемы пользователей с помощью CJM-карт
- Создавать дизайн-системы
- Проводить пользовательские исследования и юзабилити-тестирования
- Проектировать интерфейсы мобильных приложений для Android и iOS
- Работать с текстом в интерфейсе
- Создавать дизайн на основе данных.
Программа
Вас ждут онлайн-лекции и практические задания на основе реальных кейсов.
3 тематических блока, 22 модуля
Введение в UX
- Профессия дизайнера в эпоху цифровых перемен
Узнаете, как глобальные тренды влияют на работу UX-дизайнера. Разберётесь, чем занимаются сервисный и продуктовый дизайнер. Изучите принципы гиг-экономики и её влияние на рабочие места. - Дизайн-мышление
Поймёте, как формируется дизайн-мышление. Научитесь смотреть на проект глазами пользователей и тестировать свои идеи. - UX-проектирование. Паттерны и психология пользователей
Узнаете основные паттерны поведения пользователей. Сможете использовать эту информацию для проектирования удобных интерфейсов. - Бонус-модуль. Удобный интерфейс
Узнаете, как проектировать понятные и удобные интерфейсы, и познакомитесь с принципами иерархии. - Основы юзабилити
Научитесь использовать принципы юзабилити по Нильсену и решать проблемы пользователей. Узнаете, как применять сетку и модуль. - Юзабилити-тестирование
Поймёте, как проводить юзабилити-тестирование: выбирать респондентов и сценарии. - Сервисный дизайн
Узнаете, какие инструменты использует сервисный дизайнер. Создадите кейс по брифу для аэропорта «Домодедово». - Формы и UX-исследования
Узнаете, как создать удобные формы и проанализировать их юзабилити. Научитесь проводить UX-исследования и выбирать подходящие методы. - Бонус-модуль. Кейс по сервисному дизайну
Увидите на примере государственного проекта, как сервисный дизайн решает задачи UX и помогает привлекать аудиторию. - E-commerce
Изучите особенности проектирования в E-commerce: создадите базовый UX-сценарий и поймёте, какими должны быть каталог, поиск товаров и корзина. Научитесь использовать метрики для оценки UX-решений. - UI или визуальная концепция
Пройдёте все этапы разработки визуальной концепции: от создания сетки до подбора иллюстраций. Научитесь презентовать концепцию заказчику и обосновывать свои решения.
UX PRO
- Бонус-модуль. Дизайн-системы и паттерны
Научитесь создавать дизайн-системы — выбирать единый стиль элементов интерфейса, типографические решения и названия. Познакомитесь с шаблонными дизайн-паттернами, которые ускорят работу. - Мобильный UX/UI
Научитесь проектировать мобильные интерфейсы для Android и iOS. Поймёте, с чего начать создание приложения и как тестировать результаты. Создадите кейс для Сбербанка. - Текст в интерфейсе
Узнаете основные правила интерфейсных текстов и научитесь их писать так, чтобы они были понятны пользователям. Разберётесь, что такое tone of voice, и сможете передавать ценность бренда с помощью текстов. - Бонус-модуль. Проектирование для юридических лиц
Узнаете, как проектировать интерфейсы для юридических лиц: какие есть ограничения и нюансы. Проанализируете кейс «Альфа-банка». - Дизайн на основе данных
Познакомитесь с дизайном на основе данных. Научитесь работать совместно с аналитиком. - Бонус-модуль. A/B-тесты
Узнаете, как тестировать UX-решения с помощью A/B-тестов и использовать метрики. Познакомитесь с примерами продуктовых гипотез.
Взаимодействие с командой и развитие
- Бонус-модуль. Работа над проектом
Поймёте, как работают над проектами в топовых дизайн-командах «Азбуки вкуса», «Калашникова» и SimpleWine. Узнаете, как систематизировать знания студии. - Составление кейса на Behance
Получите опыт составления кейса на Behance. Потренируетесь оформлять работы, сделанные на курсе, и пополните своё портфолио. Это поможет в привлечении заказчиков. - Успешная презентация
Научитесь презентовать решения заказчикам, отвечать на вопросы и защищать свои идеи. - Бонус-модуль. UX + Agile
Увидите, как дизайнер интерфейсов работает по Agile. Научитесь декомпозировать задачи и оценивать промежуточные результаты. - Карьера в UX
Поймёте, как UX-дизайнеру расти профессионально и какую нишу он может выбрать. Узнаете, какие навыки нужно прокачивать, чтобы быть востребованным специалистом.
Дипломные проекты:
- Мобильный интерфейс для «М.Видео»
Вы разработаете раздел мобильного приложения, где пользователи смогут сравнить товары из интернет-магазина «М.Видео». - Личный кабинет для «Ситимобил»
Вы разработаете удобный личный кабинет для заказа такси и предложите решения для повышения конверсии. - Личный кабинет для «Билайна»
Вы разработаете личный кабинет для приложения «Мой Билайн». Исследуете тренды и проведете бенчмаркинг. - Личный кабинет для «Азбуки вкуса»
Вы разработаете новый раздел для сбора предпочтений пользователей, чтобы сформировать персональные предложения.
Диплом Skillbox
Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.
Курс «UX/UI дизайн» — БВШД
https://britishdesign.ru/courses/ux-ui/
Стоимость: 370 000 ₽ / год
Программа предназначена для повышения квалификации веб-дизайнеров, дизайнеров сервисов и мобильных приложений, проектировщиков интерфейсов, digital-стратегов, стартаперов и венчурных бизнесменов, менеджеров цифровых проектов.
Обучение на программе UX/UI дизайн позволит освоить набор инструментов, приёмов, методик и концепций для создания фундаментального и конструктивного пользовательского опыта. Студенты изучат такие образовательные блоки, как генерация идей, исследования, стратегии UX/UI, прототипирование, аналитика и другие.
Программа:
Модуль 1. Базовый фреймворк (Human Centered Design)
- Введение в предметную область
- Уровни UX дизайна
- Основные элементы UI
- Гайдлайны платформы iOS, типографика, макет, цвет, иконки, UI-kit
- Сторителлинг
- Подготовка презентаций
- Презентация результатов
Модуль 2. Government as a service (Государство как сервис)
- UX-стратегия / DesignOps
- Эмоциональная коммуникация в интерфейсах
- Качественные исследования
- CJM
- Дизайн-системы
- Кодинг
- Прототипирование
- Анимация и дизайн интерфейсов
- Презентация проектов
Модуль 3. IBM Design Thinking и навыки работы с AR/VR
- Введение в IBM Design Thinking
- Проведение качественных исследований
- Карты эмпатии и Scenario maps
- Lego Serious Play
- Индустрии применения VR
- Сторителлинг в VR
- VR/AR прототипирование и основа программ
- Основы разработки
Модуль 4. От UX/UI к эффективным бизнес-решениям
- Сложные методы: этнографические и дневниковые исследования
- Не CJM, а human JM: фокус на человеке. Как объединить JTBD и CJM
- Анализ рынка и УТП продукта
- Как построить UX-лабораторию
- Матрицы компетенций продакт-менеджера, исследователя, дизайнера
- Профессия UX/UI через 5 лет
- Коллаборация внутри команды дизайнеров и исследователей и вовне. Как общаться с продактами, сейлзами, маркетологами и юристами
- Product management: стратегия развития продукта, юнит-экономика, P&L
- Цифровая трансформация бизнес-процессов
- Экосистемы в разрезе UX Research, Experience и Service Design
- Трендвотчинг. Как построить стратегию развития компании на 50 лет.
Курс «UI/UX Design» — Mate academy
https://mate.academy/ru/courses/ui-ux
Стоимость: 291 050 ₽
Программа курса
Модуль 1
- Введение в профессию
- Дизайн процесс. Основные этапы работы над проектом
- Качественные и количественные исследования
- Глубинные интервью с аудиторией
- Пользовательские истории и Jobs To Be Done
- Customer Journey Map
- Приоритезация фич. Модель Кано
- Информационная архитектура приложения
- Путь пользователя
- Прототипирование
- Сетки и принципы их построения (mobile)
- Юзабилити тестирование
- Мобильные интерфейсы (iOS, Android)
- Интерфейсные паттерны
- Цвета
- Типографика ч.1
- Правила UI дизайна
- Сборка UI Kit, компонентов
Модуль 2
- Как брифовать клиента
- Team Canvas
- Бриф клиента
- Что узнавать в интервью?
- Фреймфорк для интервью
- Метод персон
- Пользовательские истории для персон
- Продуктовые гипотезы
- Сетки (web)
- Типографика ч. 2
- Композиция
- Графические рифмы
- Разбор типичных ошибок в UI
- Адаптивный дизайн
- Практика по отрисовке интерфейса
- Как презентовать свою работу?
- Презентация проекта
Модуль 3
- Платформа Behance
- Процесс работы над кейсом
- Создание анимаций для Behance кейса
- Графика и мокапы
- Модульные сетки
- Adobe Illustrator для дизайнера интерфейсов
- Обзор конструктора Tilda.
Курс «UX-UI дизайн» — Школа Дизайна и Компьютерной Графики
https://1dizain.ru/ux-ui-dizajn
Стоимость: 144 000 ₽
Программа курса:
- Введение в специальность
- Основы UI. Типографика. Bootstrap 4. Эстетика. Спецификация цвета в Web среде. Основы работы с графикой.
- Основы UX. Планирование и подготовка к проектированию.Исследования. Детализация проектов. User Journey Mapping. Гештальт принципы в UX. Основные законы проектирования интерфейсов. Проектирование под разные форматы устройств. Цифровой этикет. Методологии разработки. Дизайн системы. Атомарный дизайн.
- UX-UI дизайн. Появление и разделение UX и UI. Вводный курс по проектированию проекта
- Верстка HTML страниц. Прототипирование html страниц на CSS фрэймворке Twitter Bootstrap. Валидация html страниц (проверка правильности написания html кода). Инструмент Slice. Работа с PSD макетом. Верстка html страницы
- Основы CSS верстки. Стили и свойства объектов. Позиционирование блоков. Спрайты.
- Программирование. Javascript. Основы работы с CMS,Git.
- Анимация. Основы анимации в web. Разработка анимационной стилистики.
- Инструменты прототипирования. Инструменты продвинутого дизайна и скоростного прототипирования: Figma,MoqUps. Инструменты детализированного прототипирования: Axure,ProtoPie.
- Adobe Photoshop СС
- Adobe Illustrator 2000-18
- Индивидуальные занятия по дипломному проектированию.
Дополнительные дисциплины:
- Курсы рисунка
- Курсы живописи
- Композиция
- Цветоведение
- Логотип и фирменный стиль.
Курс «Как стать дизайнером интерфейсов» — Школа анализа данных
https://practicum.yandex.ru/interface-designer
Стоимость: 84 000 ₽ — 91 000 ₽
Что вы получите в Практикуме:
За 7 месяцев обучения по 10 часов в неделю вы освоите навыки дизайнера интерфейсов. 8-й месяц обучения будет посвящен дипломной работе.
- Проводить исследования и работать с аналитикой
Исследование — фундамент для решения любой дизайн-задачи. Мы расскажем, как закладывать его верно. - Продумывать работу сервисов и приложений
На конкретных примерах мы покажем, как создавать влюбляющий пользовательский опыт, и познакомим с необходимыми для этого инструментами. - Проектировать веб-сервисы и адаптивные сайты
На курсе вам предстоит выполнить свои первые проекты по брифу заказчика. - Разрабатывать мобильные приложения
Больше половины всего интернет-трафика проходится на мобильные устройства. Вы познакомитесь с гайдлайнами операционных систем (iOS и Android) и на практике научитесь создавать приложения под каждую из них. - Анимировать свои интерфейсы
Вы познакомитесь с основными принципами и инструментами анимации и научитесь управлять вниманием пользователя. - Работать в команде и общаться с заказчиками
На софты начинающих дизайнеров работодатели обращают не меньше внимания, чем на харды. Вы научитесь работать в команде и действовать проактивно, слышать обратную связь и оценивать свои силы адекватно.
Чтобы вы нашли работу после обучения, мы:
- выдаём официальный диплом от Яндекса;
- учим составлять резюме и собирать портфолио;
- помогаем с поиском вакансий;
- объясняем, как написать сопроводительное письмо и подготовиться к собеседованию.
Курс «Дизайн и программирование» — Высшая школа экономики
https://design.hse.ru/dir/programming Стоимость: нет информации
Студенты изучают дизайн-методологии и практикуются в проектировании цифровых систем, сайтов, веб- и мобильных приложений, а также разрабатывают визуальные языки, интерфейсы и оформление цифровых сервисов.
БАКАЛАВРИАТ
- Дизайн и программирование
Уникальный для России профиль подготовки дизайнеров-программистов, способных самостоятельно разработать или возглавить команду разработчиков полноценных мобильных b веб-приложений, компьютерных игр. - Дизайн и продвижение цифрового продукта
Выпускники профиля — востребованные специалисты с целостным пониманием рынка, одинаково хорошо ориентирующиеся как в веб-дизайне, так и в цифровом маркетинге.
МАГИСТРАТУРА
- Дизайн и продвижение цифрового продукта
ДОПОЛНИТЕЛЬНОЕ ОБРАЗОВАНИЕ
- Дизайн в цифровой среде. Интенсивный курс
Курс разработан для тех, кто хочет познакомиться с профессией дизайнера цифрового продукта: интерфейсов (UI) и пользовательского опыта (UX).
Продолжительность — 2 месяца - Дизайн и программирование цифрового продукта
Онлайн-курс для тех, кто хочет за год получить профессию дизайнера цифрового продукта, не имея предварительного опыта. Студенты изучают методы дизайн-мышления и технологии организации рабочей деятельности, верстку сайтов (HTML5 и CSS3), создание веб-сервисов (Ruby On Rails), практикуются в проектировании и реализации лендингов, сайтов, прототипов веб-приложения.
Продолжительность — 1 год - Дизайн и программирование цифрового продукта. Базовый уровень
Программа предназначена для тех, кто только начинает своё профессиональное развитие в области дизайна, а также хочет получить компетенции в области программирования.
Продолжительность — 1 год - Дизайн в цифровой среде
Курс для тех, кто хочет быть дизайнером интерфейсов (UI) и пользовательского опыта (UX) — архитектором цифровой среды обитания современного человека.
Продолжительность — 1 год - Введение в дизайн цифровых систем. Короткий курс
Ознакомительный курс-интенсив для тех, кто хочет быстро получить представление об индустрии цифрового дизайна и разработки цифрового продукта. Курс также рассчитан на подготовку к поступлению на годовые программы «Дизайн цифрового продукта» и «Дизайн и программирование цифрового продукта».
Продолжительность — 4 занятия - Дизайн и программирование цифрового продукта. Продвинутый уровень.
В ходе программы практикующие коммуникационные дизайнеры осваивают базовые навыки работы с кодом, изучают функциональность и внутреннее устройство цифровых технологий — чтобы иметь возможность разговаривать с программистами на одном языке и работать над сложными совместными проектами.
Продолжительность — 6 месяцев.
Курс «UX/UI/WEB DESIGN» — mobios school
https://ui-ux-design.mobios.school/ Стоимость: нет информации
Курс UX/UI/Web Design — Ваш самый короткий путь от 0 до востребованного веб-дизайнера под наставничеством опытных дизайнеров студии Mobios.
Программа была разработана специально для тех студентов, кто только начинает в дизайне и хочет освоить базовый уровень. А также для тех, кто не уверен в своих технических навыках и хотел бы перейти на продвинутый уровень.
Наша цель за время курса — максимально подготовить Вас к полноценной работе на профессиональном рынке.
Программа курса (блоки):
- Введение в UI дизайн
10 уроков - Создание сайта в Figma и Adobe Photoshop
7 уроков - Работа с Adobe Illustrator
3 урока - Создание интернет-магазина
8 уроков - UX — User Experience дизайн
3 урока - UX-проектирование мобильного приложения
5 уроков - Работа над дипломом — создание дизайна приложения
8 уроков.
Курс «Профессия UX/UI-дизайнер» — Chulakov School
https://chulakov.school/ux Стоимость: нет информации
Вы научитесь делать крутые интерфейсы сайтов и мобильных приложений. Найдете заказчиков по всему миру или устроитесь на работу в крупную компанию.
Мы начинаем с основ дизайна интерфейсов и постепенно переходим к более сложным темам. Также вы cможете выбрать уровень сложности курса: Junior, Middle, Senior.
Краткая программа курса:
- Знакомство с профессией
- Знаю, чем занимается дизайнер интерфейсов
- Понимаю, как можно реализовать себя в профессии
- Разбираюсь в стандартных элементах интерфейсов
- Figma
- Умею работать в Figma
- Создаю прототипы сайтов
- Рисую базовые элементы
- Концепции и композиции
- Умею выявлять Big Idea продукта
- Применяю на практике теорию близости и правило якорных объектов
- Знаю, как работать с модулями, сеткой и воздухом
- Типографика
- Разбираюсь в основных понятиях типографики
- Умею верстать текст
- Понимаю, как работать со шрифтами
- Знаю, как сделать текст на сайте удобным и читаемым
- Модульные сетки
- Понимаю принципы использования сеток
- Разбираюсь в видах сеток
- Могу нарисовать лендинг с использованием сеток
- Цвет
- Знаю, что такое цвет
- Умею создавать цветовые палитры
- Делаю интерфейсы на основе цветовых систем
- Адаптив и mobile
- Понимаю, что такое адаптивный дизайн
- Разбираюсь в принципах адаптивов и iOS/Android
- Могу создать страницу сайта по методу Mobile First
- UX, CJM и аналитика
- Умею создавать прототипы и CJM для проектов
- Коммуницирую с клиентами, собираю аналитику
- Вношу правки по комментариям заказчиков.
Курс «Профессия UX UI дизайнер» — UPROCK
https://school.uprock.ru/uxui Стоимость: 49 900 ₽
Программа курса:
- Figma
Научимся работать в Figma и разберем основные инструменты для создания дизайна.
- Введение в профессию
- Знакомство с Figma
- Подготовка изображений
- Основы типографики
- Контентные страницы
Научимся вести повествование, создавать контентные страницы, работать с сетками и композицией.
- Основы композиции
- Работа с сетками
- Изучение типов страниц
- Создание лонгрида
- Повествование
Научимся создавать структуру сайта и логичного повествования. Познакомимся с основами UX и проектирования.
- Разбор типовых блоков
- Работа с компонентами лендинга
- Основы UX
- Создание структуры
- Работа с клиентом
Научимся брифовать клиента, составлять конкурентный и визуальный анализ, вести деловую переписку.
- Шаблон брифа
- Заполнение ТЗ
- Конкурентный анализ
- Визуальный анализ
- Процесс разработки дизайна
Научимся правильно коммуницировать с клиентом и работать с техническим заданием.
- Оценка сроков проекта
- База знаний
- Заполнение ТЗ
- Деловая переписка
- Визуальная концепция
Научимся поэтапно создавать макет лендинга – от структуры до визуального оформления в Figma.
- Подготовка контента
- Составление структуры
- Отрисовка макета
- Внесение правок
- Подготовка макетов разработчикам
Научимся правильно передавать макета в разработку, чтобы на выходе получить качественный сайт.
- Подбор анимации
- Составление UI-кита
- Написание комментариев
- Отрисовка адаптива
- Интернет-магазин
Научимся разрабатывать дизайн для интернет-магазина — от прототипа до макета.
- Анализ конкурентов
- Отрисовка главной страницы
- Проектирование
- Карточки товара
- Подготовка кейса на Behance
Научимся создавать эффектные кейсы для социальной сети дизайнеров – Behance.
- Разбор примеров
- Составление структуры
- Подготовка анимации
- Продвижение кейса
- Корпоративный сайт
Научимся разрабатывать корпоративные сайты, оформлять внутренние страницы.
- Составление структуры
- Особенности корпоративных сайтов
- Отрисовка главной страницы
- Оформление внутренних страниц
- Новостной сайт
Научимся разрабатывать новостные сайты, создавать карточки, оформлять внутренние страницы.
- Особенности сайта
- Составление структуры
- Отрисовка главной страницы
- Оформление внутренних страниц
- Сайт портфолио
Научимся разрабатывать сайт портфолио, оформлять внутренние страницы.
- Особенности сайта
- Составление структуры
- Отрисовка главной страницы
- Оформление внутренних страниц
- Сайт агентства
Научимся разрабатывать сайт агентства, оформлять внутренние страницы.
- Особенности сайта
- Составление структуры
- Отрисовка главной страницы
- Оформление внутренних страниц
Дополнительный спринт:
Верстка на конструкторе
Научимся без верстальщика создавать сайты из своих макетов при помощи конструктора. Открывается после прохождения 7 спринта.
- Верстка в Readymag/Tilda
- Анимация в конструкторах
- Настройка форм и систем
- Публикация сайта
Трудостройство
Поможем найти работу мечты и подготовить резюме и портфолио. Открывается после прохождения 7 спринта.
- Поиск вакансий
- Составление резюме
- Фриланс биржи
- Стратегия развития.
Курс «UI/UX DESIGNER» — Игорь Джазов
https://designer.jazov.com/ Стоимость: 43 550 ₽
За 65 дней, при поддержке наставника, ты неизбежно создашь сильное портфолио ui/ux-дизайнера: дизайн веб-сервиса и мобильного приложения.
На курсе вы научитесь:
- Проводить брифинг, генерировать идеи, разрабатывать user journey map, информационную архитектуру
- Проектировать удобные интерфейсы: тестировать гипотезы и создавать интерактивные прототипы
- Разрабатывать дизайн мобильного приложения под iOS. Создавать анимации
- Проводить юзабилити-тестирование и аудит
- Дорабатывать интерфейс на основе данных веб-аналитики
- Презентовать проект заказчику. Взаимодействовать с разработчиками.
Программа курса:
- Софт ui/ux дизайнера
— Видеокурс и уроки по Figma
— Видеокурс по Sketch
— Создаём дизайн страницы веб-сайта на примере
- UX-аналитика
— Научитесь проводить брифинг с заказчиком/клиентом
— Научитесь использовать данные исследований для дизайна
— Узнаете, как брать идеи при анализе конкурентов
— Проведете исследования пользователей
— Интерпретируете данные исследований
— Освоите методики дизайн-мышления
— Проведём генерацию идей для проекта
— Создадим матрицу идей и функционала
— Составите PDF-отчёт UX-дизайнера
- Проектирование интерфейса
— Разрабатываем user story
— Картируем user journey map
— Разрабатываем информационную архитектуру
— Разрабатываем навигационную карту
— Разбираем топ инструменты для проектирования
— Изучаем принципы юзабилити
— Разбираем паттерны digital-интерфейсов
— Создаем wireframes для ключевых экранов
— Показываю откуда черпать идеи и вдохновение
— Создаём дизайн всех экранов wireframes
— Разрабатываем интерактивный прототип digital-продукта
- Гайдлайны и визуальный дизайн интерфейса
— Изучаем guidlines iOS
— Изучаем спецификации iOS
— Создаёте Grid, layouts
— Разрабатываете цветовую схему
— Подбираете шрифты
— Создаёте дизайн навигации
— Информационный дизайн
— Рисуете иконки
— Создаёте дизайн всех экранов мобильного приложения
- Анимации и подготовка проекта для разработчиков
— Проводите пользовательское тестирование прототипа
— Создаете анимаций для сайта или моб. Приложения
— Создаёте style guide
— Экспортируете графику приложения
— Подготовливаете дизайн-проект для разработчиков
— Осваиваете метод одного варианта дизайна
— Осваиваете 3 этапа разработки безотказного дизайна
— Осваиваете искусство убеждения заказчика
— Осваиваете секреты презентации Стива Джобса
- Веб-аналитика
— Сформируете цели и KPI вашего digital-продукта
— Проанализируете digital-воронку продаж
— Освоите Яндекс.Метрику
— Освоите Google Analytics
— Проведете бизнес-аналитику сайта
— Освоите вебвизор, карту кликов, тепловую карту
— Проведёте оценку эффективности показателей продукта
- Юзабилити-тестирование и аудит
— Освоите методы исследования юзабилити
— Проведёте юзабилити-экспертизу сайта
— Освоите контрольные списки
— Освоите эвристическую оценку
— Освоите экспертизу компонентов
— Освоите юзабилити-тестирование
— Онлайн-сервисы для юзабилити-тестирования
- Трудоустройство. Портфолио.
— Способы составления портфолио
— Составляем резюме
— Ищем место работы
— Готовимся к собеседованию
— Составляем портфолио для behance
— Бонусные уроки для создания сильного портфолио
- Tilda: Создание сайта под ключ с анимациями
— Создания уникальной нетипичной анимации в Tilda
— Дизайн персонального сайта под ключ в Figma
— Верстка сайта в Tilda
— Создание сложных анимаций в Tilda для веб-версии сайта
— Создание анимаций в Tilda для мобильной-версии сайта
- Дипломная работа
Создадите портфолио для behance. Разработаете интерактивный прототип digital-продукта, создадите дизайн-макеты сайта и мобильного приложения. Создадите ux-презентацию проекта для вашего портфолио. Получите диплом.
После курса в вашем портфолио появится сильная работа в сфере ui/ux дизайна. Без неё диплом не выдаётся.
Курс «Веб дизайн (UI/UX)» — easyum
https://it.easyum.ru/courses/web-design-ui-ux/ Стоимость: 39 960 ₽ — 47 960 ₽
Для кого:
- Новичков в сфере дизайна
- Практикующих графических дизайнеров
- Владельцев бизнеса
- Веб-разработчиков.
Чему Вы научитесь:
Окончив курс, вы сможете работать Веб-дизайнером UI/UX.
- Разрабатывать дизайны сайтов и приложений
- Пользоваться инструментами Photoshop и Illustrator
- Работать со шрифтами и цветовой гаммой
- Прорисовывать графические элементы и страницы с нуля
- Готовить сайт к верстке.
Программа курса:
Photoshop + Illustrator. Изучение Рабочей Среды.
- Введение в графический дизайн. Базовые термины и понятия. Начало работы в Adobe Photoshop. Создание нового файла. Настройка рабочей среды: форматы, разрешения, размеры.
- Фигуры и объекты. Трансформирование объектов. Работа с пером и кистью. Цветокоррекция. Разработаем дизайн поста для Инстаграм.
- Палитра. Корректирующий слой. Маска. Инструменты изменения изображения: штамп, заплатка, архивная кисть. Создадим Мокап.
- Шрифты и общие принципы работы с текстом. Модульная сетка. Анимация в Фотошоп. Создадим анимированный баннер.
- Начало работы в Adobe Illustrator. Создание нового файла. Настройка рабочей среды: форматы, разрешения, размеры. Подготовка к печати. Инструмент «Перо». Создадим набор линейных иконок.
- Поля, сетки, направляющие. Создадим Пиксель арт.
- Стильные иллюстрации. Фигуры, линии, направляющие. Создадим иллюстрацию в стиле Flat дизайна.
- Монтажная область. Паттерны. Создадим бесшовный узор.
Illustrator + Indesign + Figma.Изучение Рабочей Среды.
- Цвет. Заливка, виды заливок, градиент. Создадим стикер для общения в Telegram.
- Изометрия. Инструмент «Переход». Создадим изометрический дизайн.
- Начало работы с Adobe Indesign. Область применения InDesign. Сверстаем шаблон резюме.
- Модульные сетки Adobe Indesign. Сделаем верстку 5 страниц своего журнала.
- Файлы .psd. Интеграция файлов .psd. Работа с цветами в документе. Создадим маркетинг-кит.
- Начало работы в Figma. Работа с Фреймами, фигурами, текстом.
- Использование плагинов в Figma. Стили. Создадим концепт для Dribbble.
- Компоненты. Анимация в Figma. Создадим концепт сайта.
Illustrator 2. Векторная Графика В Web-Дизайне
- Векторная и растровая графика: отличия, особенности работы. Настройка рабочей среды под создание Web-элементов: форматы, размеры. Работа с Монтажными областями в контексте Web-разработки. Создание документа под макет сайта.
- Прорисовка объектов: геометрические фигуры, линии, дуги и спирали. Web-элементы: кнопки, фоны, блоки. Создание дизайна кнопок для будущего сайта.
- Прорисовка сложных объектов: перо, кривые Безье. Создание инфографики для сайта.
- Трансформация объектов. Выделяем: Direct Selection Tool, Selection Tool и трансформируем: «Отражение», «Вращение». Дополнительные возможности и ограничения работы с «Выделением» и «Трансформацией» объектов.
- Цвет и Illustrator. Теория цвета. Контур, заливка, градиент, работа с общими цветами. Подберем цветовую гамму для сайта.
- Текст. Создание, палитра и стили текста в Illustrator. Возможности редактирования и наложения текста. Создадим Типографику для сайта.
- Слой. Особенности работы со слоями в Illustrator. Перемещение объектов и «Подложка». Решение задач Web-дизайна с помощью Layers.
- Завершение работы в Illustrator. Сохранение объектов и документов. Особенности экспорта документов для Illustrator. Раскройка файлов.
Photoshop 3. Создание Макета Сайта
- Что такие бриф? Первые шаги создания макета сайта, формат, размер. Задачи UI/UX.
- Как подготовить свой макет к HTML-вёрстке. Разбор технических возможностей вёрстки сайтов. Разберем самые популярные платформы для создания сайтов: WordPress, Wix, Bitrix, Tilda.
- Композиция и колористика. Визуальной информация для человека. Основные составляющие дизайна интерфейса: web-типографика, макет, анимация, цвет, навигация, иконки.
- Оптимизация графических изображений. Web-анимация. Принципы создания, инструментарий. Учимся оживлять «раскадровку». Создадим анимацию на свой сайт.
- Web-типографика: типы шрифтов, заголовки, акцент внимания.
- Модульная система. Создадим продающую главную страницу сайта. Понятие, область применения, преимущества и недостатки. Создание макета страницы «Товары».
- Формы обратной связи и контактные данные. «Подвал» сайта. Понятие, правила оформления. Создадим макет формы обратной связи и страницы «Контакты». Подготовим свой макет к вёрстке.
- Понимание итераций, метрик, конверсии, воронок. Что такое лид-магнит? Фриланс биржи и работа с клиентом.
Ваши результаты после обучения:
- Сертификат
- Резюме
- Проект.
Курс «Профессия Веб-дизайнер (UX/UI)» — Бруноям
https://brunoyam.com/online-kursy/web-design Стоимость: 39 900 ₽
На курсе вы научитесь работать в Figmа, создавать удобные для людей сайты, презентовать идеи, работать с анимацией и соберете портфолио.
Для кого этот курс:
- Отлично подойдет для тех, кто хочет стать веб-дизайнером
- Будет полезен тем, кто уже работает в сфере дизайна.
Вы научитесь:
- Создавать макеты и прототипы в Figma
- Подготавливать референсы под проект
- Работать с фото и иллюстрациями
- Анимировать интерфейсы в Prototipe и After Effects
- Работать с композицией, цветом и шрифтами
- Проводить исследования и работать с аналитикой
- Создавать UI-киты
- Презентовать кейсы
- Работать с заказчиками.
Программа курса:
- О профессии
- Чем занимается веб-дизайнер
- Где работает, какие могут быть проекты
- Этапы работы над проектом
- В чём роль дизайнера на всех этапах проектах
- UX, UI-дизайнеры: в чём разница
- Артефакты работы: персонажи, сценарии, прототип
- Макеты, UI-киты
- Дизайн-система
- Знания из каких областей нужны веб-дизайнеру.
- Аналитика
- Исследование бизнеса
- Порядок действий (взаимодействие с клиентом)
- Исследование пользователей
- Составление карты эмпатии
- Прописывание персонажей
- Полевые исследования
- Артефакты аналитики
- Концептуальное проектирование
- Глобальные вопросы.
- Прототип с текстом
- Текст на сайте. Инфостиль
- Референсы. Что такое, где брать, как использовать
- Сетка. Что такое, как используется
- Обзор программ и методов, которые используются при проектировании цифрового продукта
- Создание интерактивного прототипа в Figma.
- Адаптивный дизайн
- Адаптивный дизайн. Предпосылки
- На каких устройствах может просматриваться сайт
- Варианты решения адаптивности
- Примеры. Точки разлома
- Mobile First
- Особенности прототипирования в Figma
- Компоненты, фиксация при скроле, подвижная карта
- Работа с Figma Mirror.
- Существующие дизайн-системы
- История UI
- Web 2.0, Скевоморфизм, Windows Metro
- Twitter Bootstrap, Flat Design, Google Material Design
- Мобильные приложения. Особенности дизайна
- Шаблоны навигации. iOS и Android guidelines
- Правила хорошего интерфейса
- Человечность, минимизация конструкции, вынести за скобки
- Теория близости, закон Фиттса.
- KEY VISUAL
- Ключевой образ — что такое, как сделать
- Примеры хорошо подобранных ключевых образов
- Архетипы. Теория Юнга
- Работа с брендом
- Работа с фирменным стилем
- Создание первого экрана.
- Композиция и цвет
- Композиция. Принципы
- Композиционный центр (доминанта)
- Ошибки. Примеры хороших композиций
- Контраст. Равновесие. Ритм. Взгляд
- Z и F паттерны. Сетка (примеры, силовая линия), правило третей
- Цвет. Цветовые модели (HSB, RGB, HEX коды, CMYK)
- Параметры. Цветовой круг Иттена. Как выбрать цвет
- Психофизиология интерфейсов. 7±2 (пример — навигация в шапке), какие данные лучше воспринимаются и запоминаются, геометрическая память, закон края, правило близости, группировка, контраст.
- Типографика
- Определение
- Основные понятия о шрифтах
- Сочетания шрифтов
- Приемы в работе со шрифтами
- Примеры хорошо подобранных шрифтов.
- Интернет-маркетинг и Tilda
- Поисковая оптимизация (SEO)
- Контекстная реклама
- SMM
- Медийная реклама
- Обзор интерфейса и возможностей Tilda.
- Презентация проекта
- Рассказать об идеях всегда крайне важно. Нужно уметь это делать. Презентация поможет вам вдохновить команду, уменьшить количество правок и расставить акценты. Часто презентация полностью меняет представление о проекте!
- Важные моменты и особенности, которые нужно учитывать.
Курс «UI/UX с нуля» — skillup
https://skillup.ua/lp/uiux-online/ Стоимость: 27 000 ₽
Курс подойдёт для:
- Всем, кто планирует войти в IT через творческую профессию
- Тем, кто думает, что это очень сложно и нужно уметь рисовать
- Начинающим дизайнерам без опыта работы, или графическим дизайнерам и иллюстраторам желающих перейти в web-дизайн
- Front-end разработчикам. Системный взгляд на UI/UX с прокачкой ключевых навыков
- Менеджерам в digital. Научитесь анализировать UI/UX и грамотно ставить задачи по доработке интерфейса.
На курсе ты:
- Освоишь основы композиции и цветоведения — обязательные знания для UI/UX дизайнеров.
- Научишься создавать интерактивные и привлекательные веб-сайты, с учетом запросов целевой аудитории.
- Узнаешь, как сопоставлять аналитические данные и формулировать гипотезы по повышению эффективности проектов.
- Узнаешь, как дорого продавать свою работу на фрилансе / как пройти собеседование и начать работать в крутой IT компании или WEB студии.
Курс «Онлайн-курс UX-дизайна» — irs.academy
https://irs.academy/kurs_po_uxdizayn Стоимость: 26 400 ₽
Для кого будет полезно?
- Дизайнеры
- Предпринимателям
- Фрилансерам
- Маркетологам
- Новичкам.
После окончания курса вы сможете:
- Много путешествовать и работать удаленно без привязки к месту
- Уволиться из офиса и повысить уровень дохода
- Заниматься интересными и творческими проектами
- Получить неограниченные возможности в разработке мобильных приложений
- Работать с паттернами поведения и типами восприятия
- Применять бизнес-анализ, анализировать пользовательский опыт, работать с тестами.
Программа курса:
- Урок № 1 — Введение в профессию
Изучаем основные аспекты профессии дизайнера, направления дизайна, изучаем виды основных дизайнерских программ и тенденции в профессии. - Урок № 2 — Основы UX-дизайна
На втором уроке мы разбираем основы. Узнаем, как ведется дизайнерский проект и какие этапы реализации он включает в себя. Изучим эффективное управление и реализацию планов. Узнаем, как выявлять потребности ЦА. Выведем применение бизнес-анализа, проведем аналитику в UX-дизайне. - Урок № 3 — Инструменты дизайн-мышления
На втором уроке мы разбираем основы. Узнаем, как ведется дизайнерский проект и какие этапы реализации предстоят. Изучим эффективное управление и реализацию планов. Узнаем, как выявлять потребности ЦА. Выведем применение бизнес-анализа, проведем аналитику в UX-дизайне. - Урок № 4 — Разработка мобильных приложений
На этом уроке разбираем мобильный UX-дизайн, основные принципы разработки мобильных приложений, как должен выглядеть пользовательский интерфейс, какие задачи пользователя он решает, как сфокусировать внимание потребителя. - Урок № 5 — Service Design
Изучим теорию и практику, сервисный дизайн, методы проектирования услуг, удобных для клиента. Узнаем, как должна проходить эффективная организация командной деятельности, решение потребностей потребителя, понимание целей заказчика, использование прошлого опыта проектирования. Определим, как визуализировать порядок действий. - Урок № 6 — Прототипирование, паттерны и психология пользователя
Узнаем, что включает в себя UX-проектирование, анализ поведения аудитории, разберем психологию поведения, проведем исследование интерфейсов, изучим особенности качественных и количественных исследований, сделаем обзор основных инструментов аналитики. - Урок № 7 — Юзабилити-тестирование
Изучаем определение юзабилити-тестирования, правила выборки, составление сценария действий потребителя, особенности мобильной аналитики, запуск и математика A/B-тестов, отбор гипотез для тестирования. - Урок № 8 — Data Driven Design
На восьмом уроке мы пройдем разработку на основе данных. Выясним, какие приоритеты и метрики используются, рассмотрим основные правила в работе Data Driven Design. Начнем проектировать продукты, используя Big Data, исследования, A/B-тестирование, проверку гипотез. - Урок № 9 — Пользовательский опыт
Учимся проектировать пользовательский опыт, интерфейсы, их восприятие аудиторией, познаем психофизиологию, определяем KPI и ставим бизнес-цели, анализируем сайты с точки зрения психологии потребителя, разбираем азбуку интерфейса потребителя. - Урок № 10 — Творчество и дизайн
Учимся концептуальному проектированию, разбираем необходимость творчества в дизайне, создание эффективных концепций. Рассмотрим творчество, как математическую модель, методы генерирования идей, понимание потребностей людей и возможности удовлетворить их с помощью продукта. - Урок № 11 — Lean UX Strategy
Вы узнаете, как применять методологию Lean UX Strategy, советы, техники, упражнения. Выясним методы бережливого дизайна. Сделаем максимальную ориентацию на потребителя. Выясним, как пользователь воспринимает бренд, составим творческие брифы. - Урок № 12 — Visual Design
Разберем роль визуального дизайна, методы декомпозиции, виды дизайнерских систем. Узнаем, как отличить хороший дизайн от плохого, как сформировать визуальные идеи и представления. Создадим логотипы, проработаем брендинг, упаковку. Составим инструкции по шрифтам, цветам и размерам. Создадим стиль, макеты и прототипы. Изучим, какие графические редакторы лучше всего подходят для отрисовки.
По окончанию обучения вы получите сертификат, подтверждающий, что вы прослушали 12 уроков онлайн-курса UX-дизайна.
Курс «UX/UI для новичков» — Академия BELHARD
https://belhard.academy/uxui Стоимость: 20 000 ₽
Курс рассчитан на новичков в дизайне, а также людей, которые имеют выборочные знания в области проектирования интерфейсов. Высокая информационная плотность материала позволяет получить все необходимые базовые навыки, чтобы создавать собственный дизайн для мобильных приложений и сайтов.
Программа курса:
Блок 1. Вводное занятие. Что такое (UI/UX) дизайн?
- Знакомство.
- Что такое дизайн. Что главное в дизайне.
- Что такое UI.
- Что такое UX.
- Интерфейс.
- Что должен знать дизайнер (список материалов).
- Современный дизайн.
- Краткий обзор инструментов.
- ДЗ: Ознакомление с инструментами.
Блок 2. Современные инструменты дизайнера.
- Основной инструмент для прототипирования — бумага и ручка.
- Универсальный инструмент для дизайнера — Photoshop.
- Инструменты для проектирования — Figma, Adobe XD.
- Дополнительные инструменты — Zeplin, inVision, draw.io.
- Trello — простой сервис для организации процесса.
- ДЗ: Первый проект.
Блок 3. Психология восприятия информации.
- Эвристики Нильсена.
- Принципы гештальта в дизайне.
- Паттерны восприятия информации.
- Правило 3х кликов. 7±2. Заблуждения в дизайне.
- UX-мифы.
- Когнитивные искажения (фрейминг, прайминг).
- Mind maps.
- Смежные области дизайна (Маркетинг, ТРИЗ).
- ДЗ: Анализ существующих сайтов.
Блок 4. Графический язык дизайна. Композиция, сетка и изображения.
- Композиция.
- Чередование ритма. Якорные объекты.
- Сетки. Вертикальные пробелы. Разновидности и применение.
- Изображения. Иллюстрации. Фотостоки.
- Визуальное ядро приложения или сайта.
- ДЗ: Макет с учетом полученных в блоке знаний.
Блок 5. Графический язык дизайна. Типографика, цвета и иконки.
- Типографика. Общие положения.
- Шрифты, их сочетание и методы выбора. Шрифтовые пары.
- Цвет. Методики выбора цвета. Цветовой круг.
- Влияние цвета на пользователя. Брендирование.
- Доступность (режим высокой контрастности).
- Иконки. Принципы построения, применения и поиска.
- ДЗ: Макет с учетом полученных в блоке знаний.
Блок 6. UI. Компоненты, библиотеки, дизайн системы. Стандарты и гайдлайны.
- Гайдлайны. Определения.
- Гайдлайны Material Design, Apple HIG, Microsoft UWP.
- Базовые компоненты и их структура.
- Формы и текстовые поля.
- Кнопки. Элементы управления (Контролы).
- Карточки. Табы. Бары. Списки.
- Библиотеки компонентов.
- Дизайн системы.
- ДЗ: Составить собственную UI-библиотеку из базовых элементов.
Блок 7. Дизайн как процесс. Дизайн-мышление.
- Design thinking. Конвергентное и дивергентное мышление.
- Сбор материала для начала работы (первичные исследования). Поиск и выбор лучших идей.
- Определение метрик и контроль над ними.
- Правило прогрессивного джипега.
- Jobs To Be Done.
- Бизнес модель по Остервальдеру. Обзор.
- ДЗ: Применить полученные знания к своему проекту.
Блок 8. Дизайн продукта. Предварительные исследования и выбор решения.
- Цели проекта и клиента.
- Метод исследования с помощью персон. Карта эмпатий.
- Исследование конкурентов.
- Сбор и анализ информации о пользователях. Интервью и анкетирование.
- Сценарии поведения (User stories. User cases). Customer Development.
- Customer Journey Map (CJM).
- Структура сайта.
- Обсуждение с командой и/или с заказчиком.
- ДЗ: Применить полученные знания к своему проекту.
Блок 9. Дизайн интерфейса. Реализация и тестирование.
- Варфреймы, прототипы и мокапы.
- Субъективные и объективные исследования.
- Методы тестирования дизайна (наблюдение, глубинное интервью, юзабилити-тестирование).
- А/В тестирование.
- Поиск визуального языка. Генерация визуальных образов.
- Простые способы улучшения дизайна.
- Проверка макета перед сдачей в разработку.
- ДЗ: Создать собственный интерактивный прототип.
Блок 10. Проектирование лендинга.
- Сайты и лендинг. Разновидности веб страниц в интернете.
- Основные паттерны.
- Структура «продающей» страницы. «Анатомия» лендинга.
- Особенности дизайна для touch устройств.
- Особенности дизайна для мобильных и стационарных устройств. Адаптивный дизайн.
- Основы верстки (знание html, css). Технические ограничения различных платформ.
- Типовые ошибки в веб-дизайне.
- ДЗ: Придумать и реализовать дизайн лендинга.
Блок 11. Мобильное приложение. Структура. Основные паттерны мобильных устройств.
- Мобильные устройства (стандартные и нестандартные). Типовые размеры экранов.
- Разница между экосистемами Android и iOS.
- Контекст использования.
- Структура мобильных приложений.
- Современные паттерны дизайна для мобильных устройств.
- Важные единицы измерения и размеры: px, dp, sp.
- ДЗ: Придумать и реализовать дизайн мобильного приложения.
Блок 12. Тренды в UI/UX дизайне.
- Вдохновение: где и как искать.
- Мудборды.
- Генерация новых идей.
- Анализ чужого опыта (декомпозиция).
- Польза разных областей для понимания дизайна.
- Развитие визуального вкуса. Изучение истории дизайна.
- Конференции. Видео и дополнительные курсы.
- Самообразование — залог успеха дизайнера.
- Ежедневная тренировка. DailyUI и другие челленджи.
- ДЗ: Составить план самостоятельного развития.
Блок 13. Заключительное занятие: что дальше? Как искать работу.
- Нетворкинг.
- Критика — лучший друг дизайнера.
- Особенности поиска первого места работы дизайнера.
- Портфолио: что стоит туда помещать.
- Поиск клиентов. Популярные фриланс-биржи.
- Full-time vs freelance.
- Этика.
- ДЗ: Подготовка к защите курсового проекта.
Защита курсового проекта.
Курс «UX/UI дизайн» — Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана
https://www.specialist.ru/section/ux-ui-design Стоимость: разная стоимость
Чтобы стать UX/UI-дизайнером, нужно знать основы юзабилити — понимать, как достигать простоты и комфорта работы клиента с продуктом. Для начала карьеры в UX/UI также понадобятся знания таких инструментов как Figma и умение работать с сайтом с помощью HTML и CSS.
Курсы по UX/UI в нашем Центре — это высокое качество преподавания и максимум практики. На занятиях вы получите только те знания, которые сможете применить в работе, и разберете их на реальных кейсах с помощью наших экспертов-преподавателей.
Вы научитесь:
- основам веб-дизайна, UX/UI;
- работе с растровой графикой в Adobe Photoshop;
- проводить юзабилити-тестирование и писать пользовательские сценарии;
- проектировать удобные интерфейсы;
- создавать дизайн интерфейсов в Adobe XD и Sketch;
- создавать лендинги в Tilda;
- работать в Figma и использовать другие инструменты макетирования;
- использовать инструменты верстки HTML и CSS;
- представлять работу заказчику так, чтобы не вносить сотню изменений после.
Курс «Менторы по UX» — Solvery
https://solvery.io/ru/mentors/ux Стоимость: разная стоимость
На ресурсе доступно 27 наставников:
- Галина Лихицкая
- UX
- UI
- SASS
- CJM
- JTBD
- MVP
- Интерфейсы
- Продуктовая аналитика
- Customer Journey Map
- Управление командой
- Scrum
- Прохождение собеседований
- Мотивация команды
- A/B testing
- Аналитика
- Управление продуктом
- Мотивация Сотрудников
- Fintech
- Кастдев
- Маркетинг
- CPO
- Александр Сенотов
- UX
- UI
- MVP
- Продуктовая аналитика
- Mobile first
- Управление командой
- Kanban
- Scrum
- Прохождение собеседований
- Анализ и поиск решения (bugfix)
- Мотивация команды
- Аналитика
- Управление продуктом
- Мотивация Сотрудников
- Кастдев
- Артем Батьков
- UX
- UI
- Логотип
- Типографика
- Figma
- Userflow
- Material Design
- Анимация
- Айдентика
- Фирменный стиль
- Интерфейсы
- Motion-design
- Тест-кейсы
- A/B testing
- Дизайн
- Маркетинг
- Надежда Воскресенская
- UX
- UI
- Типографика
- Мобильная разработка
- Figma
- Айдентика
- Дизайн-стратегия
- Графический дизайн
- Управление продуктом
- Дизайн
- CEO
- Илья Чернецкий
- UX
- Customer Journey Map
- Дмитрий Суворов
- UX
- UI
- Типографика
- Айдентика
- Интерфейсы
- Motion-design
- UI kit
- Прохождение собеседований
- Техническое задание
- Дизайн
- Управление проектами
- Google analytics
- Яндекс Метрика.
- Валерия Пашкова
- UX
- UI
- Fintech
- Дизайн
- Кирилл Климов
- UX
- UI
- Figma
- Material Design
- Дизайн-стратегия
- Графический дизайн
- Mobile first
- Style guide
- UI kit
- Паттерны проектирования
- Управление продуктом
- Fintech
- Бизнес аналитика
- Кастдев
- Техническое задание
- Дизайн
- Маркетинг
- Катя Лебедева
- UX
- UI
- Material Design
- Дизайн
- Яков Петрунин
- UX
- UI
- Логотип
- Типографика
- Figma
- Userflow
- MVP
- Material Design
- Айдентика
- Фирменный стиль
- Дизайн-стратегия
- Графический дизайн
- Интерфейсы
- Продуктовая аналитика
- Customer Journey Map
- Style guide
- UI kit
- Управление командой
- Управление продуктом
- Дизайн.
И др.
Курс «UI/UX Дизайнер» — Университет ИТМО
https://design.itmo.ru/courses/uiux/ Стоимость: 14 000 ₽
Программа курса:
Проектирование интерфейса пользователя (UI-проектирование) (40 часов)
- Тема 1: Основы проектирования интерфейсов.
История экранных интерфейсов. Общие понятия интерфейса и его элементы. Интерфейсы сегодня, тенденции и тренды. Проектировщик интерфейсов, кто он? Поиск референсов, графические стоки.
Практика: Создание простого лэндинга по примеру. Повторить стиль одной страницы, изменив название и основное изображение. - Тема 2: Элементы интерфейсов.
История и тенденции развития экранных интерфейсов, технологический аспект. Приемы для создания нужного настроения на сайте. Первостепенность задачи при проектировании. Значимость различных элементов. Примеры стилей и их применения. Проектный подход, рисование кнопок и иконок.
Практика: Создание сета элементов в различных стилях (для 2-х сайтов, игрового и продающего). Отрисовать по 2 иконки и по 2 кнопке для каждого из сайтов. - Тема 3: Модульные сетки в экранных интерфейсах. FIGMA.
Экранная верстка. Модульные сетки и их применение. Модульные сетки и их адаптивность. С чего начинать макет интерфейса?
Практика: Создание макетов простой страницы на основе модульной сетки в Photoshop и в Figma. - Тема 4: Лендинги и сложные макеты в web, адаптивность.
Отличия простого и сложного web-дизайна. Зачем нужен лендинг и в чем его особенности? Проектирование полных страниц в Figma, мобильный интерфейс.
Практика: Создание лендинга сайта и его мобильной версии. - Тема 5: Экранная типографика. Текст в web
Текст, как составляющая удобства использования или usability. Экранная типографика, ее особенности. Текст в web, его значимость для пользователя и для систем. Порядок элементов, логика взаимодействия.
Практика: Доработайте контент своего сайта. Проверьте, чтобы тексты и короткие тексты, заголовки, были оформлены, верно. Соблюдая общий стиль отрисуйте экраны взаимодействия, состояния кнопок и элементов, чтобы все было готово к анимации. - Тема 6: Элементы Figma.
Figma и порядок организации проекта.
Практика: навести порядок в структуре документа, объединить элементы по группам, создать страницы с фрэймами и дашбордами, в которые вы соберете все основные компоненты, на которые вы опираетесь в работе. Назвать все четко и понятно. - Тема 7: Анимация и переходы в Figma.
Практика: создать анимированный контент, записать его с экрана в формат gif и прислать ссылку на папку с gif-анимацией внутри. Постарайтесь максимально анимировать все возможные кнопки, слайдеры, выезжающие и раскрывающиеся экраны. - Тема 8: Презентация проекта.
Практика: Полная отладка макета, создание десктопной и мобильной версий сайта. Запись анимации и презентация макета.
Проектирование пользовательского опыта (UX-проектирование) (30 часов)
- Тема 1. Философия и научная методология в дизайне
- Тема 2. Качественные и количественные методы исследования – предложить и использовать количественный метод для заданной задачи. (5 задач)
- Тема 3. Психология человеко-компьютерного взаимодействия – Создание карты пользователя (персона), другие методики описания пользователя
- Тема 4. Пользовательские истории (когда… я хочу… я могу…) – написать историю (3-5 шт)
- Тема 5. Проектирование пользовательского опыта – создание сценария пользовательского опыта
- Тема 6. Проектирование продукта
- Тема 7. Юзабилити-тестирование
- Тема 8. Анализ и оценка пользовательского опыта
Форма аттестации: презентация проекта.
Проект включает в себя качественные и/или количественные методы исследования, создание карты пользователя (персона), пользовательские истории, сценарии пользовательского опыта, проектирование, юзабилити-тестирование, отчет по оценке пользовательского опыта, предложения по улучшению.
Курс «UI/UX Дизайнер» — Myfreedom
https://myfreedom.by/onlineschool/design Стоимость: 11 350 ₽ / мес
Программа курса по UI/UX-дизайну:
Модуль 1. Basic
- Стратегия проекта
- Дизайн мышление
- Проектировщик как профессия
- Фотошоп для веб-дизайнера
- Figma
- Знакомство с базовым функционалом программ для веб-дизайнеров
- Психология графических интерфейсов
- Юзабилити
- Как понять клиента?
- В чем смысл визуальной группировки
- Правила построения структуры проекта
- Прототипирование
- Прототипирование, методы сбора инф для проекта
- Поэтапное построение структуры сайта
- Документы для разработки сайта
- Создание брифинга
- Стилистика и колористика
- Психология цветового оформления
- Теория цвета (цветовые комбинации)
- Стилистика: что сейчас в тренде
- Основные гайды в оформлении
- Типографика. Создание Landing Page
- Работа с лендингом. Что такое лендинг
- Создание продающего макета лендинга, как заставить ее работать
- Какая структура важна при построении
- Типографика
- Иконографика
- Верстка текстовых блоков
Модуль 2. Advanced
- Постановка задачи, интервью с заказчиком
- Интервью с заказчиком
- Знакомство с клиентом, бизнесом, задачей.
- Концепция проекта
- UX-стратегия
- Digital и оффлайн каналы взаимодействия
- Выработка UX-стратегии (MVP-minimum viable product, этапы развития)
- Сценарии использования
- Брифинг и сбор требований
- Этапы реализации проекта
- Продуктовый дизайн
- Формирование целей и задач для бизнеса
- Разработка брифа продукта
- UX–концепция
- Виды исследований
- Исследование пользователей
- Портреты пользователей
- Планирование интервью с пользователем
- Формирование целей и задач
- UX-концепция
- Карта эмпатии
- CJM
- Workflows
- Проектирование механик и логики
- Разбор референсов с преподавателем, кейсов
- Структура
- Проектирование
- Практическое занятие по проектированию
- Работа с курсовым проектом
- Внесение правок по рекомендации преподавателя
- Подготовка финального прототипа
- Информационная структура/архитектура
- Навигация
- Wireframes
- Методы тестирования
- Тестирование решений
- Юзабилити-анализ и тестирование
- Веб-аналитика
- Прототипирование
- Бумажный прототип
- Интерактивный прототип
- Защита прототипов
- Презентация прототипов
- Получение рекомендации
- Психофизиология интерфейсов
- Метод генерации идей
- Создание концепции
- Подбор фотографий
- Работа с сеткой
- Цветовая палитра
- Что модно?
- Исследование трендов
- Брендинг
- Веб-типографика
- Практическое занятие: подбор шрифтов, выбор размеров, верстка страницы
- Подбор графики к шрифтам, единообразие стилей и элементов
- Принципы хорошего интерфейса
- Закон Фиттса
- Теория близости и визуальная структура
- Синтаксис элементов интерфейса
- Правило ближнего и дальнего
- UI kit, гайдлайны и отрисовка
- Подходы в отрисовке
- Как создаются гайдлайны
- Визуализация
- Практическое занятие
- Готовим гайдлайны
- Визуализация макетов
- Визуализация мобильной версии
- Презентация
- Техника успешной презентации
- Пример защиты презентации. Видео-презентация
- Практический кейс: создание презентации
- Защита макетов.
Курс «UX/UI Дизайн» — IT College Digital Unicorn
https://it-college.by/design Стоимость: 8 500 ₽ / мес
Онлайн-курс состоит из практических заданий по UX и UI.
Программа курса — авторские материалы, подготовленные практикующим дизайнером (10+ лет опыта) специально для начинающих специалистов.
Для кого этот курс?
- Для новичков в дизайне
Которые готовы изучать UX/UI Дизайн с нуля и хотят получить востребованную профессию. - Для действующих дизайнеров
Которым необходимо повысить свой профессиональный уровень в области UX/UI Дизайна.
Чему научитесь после курса?
По окончанию обучения вы уверенно будете применять необходимые знания и навыки для работы UX/UI Дизайнером:
- Находить идеи и предлагать концепты дизайн-решений
- Создавать прототипы и проектировать интерфейсы
- Использовать векторную графику, создавать иконки
- Работать с текстом и создавать информационный стиль
- Применять MVP/Lean методологию
- Обрабатывать ошибки и нестандартные ситуации
- Визуализировать данные и карты
- Создавать презентации (Google Slides, Keynote)
- Разрабатывать анимацию, Keyframe GUI
- Создавать промо-материалы: экраны приложений для магазинов, баннеры
- Использовать бизнес-фреймворки, Business Model Canvas
- Понимать медиакультуру и визуальное искусство.
Программа курса
Вы научитесь работать в команде, создавать дизайн для мобильных приложений и сервисов, передавать их в разработку и создавать маркетинговые материалы для их продвижения.
Блок 1: UI Дизайн
- Использование компонентов в проектировании интерфейсов. Группировка User Stories в компоненты.
- Дизайн системы и UI Kits. Просмотр материалов по дизайн-системам Apple Human interface guidelines, Google material design, Microsoft fluent design system.
- Работа с текстом. Тон сообщений в интерфейсе. Информационный стиль.
- UI Дизайн. Работа с Moodboard.
- Типографика и шрифт. Текст как основа модульных сеток.Позиционирование элементов на странице.
- Модульные сетки в адаптивном дизайне. Модульные сетки и лендинг на примере лендинга в Тильде.
- Векторная графика, создание иконок и экспорт файлов.
- Использование цвета.
- Ввод данных пользователем, богатство состояний Input Field компонентов.Async режим передачи данных. Проработка Async событий в прототипе.
- Обработка ошибок и нестандартных ситуаций. Edge or Corner cases, Zero state.
- Визуализация данных и карты.
- Итоги UI блока. Разбор результатов.
12 занятий, 36 академических часа
Блок 2: UX Дизайн
- Краткий обзор курса.Распределение ролей в команде.
- Пользователи и персоны: от классики до Jobs to be done (JTBD). Проработка вариантов персон.
- Отличительные особенности цифровых сервисов. Цели персон.
- Активности пользователей. Карты путешествия пользователей (CJM).
- Подготовка и проведение интервью.
- Разбор результатов интервью. Редактирование CJM на основе опыта полученного на интервью.
- Создание простейшего прототипа. От CJM к проектированию интерфейса: User Flow, Job To Be Done, User stories.
- Обзор компонентов интерфейсов современных приложений. User Stories.
- MVP/Lean методологии: работа в ситуации неопределённости.
- Создание сценария юзабилити тестирования.
- Что такое хороший дизайн. Культура принятия решений.
- Итоги UX блока. Разбор результатов.
12 занятий, 36 академических часа
Блок 3: UX/UI Дизайн
- Создание презентаций (Google Slides,Keynote).
- Keyframe GUI. Анимация, цели анимации.
- Создание промо-материалов: экраны приложений для магазинов, баннеры.
- Сессии юзабилити тестирований.
- Презентация проекта.
- Работа с критикой. Как реагировать на замечания.
- Итоги UX/UI блока. Разбор результатов.
8 занятий, 24 академических часа
Блок 4: Product Design
- Продуктовый дизайн.Ситуация на рынке цифровых продуктов и сервисов.
- Дополнительные каналы взаимодействия: email, chat, messengers.Intercom, Livechat. Особенности верстки email. Kickofflabs, Mailchim.
- Бизнес Фреймворки. Business Model Canvas. Другие способы валидации продуктовых идей.
- Статистика в продуктовом дизайне, маркетинге. Юнит-экономика.
- Html/js блок. Xcode.
- Презентация проекта.
- Подготовка портфолио и резюме.
8 занятий, 24 академических часа.
Курс «UI UX обучение » — requestdesign
https://requestdesign.ru/obuchenie-ui-ux-dizajnu/ Стоимость: 8 000 ₽ — 80 000 ₽
Для кого:
- Если вы хотите создавать волшебный дизайн, а не рядовые макеты в конвейерном формате
- Если у вас крепкие амбиции
- Если вы свободны от предрассудков и стереотипного мышления
- Если вам не дает покоя жажда к прекрасному
- Junior и Middle дизайнерам.
Что входит в программу?
- Все интрументы Tilda и Photoshop
- Ретушь и обработка фотографий
- Создание бренда
- Создание бренд-бука
- Навигация сайта
- Создание концепции
- Архитектура сайта
- Выбор стиля для сайта
- Юзабилити
- Сетка + композиция
- Адаптивный дизайн
- Формирование контента
- Прототипирование
- Обзор мобильных приложений
- Структура мобильного приложения
- Создание дизайна
- Прототипирование приложения
- Презентация проекта.
Курс «UI/UX онлайн» — Компьютерная Академия ШАГ
https://ru.itstep.org/ui-ux-design Стоимость: от 5 780 ₽ / мес
Учебная программа “UI/UX дизайн” создана для тех, кто хочет научиться дизайну веб-сайтов, разработке веб-интерфейсов, клиентских и мобильных приложений. По окончании курса вы сумеете находить баланс между желаниями заказчика и пользователя, освоите принципы разработки дизайна продающих сайтов.
Программа обучения
В основе программы лежат реальные требования IT-рынка.
- Введение в Web-технологии. Структура HTML
- Графика в web-дизайне. Оптимизация графики
- Гиперссылки. Принципы навигации web-сайта
- Принципы RWD. Медиазапросы
- Свойства модели CSS Grid Layout
- Первичная оптимизация сайта. Размещение сайта в сети Internet
- Основы UI/UX
- Подготовка к разработке веб-проекта
- Работа с аудиторией, виды пользователей
- Customer Journey Mapping
- Информационная архитектура, прототипирование
- Веб-дизайн
- Дизайн-системы
- Мобильные интерфейсы
- Анимация в After Effects
- Дизайн игровых интерфейсов
- UI для VR, AR
- Редизайн, гипотезы
- Особенности интерфейсов программного обеспечения
- Soft Skills.
По окончании курса вы сможете:
- Анализировать сайты с точки зрения улучшения дизайна и увеличения конверсии
- Создавать интерфейсы различных веб-приложений
- Находить баланс между желаниями заказчика и пользователя
- Освоить принципы разработки дизайна продающих сайтов
- Создать, обработать бриф и техническое задание
- Анализировать потребности и ценности аудитории
- Разрабатывать контент-стратегии
- Работать с изображениями и иллюстрациями для веб дизайна
- Создавать адаптивный дизайн, отзывчивый дизайн, концепцию Mobile First
- Работать с After Effects графикой
- Разрабатывать игровые интерфейсы, VR, VS и AR
- Составить резюме и портфолио UI/UX дизайнера.
Курс «Профессия UX UI дизайнер» — Udemy
https://www.udemy.com/course/ux-ui-designer-ru/ Стоимость: 1 790 ₽
Чему вы научитесь:
- ЧТО ТАКОЕ UX
- КАК ПРОВОДИТЬСЯ UX ИССЛЕДОВАНИЕ
- ИНСТРУМЕНТЫ ДЛЯ ИССЛЕДОВАНИЯ UX
- МЕТОД UX-ИССЛЕДОВАНИЙ: ФОКУС-ГРУППЫ
- ЧТО ТАКОЕ UX СТРАТЕГИЯ
- ГИД ПО СОЗДАНИЮ ЭФФЕКТИВНОЙ UX СТРАТЕГИИ
- 5 УРОВНЕЙ ОПЫТА ВЗАИМОДЕЙСТВИЯ
- КАК РАЗРАБОТАТЬ ПОЛЬЗОВАТЕЛЬСКОЕ ПОВЕДЕНИЕ
- ЧТО ТАКОЕ РЕКЛАМНЫЙ ИНСАЙТ И КАК ПРИДУМАТЬ ХОРОШИЙ ИНСАЙТ
- КАК НАПИСАТЬ ПОЛЬЗОВАТЕЛЬСКИЙ̆ СЦЕНАРИЙ ДЛЯ ИНТЕРФЕЙСА САЙТА ИЛИ ПРИЛОЖЕНИЯ
- КАК РАБОТАТЬ С WIRE FLOW
- A / B ТЕСТИРОВАНИЕ
- ОФОРМЛЕНИЕ UX СТРАТЕГИИ
- ОСНОВЫ UI
- ТИПЫ UI
- АНИМАЦИЯ UI ЭЛЕМЕНТОВ
- КАК АНИМИРОВАТЬ UI ИНТЕРФЕЙС
- 6 ПРАВИЛ СОЗДАНИЯ ХОРОШЕЙ АНИМАЦИИ В UI
- КАК ПОДОБРАТЬ РЕФЕРЕНСЫ ДЛЯ ДИЗАЙНА
- ЭТАПЫ СОЗДАНИЯ ИНФОГРАФИКИ
- 10 ШАГОВ ДЛЯ СОЗДАНИЯ ИДЕАЛЬНОЙ ИНФОГРАФИКИ
- РЕСУРСЫ ДЛЯ UX UI ДИЗАЙНЕРА
- ТЕКСТ В UX И UI
- ЧТО ТАКОЕ BACKEND И FRONTEND
- ПОЧЕМУ ДИЗАЙНЕР И РАЗРАБОТЧИК ДОЛЖНЫ РАБОТАТЬ ВМЕСТЕ
- КАК УБЕДИТСЯ, ЧТО КОМАНДА РАЗРАБОТКИ ПОНИМАЕТ ДИЗАЙН
- ПСИХОЛОГИЯ UX ДИЗАЙНА
- 8 UX СЕКРЕТОВ
- ЧТО НУЖНО, ЧТОБЫ БЫТЬ ВЕДУЩИМ ДИЗАЙНЕРОМ В ТОП-СТАРТАПЕ
- 5 ОСНОВНЫХ ОШИБОК СТАРТАПОВ В ДИЗАЙНЕ И КАК ИХ ИЗБЕЖАТЬ
- КАК ДИЗАЙНЕРУ СДЕЛАТЬ ПОРТФОЛИО
- КАК ПРЕЗЕНТОВАТЬ ПРОЕКТ
- КАК УСТРОИТЬСЯ В КРУПНУЮ КОМПАНИЮ
- КАК РАБОТАТЬ УДАЛЕННО ИЗ ДОМА В КРУПНОЙ КОМПАНИИ
- ТРЕНДЫ В ДИЗАЙНЕ.
СОДЕРЖАНИЕ КУРСА:
- ГЛАВА 1: UX
- ЧТО ТАКОЕ UX.
- КАК ПРОВОДИТЬСЯ UX ИССЛЕДОВАНИЕ
- ИНСТРУМЕНТЫ ДЛЯ ИССЛЕДОВАНИЯ UX
- МЕТОД UX-ИССЛЕДОВАНИЙ: ФОКУС-ГРУППЫ
- ЧТО ТАКОЕ UX СТРАТЕГИЯ
- ГИД ПО СОЗДАНИЮ ЭФФЕКТИВНОЙ UX СТРАТЕГИИ
- 5 УРОВНЕЙ ОПЫТА ВЗАИМОДЕЙСТВИЯ
- КАК РАЗРАБОТАТЬ ПОЛЬЗОВАТЕЛЬСКОЕ ПОВЕДЕНИЕ
- ЧТО ТАКОЕ РЕКЛАМНЫЙ ИНСАЙТ И КАК ПРИДУМАТЬ ХОРОШИЙ ИНСАЙТ
- КАК НАПИСАТЬ ПОЛЬЗОВАТЕЛЬСКИЙ̆ СЦЕНАРИЙ ДЛЯ ИНТЕРФЕЙСА САЙТА ИЛИ ПРИЛОЖЕНИЯ
- КАК РАБОТАТЬ С WIRE FLOW
- A / B ТЕСТИРОВАНИЕ
- ОФОРМЛЕНИЕ UX СТРАТЕГИИ
- ГЛАВА 2: UI
- ОСНОВЫ UI
- ТИПЫ UI
- АНИМАЦИЯ UI ЭЛЕМЕНТОВ
- КАК АНИМИРОВАТЬ UI ИНТЕРФЕЙС
- 6 ПРАВИЛ СОЗДАНИЯ ХОРОШЕЙ АНИМАЦИИ В UI
- КАК ПОДОБРАТЬ РЕФЕРЕНСЫ ДЛЯ ДИЗАЙНА
- ЭТАПЫ СОЗДАНИЯ ИНФОГРАФИКИ
- 10 ШАГОВ ДЛЯ СОЗДАНИЯ ИДЕАЛЬНОЙ ИНФОГРАФИКИ
- РЕСУРСЫ ДЛЯ UX UI ДИЗАЙНЕРА
- ТЕКСТ В UX И UI
- ЧТО ТАКОЕ BACKEND И FRONTEND.
- ГЛАВА 3: WORKFLOW
- ПОЧЕМУ ДИЗАЙНЕР И РАЗРАБОТЧИК ДОЛЖНЫ РАБОТАТЬ ВМЕСТЕ
- КАК УБЕДИТСЯ, ЧТО КОМАНДА РАЗРАБОТКИ ПОНИМАЕТ ДИЗАЙН
- ГЛАВА 4: ФИШКИ КРУТОГО UX ДИЗАЙНЕРА
- ПСИХОЛОГИЯ UX ДИЗАЙНА
- 8 UX СЕКРЕТОВ
- ЧТО НУЖНО, ЧТОБЫ БЫТЬ ВЕДУЩИМ ДИЗАЙНЕРОМ В ТОП-СТАРТАПЕ
- 5 ОСНОВНЫХ ОШИБОК СТАРТАПОВ В ДИЗАЙНЕ И КАК ИХ ИЗБЕЖАТЬ
- КАК ДИЗАЙНЕРУ СДЕЛАТЬ ПОРТФОЛИО
- КАК ПРЕЗЕНТОВАТЬ ПРОЕКТ
- ГЛАВА 5:
- КАК УСТРОИТЬСЯ В КРУПНУЮ КОМПАНИЮ
- КАК РАБОТАТЬ УДАЛЕННО ИЗ ДОМА В КРУПНОЙ КОМПАНИИ
- ГЛАВА 6:
- ТРЕНДЫ В ДИЗАЙНЕ
- ГЛАВА 7:
- ВЫВОД.
Курс «Специализация UI / UX Design» — Coursera
https://www.coursera.org/specializations/ui-ux-design Стоимость: бесплатно
Специализация включает несколько курсов:
- Visual Elements of User Interface Design
- UX Design Fundamentals
- Web Design: Strategy and Information Architecture
- Web Design: Wireframes to Prototypes.
Практический проект
В каждой специализации есть практический проект, который нужно успешно выполнить, чтобы завершить специализацию и получить сертификат. Если для практического проекта в специализации предусмотрен отдельный курс, прежде чем начать его, необходимо завершить все остальные курсы.
Получите сертификат
Когда вы пройдете все курсы и завершите практический проект, вы получите сертификат, которым можно поделиться с потенциальными работодателями и коллегами.
Курс «UX/UI» — Skillbox
https://live.skillbox.ru/playlists/design/ux-ui/ Стоимость: бесплатно
Вы узнаете, какие психологические приёмы должен знать каждый UX-дизайнер, из каких этапов состоит качественное UX-исследование, и познакомитесь с карьерным путём главного UX-дизайнера в Amazon.
Изучите основы UX-дизайна и создадите концепцию продающего сайта.
Видеоуроки:
- Дизайн в 2021 году: выбираем направление
- Создаём концепцию продающего сайта
- Тренды UX-дизайна
- Карьера UX-дизайнера
- Главные правила UX-дизайна
- Карьерный рост в UX-дизайне
- UX: от задач к реализации
- Польза и необходимость UX
- Секреты хорошего ux и ui
- Основы UX в разработке мобильных приложений
- Как научиться проектировать UX?
- UX-исследования: как проводить и использовать результаты
- UX-тесты: что такое и как правильно проводить?
- Психология в UX дизайне
- Что делает UX-дизайнер и почему он нужен всем?
Курс «Веб Дизайн в Figma. Основы Ui Ux дизайна на практике» — beONmax
https://beonmax.com/courses/figma-web/ Стоимость: бесплатно
Практический курс по веб дизайну для начинающих — от основ и теории до применения знаний на практике и создания работ в портфолио. Изучение редактора Figma. Веб-дизайн: атомарный дизайн, типографика, работа с цветом, создание концепта дизайна сайта и т.д. Практика создания макетов по ТЗ: этап брифа, создание прототипа, отрисовка дизайна, подготовка к вёрстке.
- В курсе есть большой модуль по работе в графическом редакторе Figma, в котором разобраны основные инструменты программы.
- Далее теория веб-дизайна: основные законы и правила, по которым работает web-дизайнер. Основные принципы создания дизайн-макетов.
Чему Вы научитесь:
- Углубленное изучение Figma — с нуля до профессионала
- Основы веб дизайна
- Создание дизайн концепций (концептов) сайтов
- Основы атомарного дизайна
- Принципы теории цвета и как составить свою палитру
- Как и где искать фото для дизайна
- Введение в типографику (искусство оформления текста)
- Основы Ui/Ux дизайна на практике
- Прототипирование
- Создание лендинга по ТЗ
- Создание интернет-магазина по ТЗ
- Исследование продукта
- Понимание целевой аудитории
- Формирование стайл гайда проекта
- Создание презентации своей работы
- План развития в профессии
- Способы заработка для веб дизайнера.
Программа:
- ВВЕДЕНИЕ — О КУРСЕ ВЕБ ДИЗАЙН В FIGMA. ОСНОВЫ UI UX ДИЗАЙНА НА ПРАКТИКЕ
- ЗНАКОМСТВО С FIGMA
- ПРАКТИКА РАБОТЫ В FIGMA
- ТЕОРИЯ ВЕБ-ДИЗАЙНА
- ПРАКТИКА. СОЗДАНИЕ ДИЗАЙН-КОНЦЕПЦИИ САЙТА (ШОТ)
- ПРАКТИКА. СОЗДАНИЕ ЛЕНДИНГА. БЮДЖЕТ 250$
- ПРАКТИКА. СОЗДАНИЕ ДИЗАЙНА ИНТЕРНЕТ- МАГАЗИНА. БЮДЖЕТ 400$
- СОЗДАНИЕ КЛИКАБЕЛЬНОГО МАКЕТА
- АДАПТИВНАЯ ВЕРСИЯ ДИЗАЙНА ИНТЕРНЕТ-МАГАЗИНА
- ОФОРМЛЕНИЕ РАБОТ В ПОРТФОЛИО
- ГДЕ И КАК НАЙТИ РАБОТУ ВЕБ ДИЗАЙНЕРА
- ИТОГИ КУРСА — ЧТО ДЕЛАТЬ ДАЛЬШЕ
- ЗАВЕРШЕНИЕ КУРСА — ПОЛУЧЕНИЕ СЕРТИФИКАТА.