Войти

Профессия UX / UI-дизайнер
Вы научитесь делать веб-сайты, разрабатывать удобные интерфейсы и решать проблемы пользователей. Сможете создавать впечатляющий дизайн и освоите новую профессию.
SkillBox
Стоимость: 144 000 р. / Разово

Целевая аудитория

Новичкам

Начнёте с азов и постепенно узнаете о профессии всё. Курс построен адаптивно — сложность заданий будет расти с вашим опытом.

Джуниорам

Получите актуальные знания от ведущих дизайнеров — и сможете быстро вырасти как специалист.

Дизайнерам

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

Описание курса

Длительность 12 месяцев Помощь в трудоустройстве 5 проектов в портфолио Доступ к курсу навсегда

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

Основные курсы


Веб-дизайн с нуля на Figma

Вы научитесь создавать дизайн для сайтов, лендингов, презентаций и мобильных приложений. Поймёте, как презентовать свою работу заказчику. Сделаете первую работу для портфолио.

    Введение и первый результат

    Познакомитесь с базовыми функциями Adobe Photoshop и Figma и создадите первый макет. Изучите шаблон брифа для общения с заказчиком.

    Бонус-модуль. Горячие клавиши

    Поймёте, как не ошибиться с размерами элементов макета, и изучите основные горячие клавиши, которые ускорят работу.

    Тренды, подготовка, мудборды

    Научитесь выбирать референсы, делать мудборды и презентации для клиента.

    Работа со стилями. Создание GUI

    Узнаете, каким должен быть пользовательский интерфейс, и начнёте создавать страницу сайта.

    Главная страница. Первые шаги

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

    Основы работы с графикой

    Научитесь обтравливать изображения, делать цветокоррекцию, создавать реалистичные тени, блики и рефлексы.

    Бонус-модуль. Личное позиционирование

    Узнаете, в каких сферах может развиваться дизайнер. Поймёте, как общаться с заказчиком, чтобы сотрудничество было комфортным.

    Декомпозиция

    Научитесь разбирать и воссоздавать дизайн понравившихся сайтов с помощью принципа декомпозиции. Узнаете, как создать UI-kit для клиентов и разработчиков.

    Навигация и структура

    Познакомитесь с горизонтальной, вертикальной и нестандартной навигацией. Научитесь делать разные типы меню. Поймёте, как оптимизировать информационную структуру сайта.

    Интересная подача информации

    Узнаете, как выгодно представить информацию с помощью таблиц, текстовых блоков, слайдеров, таймлайнов и других элементов интерфейса.

    Формы и кнопки

    Узнаете базовые принципы юзабилити и поймёте, как сделать удобные лид-формы, кнопки, чекбоксы и радиобаттоны.

    Адаптивность и мобильная версия

    Разберётесь, как адаптировать макет для планшета и смартфона. Изучите размеры сеток для разных версий и разработаете сет мобильных макетов.

    Цвета и настроение. Промостраница мероприятия

    Узнаете о теории базовых цветов. Научитесь работать с цветом с помощью масок, кривых, настройки слоёв и других инструментов. Сможете устранять дефекты изображений.

    Специализация и личное позиционирование

    Поймёте, как создать и продвигать личный бренд, определите свои сильные и слабые стороны. Узнаете, как привлечь клиентов.

    Концептуальный дизайн

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

    Введение в UX

    Узнаете, что такое пользовательский опыт и как его улучшить. Научитесь создавать структуру сайта с помощью ментальных карт. Поймёте разницу между UX и UI.

    Портреты пользователей и CJM

    Научитесь составлять портреты пользователей и разрабатывать Customer Journey Map. Спроектируете CJM для личного кабинета пользователя.

    Иконки

    Познакомитесь с инструментами для создания иконок. Поймёте, как выбирать форму, стиль и цвет иконок. Научитесь настраивать Adobe Illustrator для создания векторных иконок.

    Типографика PRO

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


    UX-дизайнер с нуля до PRO

    Поймёте, как делать удобные и понятные интерфейсы, опираясь на исследования. Создадите пять работ для портфолио на основе заданий от компаний: YouMeal, Сбербанк, «Домодедово», «Детский мир», «Альфа-Банк». Узнаете, как аргументировать свои решения заказчику.

      Профессия дизайнера в эпоху цифровых перемен

      Узнаете, как глобальные тренды влияют на работу UX-дизайнера. Разберётесь, чем занимаются сервисный и продуктовый дизайнер. Изучите принципы гиг-экономики и её влияние на рабочие места.

      Дизайн-мышление

      Поймёте, как формируется дизайн-мышление. Научитесь смотреть на проект глазами пользователей и тестировать свои идеи.

      UX-проектирование. Паттерны и психология пользователей

      Узнаете основные паттерны поведения пользователей. Сможете использовать эту информацию для проектирования удобных интерфейсов.

      Бонус-модуль. Удобный интерфейс

      Узнаете, как проектировать понятные и удобные интерфейсы, и познакомитесь с принципами иерархии.

      Основы юзабилити

      Научитесь использовать принципы юзабилити по Нильсену и решать проблемы пользователей. Узнаете, как применять сетку и модуль.

      Юзабилити-тестирование

      Поймёте, как проводить юзабилити-тестирование: выбирать респондентов и сценарии.

      Сервисный дизайн

      Узнаете, какие инструменты использует сервисный дизайнер. Создадите кейс по брифу для аэропорта «Домодедово».

      Формы и UX-исследования

      Узнаете, как создать удобные формы и проанализировать их юзабилити. Научитесь проводить UX-исследования и выбирать подходящие методы.

      Бонус-модуль. Кейс по сервисному дизайну

      Увидите на примере государственного проекта, как сервисный дизайн решает задачи UX и помогает привлекать аудиторию.

      Бонус-модуль. Проектирование CRM-систем

      Узнаете, как проектировать CRM-системы: выстраивать иерархию элементов и учитывать внутренние бизнес-процессы компании.

      E-commerce

      Изучите особенности проектирования в e-commerce: создадите базовый UX-сценарий и поймёте, какими должны быть каталог, поиск товаров и корзина. Научитесь использовать метрики для оценки UX-решений.

      UI или визуальная концепция

      Пройдёте все этапы разработки визуальной концепции: от создания сетки до подбора иллюстраций. Научитесь презентовать концепцию заказчику и обосновывать свои решения.

      Бонус-модуль. Дизайн-системы и паттерны

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

      Мобильный UX/UI

      Научитесь проектировать мобильные интерфейсы для Android и iOS. Поймёте, с чего начать создание приложения и как тестировать результаты. Создадите кейс для Сбербанка.

      Текст в интерфейсе

      Узнаете основные правила интерфейсных текстов и научитесь их писать так, чтобы они были понятны пользователям. Разберётесь, что такое tone of voice, и сможете передавать ценность бренда с помощью текстов.

      Бонус-модуль. Анимация элементов интерфейса

      Поймёте, как сделать «отзывчивый» дизайн, и продумаете систему анимации. Познакомитесь с инструментами для анимации макетов.

      Бонус-модуль. Проектирование для юридических лиц

      Узнаете, как проектировать интерфейсы для юридических лиц: какие есть ограничения и нюансы. Проанализируете кейс «Альфа-Банка».

      Дизайн на основе данных

      Познакомитесь с дизайном на основе данных. Научитесь работать совместно с аналитиком.

      Бонус-модуль. A/B-тесты

      Узнаете, как тестировать UX-решения с помощью A/B-тестов и использовать метрики. Познакомитесь с примерами продуктовых гипотез.

      Бонус-модуль. Работа над проектом

      Поймёте, как работают над проектами в топовых дизайн-командах «Азбуки вкуса», «Калашникова» и SimpleWine. Узнаете, как систематизировать знания студии.

      Успешная презентация

      Научитесь презентовать решения заказчикам, отвечать на вопросы и защищать свои идеи.

      Бонус-модуль. UX + Agile

      Увидите, как дизайнер интерфейсов работает по Agile. Научитесь декомпозировать задачи и оценивать промежуточные результаты.

      Карьера в UX

      Поймёте, как UX-дизайнеру расти профессионально и какую нишу он может выбрать. Узнаете, какие навыки нужно прокачивать, чтобы быть востребованным специалистом.


      Сервисный дизайн

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

        Что такое сервисный дизайн

        Познакомитесь с дизайн-мышлением и методиками, которые помогают понять и наладить бизнес-процессы.

        Роль сервисного дизайнера

        Узнаете, чем занимается сервисный дизайнер и как это связано с UX/UI.

        Виды Customer Journey Map

        Научитесь составлять Customer Journey Map и оценивать поведение пользователя на каждом этапе взаимодействия с сервисом. Сможете развить сценарный взгляд на сервисы.

        Измерения пользовательских путей

        Познакомитесь с метриками для отслеживания поведения пользователей и узнаете, как оценить их удовлетворённость услугой или продуктом. Научитесь помещать в CJM метрики входа, обратной связи, удержания и развития.

        Фиджитал-интерфейсы

        Изучите типы цифровых интерфейсов на реальных кейсах. Поймёте, как каждый из них влияет на доверие и эмоции пользователей.

        Принципы вовлечения пользователей

        Сможете сделать так, чтобы клиенты хотели пользоваться сервисом. Создадите базовый вовлекающий сценарий. Изучите разные механики вовлечения аудитории и то, как их измерять.

        Сервисные слои

        Разберётесь, что такое слои пользовательского опыта. Научитесь выстраивать отношения с пользователями в каждой точке контакта: от конверсии до формирования привычек и wow-решений.

        Механики удержания

        Узнаете, как дизайн, тексты и интерактивные элементы интерфейсов могут удерживать внимание. Изучите привычки пользователей и сможете влиять на их поведение. Познакомитесь с этикой сервисного проектировщика.

        Бонус-модуль. Мотивы перехода

        Поймёте, чем руководствуются пользователи при переходе или покупке. Рассмотрите теорию Jobs To Be Done, чтобы глубже понимать желания пользователей и делать продукты, которые им понравятся.

        Принцип MAYA

        Узнаете о популярном принципе MAYA, который помогает продавать новые продукты и привлекательно «упаковывать» старые. Научитесь находить уникальную ценность продукта и доносить её до аудитории.

        Service Design Blueprint

        Освоите инструмент Service Design Blueprint, который помогает построить и отобразить всю архитектуру бизнес-процессов в компании.

        Проектирование через противоречия

        Разберётесь, как добиться баланса между интересами пользователя и бизнеса. Научитесь находить и исправлять противоречия, выстраивать логику своего проекта.

        Employee Experience Frame

        Узнаете об особенностях создания продуктов, сервисов и решений для сотрудников. Научитесь продумывать карты пути сотрудников. Познакомитесь с кейсами и корпоративными сервисами.

        Сервисная лаборатория

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

        Инструменты развития сервисного мышления

        Научитесь смотреть на проекты как сервисный дизайнер и улучшать их. Освоите приём Reframing Method, который помогает изменить точку зрения, и сможете использовать его в общении с клиентом.


        Инструментарные курсы


        Figma 2.0

        Вы освоите онлайн-сервис Figma — сможете проектировать и анимировать в нём интерфейсы. Поймёте, как работать над проектом с командой и организовать контроль версий.

          Интерфейс Figma

          Познакомитесь с онлайн-редактором Figma и изучите его интерфейс и возможности.

          Работа с графикой

          Научитесь обрабатывать изображения и создавать фигуры. Узнаете, для чего нужны шорткаты.

          Модульные сетки и монтажные области

          Научитесь работать с фреймами, настраивать сетки и направляющие. Поймёте, как работать с текстом и смартгайдами.

          Настройка компонентов и работа с эффектами

          Разберётесь, как использовать встроенные эффекты Figma и настраивать компоненты.

          Создание вложенных компонентов. Auto Layout

          Узнаете, как автоматически выравнивать элементы макета с помощью функции Auto Layout и быстро задавать им общий стиль.

          Командная работа, контроль версий и передача макета в разработку

          Научитесь организовывать контроль версий и командный доступ к проекту.

          Прототипирование

          Научитесь создавать большие дизайн-системы с помощью прототипирования. Поймёте, как закладывать функциональность, создавать ссылки и оценивать удобство сценариев на карте сайта.

          Анимация макетов

          Научитесь анимировать интерфейсы и сможете на этапе проекта показать заказчику, как всё должно работать.

          Бонус-модуль. Figma plugins

          Узнаете, как можно ускорить и автоматизировать рабочие процессы с помощью плагинов Figma.


          Анимация в Digital

          Вы научитесь превращать статичные макеты в динамичные баннеры и интерфейсы. Сможете создавать трендовые анимации в After Effects и Cinema 4D, прокачаться в motion-дизайне и больше зарабатывать.

            Контент в Digital

            Познакомитесь с типами современного digital-контента и программами Redshift и Cinema 4D. Научитесь базовому моделированию и рендерингу, сделаете мокап.

            Анимация иконок

            Изучите типы анимаций. Сможете делать векторные и растровые макеты, анимируете несколько иконок.

            Анимационные иллюстрации

            Научитесь создавать эффектные иллюстрации и компилировать код для размещения работы на сайте или в приложении.

            Бэкграунды

            Нарисуете скетчи для фона, смоделируете и анимируете бэкграунды в Cinema 4D, оптимизируете качество и размер выходного файла.

            Создание анимационного шаблона для Instagram

            Сможете создавать универсальные шаблоны для постов в Instagram: отрисуете их в Photoshop, экспортируете в After Effects, анимируете и добавите звуковые эффекты.

            Анимация тканей. Создание цифровой афиши в AR

            Подготовите скетч плаката, анимируете его в 3D и превратите в AR-постер.

            Анимированные графики и инженерная анимация

            Создадите анимацию графиков для презентации Airbus А380, озвучите ролик с помощью аудиоэффектов и сделаете инфографику с характеристиками гоночного болида F1.

            Анимация кейса для Behance

            Подготовите макет для 2D- и 3D-анимации и сделаете кейс для Behance.

            Создание видеопрезентации. Раскадровка

            Узнаете, как создаются видеопрезентации. Нарисуете раскадровку и соберёте 3D-сцены.

            Создание видеопрезентации. Иллюстрации

            Отрисуете и анимируете иллюстрации и завершите видеопрезентацию.


            Анимация интерфейсов в Principle

            Вы научитесь делать анимацию в Principle. Сможете создавать более удобные и качественные интерфейсы, работать с видеоконтентом и оформить портфолио. Курс ведёт арт-директор «Райффайзенбанка».

              Введение

              Поймёте, для чего анимируют интерфейсы, познакомитесь с инструментами и рабочей областью Principle, создадите первую анимацию.

              Анимация и её настройки

              Узнаете, что такое изинги. Поймёте, какой должна быть хорошая анимация. Сделаете анимированные переходы в готовом прототипе.

              Скролл, драг и пейдж

              С помощью этих инструментов сделаете анимацию карточек в интерфейсе.

              Управление анимацией при помощи драйверов

              Изучите принципы работы драйверов, подготовите с их помощью анимированные сторис и лендинг.

              Кейсы компании AIC

              Проанализируете работы AIC для «Альфа Капитал», Ingrad, Рокетбанка. Разберёте сценарии и процессы создания анимации в одной из самых известных дизайн-компаний страны.

              Импорт готовой работы

              Создадите анимированный прототип или видеоролик, в котором используете все навыки, полученные на курсе.

              Итоговые проекты

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


              Photoshop с нуля

              Вы научитесь работать в Adobe Photoshop с изображениями, текстом и композицией. Освоите одну из самых востребованных программ для дизайнеров и сможете создавать профессиональные макеты, которые понравятся заказчикам.

                Введение в Photoshop

                Познакомитесь с самым популярным графическим редактором. Научитесь работать со слоями, использовать горячие клавиши и настраивать рабочую среду.

                Инструменты

                Освоите инструменты для выделения, перемещения, рисования и ретуши. Сможете настроить их под свой проект.

                Работа с файлами и изображениями

                Узнаете, в каком формате сохранять и экспортировать файлы. Поймёте, чем растровая графика отличается от вектора, и сможете избежать частых ошибок дизайнера.

                Принципы работы со слоями и масками

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

                Бонус-модуль. Выделения и маски

                Научитесь работать с масками и модификаторами выделения. Поймёте, как трансформировать выделенные объекты и внести точечные правки в макет.

                Эффекты

                Узнаете, для чего нужны эффекты и как их применять. Научитесь искать референсы, добавлять объекты на фон, пользоваться стилями, 3D-слоями и художественными эффектами.

                Продвинутые приёмы обтравки и ретуши

                Узнаете о продвинутых рабочих приёмах для создания теней, отражений и бликов. Изучите функции Quick selection, Select&Mask, Content Avare Fill и Content Avare tool.

                Принципы построения растровых изображений

                Познакомитесь с цветовыми режимами и моделями растровой графики. Научитесь пользоваться каналами и сохранять выделения.

                Бонус-модуль. Как освоить Pen tool

                Изучите инструмент Pen tool для создания и редактирования векторной графики.

                Коллажирование для создания Key-Visual

                Научитесь искать фото для коллажа, подбирать и редактировать иконки, работать с 3D-текстом, тенями, текстурами и Puppet Warp. Узнаете, что такое технический дизайн.

                Бонус-модуль. Оригинальные мемы для социальных сетей

                Научитесь быстро создавать мемы с помощью шаблонов и инструментов Photoshop. Сможете добавить постиронии в дизайн-макет и оживить презентацию.


                Бонусный курс


                UX-дизайн с Майклом Джандой

                Узнаете об американском подходе к веб-дизайну. Получите знания и вдохновение от знаменитого Майкла Джанды. Его дизайн-команда работала с Netflix, Disney, Warner Bros. и FOX, а теперь он поделится опытом с вами.

                  Дизайнер в новой цифровой эпохе

                  Узнаете, как найти своё место в быстро меняющейся digital-индустрии. Познакомитесь с американским взглядом на UX.

                  Дизайн-мышление

                  Научитесь решать бизнес-задачи с помощью творческого подхода. Поймёте, как генерировать креативные идеи и находить нестандартные решения.

                  Роль дизайнера

                  Узнаете, чем UX отличается от UI. Поймёте, какие задачи решает интерактивный и motion-дизайн.

                  Работа над UX-проектом

                  Научитесь разбивать работу над UX-проектом на этапы. Разберётесь, по каким параметрам оценивать успешность проекта и как его реализовывать.

                  Разработка стратегии и планирование UX-проектов

                  Познакомитесь с методиками, которые помогают разработать стратегию и план UX-проекта: SWOT-анализом, маркетинг-миксом и анализом конкурентов по Портеру.

                  Психология поведения пользователей

                  Узнаете, какие пользовательские привычки существуют и как учесть их в UX-проекте. Научитесь структурировать информацию с помощью последовательного и нелинейного повествования.

                  Стандартные практики дизайна юзабилити

                  Познакомитесь с лучшими американскими практиками дизайна юзабилити. Узнаете, какие стандарты юзабилити существуют в e-commerce.

                  Дизайн юзабилити: материалы для заказчика

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

                  Юзабилити-тестирование в UX-дизайне

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

                  Дизайн на основе данных

                  Узнаете, как проектировать дизайн на основе исследований, тестов, проверки гипотез и Big Data. Поймёте, как правильно интерпретировать данные и внедрять изменения в проект.

                  Визуальный дизайн

                  Научитесь превращать UX-прототип в эффектный дизайн-макет. Изучите принципы визуального дизайна.

                  Визуальный дизайн: материалы для заказчика

                  Разберётесь, какие материалы нужно согласовывать с заказчиком во время работы над UI-проектом. Поймёте, в каком виде показывать мудборды и UI-kit. Научитесь использовать режим Developer Handoff в Figma, чтобы обмениваться файлами с разработчиками.

                  Раскрытие творческого потенциала

                  Узнаете, откуда берутся идеи и как в этом помогает абстрактное мышление. Рассмотрите три стадии эволюции дизайнера.

                  Успешная презентация

                  Познакомитесь с инструментами для создания презентации. Поймёте, какие принципы и техники презентации дают лучший результат.

                  Как достичь успеха в творческой карьере

                  Научитесь ставить правильные цели, чтобы быстрее развиваться в профессии. Узнаете, как преодолеть барьеры карьерного роста.

                  Дополнительные материалы

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


                  Преподаватели

                  Сергей Попков

                  Шеф-дизайнер и основатель AIC

                  Майкл Джанда

                  UX-дизайнер

                  Лена Куликова

                  Руководитель направления продуктового и сервисного дизайна «Райффайзена»

                  Саша Вязовик

                  UX Specialist в AIC

                  Даша Прокуда

                  Ведущий UX-дизайнер Сбербанка, СSS Awwwards

                  Гриша Коченов

                  UX-визионер Agima

                  Лиза Ревзина

                  Ведущий UX-дизайнер BCG Consulting, ex QIWi, ex Сбербанк

                  Филипп Соломин

                  Руководитель студии OKTÂEDER

                  Михаил Никипелов

                  Арт-директор Distillery, преподаватель Skillbox

                  Антон Рыбаков

                  Senior UI/UX Designer в «Крок»

                  Вадим Вовк

                  Арт-директор Molinos

                  Евгений Ефанов

                  Руководитель проектов AIC

                  Александр Яковлев

                  Руководитель проектов AIC

                  Маша Фетискина

                  Ex продуктовый дизайнер Яндекса, продуктовый дизайнер в Manychat

                  Оставьте отзыв первым!