Авторский курс
Дизайнер интерфейсов
с нуля до Pro
Дизайнер интерфейсов
с нуля до Pro
Поделюсь опытом и знаниями, чтобы вы стали
профессиональным дизайнером интерфейсов
профессиональным дизайнером интерфейсов
Чему вы научитесь на этом курсе?
Обучаю студентов
Преподаю курс по дизайну интерфейсов в Государственном Университете «Дубна».
Во время занятий идёт активное освоение знаний:
Мечтаешь стать специалистом в IT и разрабатывать решения, которые помогут миллионам пользователей? Готов сделать первый шаг к профессии будущего и создавать инновационные продукты для глобальной аудитории? Стремишься освоить современную профессию и работать над проектами, которые изменят мир?
Присоединяйся!
Во время занятий идёт активное освоение знаний:
- разбираем последние тренды в UX/UI-дизайне,
- учимся думать как пользователи и понимать их потребности,
- осваиваем инструменты прототипирования и тестирования,
- создаем собственные проекты.
Мечтаешь стать специалистом в IT и разрабатывать решения, которые помогут миллионам пользователей? Готов сделать первый шаг к профессии будущего и создавать инновационные продукты для глобальной аудитории? Стремишься освоить современную профессию и работать над проектами, которые изменят мир?
Присоединяйся!
Программа курса
Вы изучите базовую теорию и приобретете навыки дизайнера интерфейсов.
После каждого занятия необходимо выполнять домашнее задание для того, чтобы использовать все полученные знания на практике. Все домашние задания я буду проверять и давать вам обратную связь.
Программа рассчитана на 32 занятия/16 недель/4 месяца.
После каждого занятия необходимо выполнять домашнее задание для того, чтобы использовать все полученные знания на практике. Все домашние задания я буду проверять и давать вам обратную связь.
Программа рассчитана на 32 занятия/16 недель/4 месяца.
Кто такие UX-дизайнер, UI-дизайнер, дизайнер продукта, в чем схожесть профессий и их различия.
Основы дизайна интерфейсов.
Usability. Принципы Mobile first. Адаптивность.
Чему Вы научитесь на этом курсе и кем сможете работать.
Уровни дизайнера интерфейсов (Джун, мидл и сеньор).
Hard skills и soft skills дизайнера интерфейсов.
Что такое насмотренность и почему это важно. Обзор Behance, Awwwards, Mobbin и Dribbble.
Основы дизайна интерфейсов.
Usability. Принципы Mobile first. Адаптивность.
Чему Вы научитесь на этом курсе и кем сможете работать.
Уровни дизайнера интерфейсов (Джун, мидл и сеньор).
Hard skills и soft skills дизайнера интерфейсов.
Что такое насмотренность и почему это важно. Обзор Behance, Awwwards, Mobbin и Dribbble.
UX-стратегия. Основные эвристики.
Когнитивные искажение и нагрузка.
Порог Доэрти, закон Фиттса, закон Хика и другие законы и правила.
Базовые UX-артефакты.
Dark-паттерны Ux и почему не стоит их использовать.
Сбор требований от заказчика. Составление брифа.
Как правильно выполнить анализ конкурентов.
Изучение и понимание метрик и гипотез.
Что такое KPI и OKR.
Правила построения гипотез. Lean Canvas, User Persona.
Пользовательские карты. Customer journey map и основы ее создания.
Методики и инструменты wireframing.
Как правильно провести ux-тестирование.
A/B тесты и как правильно их проводить.
Когнитивные искажение и нагрузка.
Порог Доэрти, закон Фиттса, закон Хика и другие законы и правила.
Базовые UX-артефакты.
Dark-паттерны Ux и почему не стоит их использовать.
Сбор требований от заказчика. Составление брифа.
Как правильно выполнить анализ конкурентов.
Изучение и понимание метрик и гипотез.
Что такое KPI и OKR.
Правила построения гипотез. Lean Canvas, User Persona.
Пользовательские карты. Customer journey map и основы ее создания.
Методики и инструменты wireframing.
Как правильно провести ux-тестирование.
A/B тесты и как правильно их проводить.
Работа с типографикой. Основные понятия. Подбор шрифтовых пар. Бесплатные шрифты.
Работа с цветом. Цветовые модели. Сочетания цветов.
Композиция. Баланс композиции. Вектор внимания.
Основные гештальт-принципы дизайна.
Иконки. Основные стили. Подбор иконок. Правила построения.
Фотографии. Цветокорреция. Кадрирование.
Работа со смыслом. Управление вниманием. Визуальный сторителлинг.
Работа с цветом. Цветовые модели. Сочетания цветов.
Композиция. Баланс композиции. Вектор внимания.
Основные гештальт-принципы дизайна.
Иконки. Основные стили. Подбор иконок. Правила построения.
Фотографии. Цветокорреция. Кадрирование.
Работа со смыслом. Управление вниманием. Визуальный сторителлинг.
Как происходит процесс создания интерфейса.
Кто участвует в этом процессе. Из кого состоит команда.
Этапы создания интерфейса:
Кто участвует в этом процессе. Из кого состоит команда.
Этапы создания интерфейса:
- Общение с заказчиком. Заполнение брифа.
- Анализ конкурентов и потребностей пользователя.
- Составление технического задания
- Референсы и мудборды.
- Пользовательский опыт, User story и user flow.
- Customer journey map. Точки контакта.
- Wireframes и прототипирование пользовательских сценариев. Usability тестирование.
- Дизайн интерфейса.
- Презентация проекта и интерактивные прототипы.
- Верстка, фреймворки, frontend разработка.
- Программирование, языки,backend разработка.
- Тестирование.
- Deploy. Развертывание сайта или публикация приложения.
Гайдлайны IOS и Material Design.
Создание макетов. Figma.
Инструменты анимации. Principle и InVision Studio.
Создание прототипов. Balsamiq и Moqups.
Обтравка фото и создание коллажей. Photoshop.
Трассировка изображений. Illustrator.
Использование нейросетей. Midjorney и ChatGPT.
Конструкторы сайтов. Tilda, Webflow, Framer.
Инструменты аналитики и метрики. Яндекс метрика и Google Analytics.
Инструменты ведения задач. Jira и Confluence.
Интерактивные доски. Miro
Мессенджеры. Slack, Discord, Skype
Создание макетов. Figma.
Инструменты анимации. Principle и InVision Studio.
Создание прототипов. Balsamiq и Moqups.
Обтравка фото и создание коллажей. Photoshop.
Трассировка изображений. Illustrator.
Использование нейросетей. Midjorney и ChatGPT.
Конструкторы сайтов. Tilda, Webflow, Framer.
Инструменты аналитики и метрики. Яндекс метрика и Google Analytics.
Инструменты ведения задач. Jira и Confluence.
Интерактивные доски. Miro
Мессенджеры. Slack, Discord, Skype
Почему основная программа - Figma и чем ее дополняют другие программы.
Знакомство сFigma. Регистрация. Ограничения.
Отличия десктопной и браузерной версии.
Как хранятся файлы. Обзор домашней страницы.
Что такое команда и ее настройки.
Почему лучше пользоваться платной версией. Отличия версий.
Как подключить образовательный аккаунт.
Обзор интерфейса и основные элементы управления.
Знакомство сFigma. Регистрация. Ограничения.
Отличия десктопной и браузерной версии.
Как хранятся файлы. Обзор домашней страницы.
Что такое команда и ее настройки.
Почему лучше пользоваться платной версией. Отличия версий.
Как подключить образовательный аккаунт.
Обзор интерфейса и основные элементы управления.
Страницы и файлы. Организация страниц. Обложки файлов. Порядок ведения проектов.
Дубликаты проектов. Как делиться проектом. Ограничения и права.
Иерархия проектов. История версий.
Учимся смотреть обновления и пользоваться Figma community.
Плагины Figma и чем они полезны в работе.
Командная работа в Figma.
Обзор FigJam. Для чего можно использовать.
Дубликаты проектов. Как делиться проектом. Ограничения и права.
Иерархия проектов. История версий.
Учимся смотреть обновления и пользоваться Figma community.
Плагины Figma и чем они полезны в работе.
Командная работа в Figma.
Обзор FigJam. Для чего можно использовать.
Основные примитивы программы. Изменение размеров, цвета, свойств. Выделение, перемещение объектов.
Позиционирование объектов, выравнивание, размеры.
Работа со слоями. Блокировка слоя, скрытие слоя. Копирование и вырезание.
Работа с текстом и шрифтами. Кегль, интерлиньяж, разрядка, отступы.
Вставка изображений. Свойства изображений. Обработка. Режимы наложения.
Эффекты. Тени и размытия.
Использование маски.
Позиционирование объектов, выравнивание, размеры.
Работа со слоями. Блокировка слоя, скрытие слоя. Копирование и вырезание.
Работа с текстом и шрифтами. Кегль, интерлиньяж, разрядка, отступы.
Вставка изображений. Свойства изображений. Обработка. Режимы наложения.
Эффекты. Тени и размытия.
Использование маски.
Группировка слоев. Работа с группой.
Правильное название слоев и групп. Почему это важно?
Понятие фреймов. Чем фрейм отличается от группы. Поведения фреймов и групп.
Модульная сетка. Как использовать и настраивать.
Отступы. Настройка шага.
Направляющие и линейки.
Constrains. Для чего используются ограничители.
Горячие клавиши Figma и почему важно их использовать.
Правильное название слоев и групп. Почему это важно?
Понятие фреймов. Чем фрейм отличается от группы. Поведения фреймов и групп.
Модульная сетка. Как использовать и настраивать.
Отступы. Настройка шага.
Направляющие и линейки.
Constrains. Для чего используются ограничители.
Горячие клавиши Figma и почему важно их использовать.
Использование стилей. Цветовые и текстовые стили. Стили эффектов и сетки.
Что такое секции и для чего они нужны.
Компоненты. Создание и применение.
Автоматическая компоновка Auto Layouts. Области применения. Для чего нужна.
Варианты. Какие свойства у вариантов. Какие бывают варианты.
Что такое секции и для чего они нужны.
Компоненты. Создание и применение.
Автоматическая компоновка Auto Layouts. Области применения. Для чего нужна.
Варианты. Какие свойства у вариантов. Какие бывают варианты.
Адаптивный дизайн и его основы.
Принципы Mobile first и их применение.
Почему важно сразу делать все версии интерфейса.
Отличия сеток для разных устройств.
Фреймворк как помощник дизайнера. Основы Bootstrap.
Какие версии нужно готовить.
Принципы Mobile first и их применение.
Почему важно сразу делать все версии интерфейса.
Отличия сеток для разных устройств.
Фреймворк как помощник дизайнера. Основы Bootstrap.
Какие версии нужно готовить.
Что такое landing page.
В чем отличия от обычного сайта. Преимущества и недостатки.
Структура. Из каких блоков состоит лендинг.
Продающие элементы лендинга. УТП.
Воронка продаж.
Лиды и конверсия.
Аналитика. Почему важно проводить тестирование?
В чем отличия от обычного сайта. Преимущества и недостатки.
Структура. Из каких блоков состоит лендинг.
Продающие элементы лендинга. УТП.
Воронка продаж.
Лиды и конверсия.
Аналитика. Почему важно проводить тестирование?
Отличия приложения от мобильной версии сайта.
Преимущества и недостатки приложений. Особенности приложений.
Схемы пользовательских сценариев.
Как правильно использовать гайдлайны.
Преимущества и недостатки приложений. Особенности приложений.
Схемы пользовательских сценариев.
Как правильно использовать гайдлайны.
Принципы атомарного дизайна.
Библиотеки стилей и компонентов.
Что такое ui-kit и почему важно его использовать в любых проектах.
Популярные дизайн-системы.
Универсальная дизайн-система как способ колоссальной экономии времени.
Публикация библиотеки.
Использование библиотеки в других проектах.
Использование сторонних библиотек.
Библиотеки стилей и компонентов.
Что такое ui-kit и почему важно его использовать в любых проектах.
Популярные дизайн-системы.
Универсальная дизайн-система как способ колоссальной экономии времени.
Публикация библиотеки.
Использование библиотеки в других проектах.
Использование сторонних библиотек.
Локальные переменные в Figma. Как их использовать и настраивать.
Что такое дизайн-токены и как их применять.
Универсальная сетка и ее применение.
Создание шаблонов.
Работа со шрифтами.
Светлая и темная тема. Автоматическое наполнение.
Что такое дизайн-токены и как их применять.
Универсальная сетка и ее применение.
Создание шаблонов.
Работа со шрифтами.
Светлая и темная тема. Автоматическое наполнение.
Основы анимации в Figma.
Основные шорткаты для прототипирования.
Триггеры и переходы.
Использование сторонних программ.
Основные шорткаты для прототипирования.
Триггеры и переходы.
Использование сторонних программ.
Что нужно отдать разработчику.
Dev mode в Figma.
Как нужно отдавать иконки в разработку.
Что нужно показать клиенту и как избежать воровства работ.
Экспорт из Figma и поинты.
Форматы графических файлов (jpeg, png, svg).
Dev mode в Figma.
Как нужно отдавать иконки в разработку.
Что нужно показать клиенту и как избежать воровства работ.
Экспорт из Figma и поинты.
Форматы графических файлов (jpeg, png, svg).
Умное копирование.Вставка с заменой, множественная вставка и копии характеристик.
Работа с фреймами.
Работа с сеткой.
Хитрости с действиями.
Работа с изображениями.
Работа с фреймами.
Работа с сеткой.
Хитрости с действиями.
Работа с изображениями.
Самые популярные дизайн-комьюнити.
Использование соцсетей.
Как создать резюме.
Как собрать портфолио дизайнера интерфейсов.
Советы по оформлению портфолио.
Использование мокапов.
Использование соцсетей.
Как создать резюме.
Как собрать портфолио дизайнера интерфейсов.
Советы по оформлению портфолио.
Использование мокапов.
Сколько работ выставлять в портфолио.
Что такое pet-проекты. Примеры и идеи.
Где разместить портфолио.
Как составлять резюме и писать сопроводительные письма.
На что смотрит HR в резюме.
Что такое фриланс и какие самые популярные биржи.
Какая работа лучше - удаленно или в офисе.
Что такое pet-проекты. Примеры и идеи.
Где разместить портфолио.
Как составлять резюме и писать сопроводительные письма.
На что смотрит HR в резюме.
Что такое фриланс и какие самые популярные биржи.
Какая работа лучше - удаленно или в офисе.
Пять кейсов в портфолио
Мы разработаем и упакуем 5 полноценных кейсов в портфолио от лендинга до мобильного приложения, которые вы разместите на Behance и будете прикреплять к своему резюме.
Работы участников
После прохождения курса вы сможете создавать современные, красивые, а главное, удобные продукты!
Стоимость курса
Занятия в группе 5-10 человек
- Групповые занятия онлайн
- Разбор заданий в комментариях
- Занятия по Вт и Пт
- Доступ к общему чату
35 000 ₽
Записаться
Индивидуальные занятия
- Индивидуальные занятия
- Разборы работ при созвоне
- Занятия в удобное время
- Доступ к общему чату
60 000 ₽
Записаться
Записаться на курс
