Стоимость обучения
Спасибо! Форма отправлена
Что-то не так. Попробуйте позже
Спасибо! Форма отправлена
Что-то не так. Попробуйте позже
Спасибо! Форма отправлена
Что-то не так. Попробуйте позже
Спасибо! Форма отправлена
Что-то не так. Попробуйте позже
● Программа обучения
Профессия «UX/UI-дизайнер с нуля»
Основы Figma
Первые этапы погружения в дизайн
Теория
О профессии UX/UI дизайнера
Вы узнаете, что такое элементы интерфейса и почему важно не нарушать их привычное поведение на сайте. Изучите такие ключевые элементы, как кнопка, ссылка, текстовое поле и пагинация; их функции и правила рисования. Мы разберемся в основных функциональных блоках сайта и их предназначении. В заключение вы будете знать все основные элементы сайта и закрепите свои знания на практике.
Психология пользователя
В этом уроке вы узнаете, что все люди обладают плюс-минус одинаковыми поведенческими паттернами восприятия информации.
Развитие насмотренности
Вы узнаете, на каких сайтах искать вдохновение, а также познакомитесь с алгоритмом поиска самых лучших референсов.
Элементы интерфейса/Компоненты сайта
Вы узнаете, что такое элементы интерфейса и почему важно не нарушать их привычное поведение на сайте.
Теория
Элементы интерфейса/Компоненты сайта
Типы страниц
В этом уроке вы изучите основные типы страниц сайта.
Логика интерфейса
Вы познакомитесь с понятием «информационный запах» и узнаете, как он определяет принципы работы навигации.
Принципы навигации
Вы узнаете основные принципы создания качественной навигации и поймете, что лежит в ее основе.
Теория+Практика
Продвинутая работа с FIGMA [1 неделя]
Интерфейс Figma и основные инструменты
Вы познакомитесь с интерфейсом Figma, изучите все инструменты данной программы и узнаете как вести совместную работу в файле.
Проектирование интерфейса: инструменты и их параметры
В этом уроке вы изучите основные инструменты программы, которые необходимы для работы.
Работа с фреймом (Frame)
Вы узнаете как работать в области Frame, освоите основные действия и попрактикуетесь в создании макета.
Сетка и направляющие
В этом уроке вы узнаете для чего они применяются в дизайне, а также освоите два способа построения сетки в макете.
Shapes и их параметры
В этом уроке вы получите представление о том, какие формы используются в дизайне и научитесь работать с их параметрами.
Работа с изображениями
В этом уроке вы научитесь работать с изображениями и размещать их в различные формы, а также разберетесь с параметрами изображений, которые можно настраивать в рамках работы в Figma.
Обводка, эффекты и экспорт
В этом уроке вы научитесь работать с обводкой и эффектами, а также мы разберем как правильно применять их в дизайне.
Текст и параметры
В этом уроке мы подробно рассмотрим инструмент text и разберем параметры, которые необходимо настраивать при работе с макетом.
Стили в Figma
В этом уроке вы получите представление о том, что такое стиль, как с ними работать и для чего они нужны.
Auto layouts («Автолейауты»)
В этом уроке вы научитесь работать с автолейаутами, узнаете как правильно их настраивать и применять в работе.
Components («Компоненты»)
В этом уроке вы научитесь работать с компонентами, узнаете как правильно их настраивать и применять в работе.
Variants («Варианты»)
В этом уроке вы научитесь работать с вариантами, узнаете как правильно их настраивать и применять в работе.
Адаптивность макетов и компонентов
В этом уроке вы научитесь создавать адаптивные версии макетов и элементов. Познакомитесь с такими параметрами как Constraints и Resizing.
Prototype («Прототипирование в Figma»)
В этом уроке вы научитесь создавать интерактивные прототипы в Figma, настраивать параметры анимации и связывать страницы между собой для эффектной презентации дизайна заказчику.
Теория
Интерфейс Figma и основные инструменты
Вы познакомитесь с интерфейсом Figma, изучите все инструменты данной программы и узнаете как вести совместную работу в файле.
Ничего не найдено
Сетки • Композиция • Теория цвета
Основы визуальной гармонии и композиции
Теория
Визуальный дизайн [1 неделя]
В этом уроке вы получите представление о том, в чем разница между UX и UI, а также почему они неразрывно связаны между собой. Вы поймете, какие навыки и личные качества вам предстоит развивать в процессе обучения. Мы обсудим, что такое интерфейс и затронем тему классификации дизайна и сайтов. В заключение вы узнаете, какими принципами и в каком порядке важно руководствоваться в процессе проектирования.
Ничего не найдено
Теория
Базовый стиль UPROCK
В этом уроке вы узнаете, что все люди обладают плюс-минус одинаковыми поведенческими паттернами восприятия информации. Вы получите представление о том, как пользователи обрабатывают данные, изучите приемы управления их вниманием и эмоциями. Применение этих знаний позволит вам создавать удобные и интуитивно понятные интерфейсы. В рамках курса все наши решения будут основываться на психологии пользователя, что поможет вам логично обосновывать ваш дизайн.
Ничего не найдено
Практика
Визуальный анализ
Вы узнаете, на каких сайтах искать вдохновение, а также познакомитесь с алгоритмом поиска самых лучших референсов. Поймете, как развивать насмотренность с помощью простой поэтапной схемы анализа и систематизации визуальных решений. В заключении научитесь формировать и вести базу знаний.
Ничего не найдено
Практика
Сетки и композиции
Вы узнаете, что такое элементы интерфейса и почему важно не нарушать их привычное поведение на сайте. Изучите такие ключевые элементы, как кнопка, ссылка, текстовое поле и пагинация; их функции и правила рисования. Мы разберемся в основных функциональных блоках сайта и их предназначении. В заключение вы будете знать все основные элементы сайта и закрепите свои знания на практике.
Ничего не найдено
Корпоративный сайт
Создание дизайн-системы и ключевых страниц
Теория+Практика
Разработка дизайна
Задачи сайта и общий обзор
В этом уроке вы получите представление о том, такое интерфейс и затронем тему классификации дизайна и сайтов.
Технологический процесс
Вы узнаете последовательность этапов рабочего процесса и научитесь работать четко в его рамках .
Разделы брифа для корпоративного сайта
Вы узнаете, что такое бриф и научитесь заполнять его, а так же узнаете как проводить брифинг с клиентом.
Рабочий Figma-файл
В этом уроке вы узнаете как вести рабочий файл и его содержание.
Аналитика
Вы узнаете что такое конкурентный анализ и погрузитесь в аналитику сайтов.
Прототип
Вы изучите алгоритм создания функционального прототипа.
Техническое задание
Вы узнаете, что такое техническое задание и научитесь заполнять его после проведения аналитики и функционального прототипа.
Практика
Подготовка к созданию визуальной концепции
Референсы
Вы ознакомитесь как работать с референсами - визуальными примерами, которые помогут вам собрать функционально и стилистически сильный проект.
Визуальная концепция
Вы отрисуете минимальный набор страниц, который дает понимание о том, как будет выглядеть весь сайт.
Дизайн остальных страниц
Вы будете следовать тем же шагам, которые вы делали для ключевых страниц при разработке визуальной концепции и отрисуете остальные страницы сайта.
Кириллическая латиница
Вы узнаете о способе работы с проектами на кириллице и переведете свои страницы сайта на кириллицу.
В разработку (адаптив)
Вы узнаете, что такое адаптив и сделаете адаптивные версии своего сайта.
Практика
Оформление проекта в кейс на Behance
Поиск референсов
Вы узнаете на какие этапы делится работа с рефернсами и научитесь отбирать лучшие решения для своего кейса.
Оформление статичных блоков
На этом этапе вы познакомитесь отрисуете статичные блоки своего кейса и сделаете его превью.
Анимация
Вы узнаете роль анимации в кейсах, научитесь выбирать лучшие анимации и подготовите ее для своего кейса, а так же узнаете все технические требования к видео и анимации.
Выгрузка кейса на Behance
Вы узнаете как сделать экспорт статичных макетов кейса, а так же создадите проект на Behance.
Презентация кейса в социальных сетях
Вы узнаете зачем публиковать шоты в социальные сети и освоите механизм создания шотов.
Интернет-магазин
Юзабилити и конверсия в e-commerce
Теория+Практика
Разработка дизайна
Задачи сайта и общий обзор
В этом уроке вы получите представление о том, такое интерфейс и затронем тему классификации дизайна и сайтов.
Технологический процесс
Вы узнаете последовательность этапов рабочего процесса и научитесь работать четко в его рамках .
Разделы брифа для корпоративного сайта
Вы узнаете, что такое бриф и научитесь заполнять его, а так же узнаете как проводить брифинг с клиентом.
Рабочий Figma-файл
В этом уроке вы узнаете как вести рабочий файл и его содержание.
Аналитика
Вы узнаете что такое конкурентный анализ и погрузитесь в аналитику сайтов.
Прототип
Вы изучите алгоритм создания функционального прототипа.
Техническое задание
Вы узнаете, что такое техническое задание и научитесь заполнять его после проведения аналитики и функционального прототипа.
Практика
Подготовка к созданию визуальной концепции
Референсы
Вы ознакомитесь как работать с референсами - визуальными примерами, которые помогут вам собрать функционально и стилистически сильный проект.
Визуальная концепция
Вы отрисуете минимальный набор страниц, который дает понимание о том, как будет выглядеть весь сайт.
Дизайн остальных страниц
Вы будете следовать тем же шагам, которые вы делали для ключевых страниц при разработке визуальной концепции и отрисуете остальные страницы сайта.
Кириллическая латиница
Вы узнаете о способе работы с проектами на кириллице и переведете свои страницы сайта на кириллицу.
В разработку (адаптив)
Вы узнаете, что такое адаптив и сделаете адаптивные версии своего сайта.
Практика
Оформление проекта в кейс на Behance
Поиск референсов
Вы узнаете на какие этапы делится работа с рефернсами и научитесь отбирать лучшие решения для своего кейса.
Оформление статичных блоков
На этом этапе вы познакомитесь отрисуете статичные блоки своего кейса и сделаете его превью.
Анимация
Вы узнаете роль анимации в кейсах, научитесь выбирать лучшие анимации и подготовите ее для своего кейса, а так же узнаете все технические требования к видео и анимации.
Выгрузка кейса на Behance
Вы узнаете как сделать экспорт статичных макетов кейса, а так же создадите проект на Behance.
Презентация кейса в социальных сетях
Вы узнаете зачем публиковать шоты в социальные сети и освоите механизм создания шотов.
Веб-приложение
Проектирование логики и интерфейсов с сложной функциональностью
Теория
Модуль 1: Аналитика и исследование (UX)
В этом уроке вы получите представление о том, в чем разница между UX и UI, а также почему они неразрывно связаны между собой.
Введение
В этом уроке вы узнаете постановке задачи, ценности сервисов, а так же о целях бизнеса и финансовых моделях.
Календарь проекта
Вы узнаете как заполнять Календарь проекта и вести свой тайминг.
Брифинг
Вы узнаете, что такое бриф, для чего он нужен и когда его заполняеть.
Анализ персон
В этом уроке вы узнаете, что такое целевая аудитория, кто такие персоны и зачем нужен анализ персон.
Практика
Модуль 2: Визуальный дизайн (UI)
Исследование аудитории
Вы познакомитесь с типами исследований, узнаете как проводить глубинное интервью и правила качественного интервью.
User Flow и Customer Journey Map
Вы узнаете, что такое User Flow и Customer Journey Map и зачем нужны эти инструменты.
Функциональный анализ
Вы узнаете, что такое функциональный анализ и узнаете его функции.
Конкурентный анализ
Вы узнаете, что такое конкурентный анализ и как лучше проанализировать конкурентов.
Jobs To Be Done
Вы узнаете суть подхода JTBD и как это применять в работе дизайнера.
Сущности
Вы узнаете, что такое сущности и их атрибуты.
Структура сервиса
Вы познакомитесь со структурой сервиса и что в нее входит.
Функциональный прототип
Вы узанете, что такое функциональны прототип и проработаете логику пользовательского пути от первого входа до получения конечного результата.
Вайрфреймы
Вы научитесь обозначать области элементов и интегрировать туда нужный текст, подписывать кнопки, навигацию, разделы.
Работа с Autolayout
Вы узнаете, что такое Autolayout и значение Autolayout для передачи в разработку.
Визуальная концепция
Вы узнаете, что такое визуальная концепция, что входит в визуальную концепцию и научитесь презентации концепции.
Компоненты
Вы узнаете, что такое компоненты в Figma и примените это на практике.
Дизайн система
Вы узнаете, что такое дизайн-система, состав дизайн-системы и для чего она нужна.
Финализация макетов
На этом шаге вы доработаете все остальные сценарии пользователя и отрисуете к ним оставшиеся экраны.
Практика
Портфолио и оформление кейса
В разделе "Оформление проекта в кейс на Behance" вы узнаете как лучше всего оформить готовый проект в кейс для своего портфолио.
Алгоритм работы и технические требования
Вы познакомитесь с интерфейсом Figma, изучите все инструменты данной программы и узнаете как вести совместную работу в файле.
Презентация Вашего проекта
Вы познакомитесь с интерфейсом Figma, изучите все инструменты данной программы и узнаете как вести совместную работу в файле.
Начало карьеры
Стратегия поиска и прохождения собеседований
Практика
Консультация по трудостройству
Стратегия поиска и прохождения собеседований.
Ваши вопросы по трудоустройству, тестовым заданиям, составлению резюме. Спрашивайте все, что вас интересует и в чем нужна помощь.
Ничего не найдено
Практика
Коммерческий проект
Реализация проекта по ТЗ реального заказчика
В этом модуле вы будете работать над своим коммерческим проектом. Это отличный шанс применить знания на практике и поработать с реальной задачей — от брифа до финальной сдачи проекта заказчику.
На протяжении всей работы вас будут сопровождать дизайнеры студии UPROCK — они помогут на каждом этапе, дадут подробную обратную связь и подскажут, как сделать проект сильнее.
Ничего не найдено
1 неделя
Опционально*
Результат
Навык продвинутой работы с Figma (автолейауты, компоненты, варианты, UI-kit)
Получить доступ к тест-драйву курса на сутки
