Курс «UX/UI дизайнер: Старт (Сайты)»

Актуальная программа курса (5 модулей, по данным школы)

1. 1 неделя Опционально Основы Figma В этом модуле Компоненты и автолейауты UI-Kit: Система дизайна Узнать подробнее Результат Навык продвинутой работы с Figma (автолейауты, компоненты, варианты, UI-kit) Основы Figma Первые этапы погружения в дизайн Теория О профессии UX/UI дизайнера Вы узнаете, что такое элементы интерфейса и почему важно не нарушать их привычное поведение на сайте. Изучите такие ключевые элементы, как кнопка, ссылка, текстовое поле и пагинация; их функции и правила рисования. Мы разберемся в основных функциональных блоках сайта и их предназначении. В заключение вы будете знать все основные элементы сайта и закрепите свои знания на практике. Психология пользователя В этом уроке вы узнаете, что все люди обладают плюс-минус одинаковыми поведенческими паттернами восприятия информации. Развитие насмотренности Вы узнаете, на каких сайтах искать вдохновение, а также познакомитесь с алгоритмом поиска самых лучших референсов. Элементы интерфейса/Компоненты сайта Вы узнаете, что такое элементы интерфейса и почему важно не нарушать их привычное поведение на сайте. Теория Элементы интерфейса/Компоненты сайта Типы страниц В этом уроке вы изучите основные типы страниц сайта. Логика интерфейса Вы познакомитесь с понятием «информационный запах» и узнаете, как он определяет принципы работы навигации. Принципы навигации Вы узнаете основные принципы создания качественной навигации и поймете, что лежит в ее основе. Теория+Практика Продвинутая работа с FIGMA [1 неделя] Интерфейс Figma и основные инструменты Вы познакомитесь с интерфейсом Figma, изучите все инструменты данной программы и узнаете как вести совместную работу в файле. Проектирование интерфейса: инструменты и их параметры В этом уроке вы изучите основные инструменты программы, которые необходимы для работы. Работа с фреймом (Frame) Вы узнаете как работать в области Frame, освоите основные действия и попрактикуетесь в создании макета. Сетка и направляющие В этом уроке вы узнаете для чего они применяются в дизайне, а также освоите два способа построения сетки в макете. Shapes и их параметры В этом уроке вы получите представление о том, какие формы используются в дизайне и научитесь работать с их параметрами. Работа с изображениями В этом уроке вы научитесь работать с изображениями и размещать их в различные формы, а также разберетесь с параметрами изображений, которые можно настраивать в рамках работы в Figma. Обводка, эффекты и экспорт В этом уроке вы научитесь работать с обводкой и эффектами, а также мы разберем как правильно применять их в дизайне. Текст и параметры В этом уроке мы подробно рассмотрим инструмент text и разберем параметры, которые необходимо настраивать при работе с макетом. Стили в Figma В этом уроке вы получите представление о том, что такое стиль, как с ними работать и для чего они нужны. Auto layouts («Автолейауты») В этом уроке вы научитесь работать с автолейаутами, узнаете как правильно их настраивать и применять в работе. Components («Компоненты») В этом уроке вы научитесь работать с компонентами, узнаете как правильно их настраивать и применять в работе. Variants («Варианты») В этом уроке вы научитесь работать с вариантами, узнаете как правильно их настраивать и применять в работе. Адаптивность макетов и компонентов В этом уроке вы научитесь создавать адаптивные версии макетов и элементов. Познакомитесь с такими параметрами как Constraints и Resizing. Prototype («Прототипирование в Figma») В этом уроке вы научитесь создавать интерактивные прототипы в Figma, настраивать параметры анимации и связывать страницы между собой для эффектной презентации дизайна заказчику.
2. 2 неделя Опционально Сетки • Композиция • Теория цвета В этом модуле Визуальные основы: Композиция, типографика, цвет Практика: Базовый стиль и применение Узнать подробнее Результат Умение строить визуально грамотные интерфейсы: сетки, композиция, типографика и работа с цветом Сетки • Композиция • Теория цвета Основы визуальной гармонии и композиции Теория Визуальный дизайн [1 неделя] В этом уроке вы получите представление о том, в чем разница между UX и UI, а также почему они неразрывно связаны между собой. Вы поймете, какие навыки и личные качества вам предстоит развивать в процессе обучения. Мы обсудим, что такое интерфейс и затронем тему классификации дизайна и сайтов. В заключение вы узнаете, какими принципами и в каком порядке важно руководствоваться в процессе проектирования. Теория Базовый стиль UPROCK В этом уроке вы узнаете, что все люди обладают плюс-минус одинаковыми поведенческими паттернами восприятия информации. Вы получите представление о том, как пользователи обрабатывают данные, изучите приемы управления их вниманием и эмоциями. Применение этих знаний позволит вам создавать удобные и интуитивно понятные интерфейсы. В рамках курса все наши решения будут основываться на психологии пользователя, что поможет вам логично обосновывать ваш дизайн. Практика Визуальный анализ Вы узнаете, на каких сайтах искать вдохновение, а также познакомитесь с алгоритмом поиска самых лучших референсов. Поймете, как развивать насмотренность с помощью простой поэтапной схемы анализа и систематизации визуальных решений. В заключении научитесь формировать и вести базу знаний. Практика Сетки и композиции Вы узнаете, что такое элементы интерфейса и почему важно не нарушать их привычное поведение на сайте. Изучите такие ключевые элементы, как кнопка, ссылка, текстовое поле и пагинация; их функции и правила рисования. Мы разберемся в основных функциональных блоках сайта и их предназначении. В заключение вы будете знать все основные элементы сайта и закрепите свои знания на практике.
3. 3-7 неделя Корпоративный сайт В этом модуле Бриф с клиентом и конкурентный анализ Многостраничная архитектура Интеграция ИИ: генерация контента Адаптивный дизайн Анимация интерфейса Оформление кейса Узнать подробнее Результат Первый проект для портфолио. Уже на этом этапе с помощью нейросетей вы сгенерируете контент для своего проекта, а также прокачаете навыки анимации интерфейсов для создания эффектного кейса в портфолио. Корпоративный сайт Создание дизайн-системы и ключевых страниц Теория+Практика Разработка дизайна Задачи сайта и общий обзор В этом уроке вы получите представление о том, такое интерфейс и затронем тему классификации дизайна и сайтов. Технологический процесс Вы узнаете последовательность этапов рабочего процесса и научитесь работать четко в его рамках . Разделы брифа для корпоративного сайта Вы узнаете, что такое бриф и научитесь заполнять его, а так же узнаете как проводить брифинг с клиентом. Рабочий Figma-файл В этом уроке вы узнаете как вести рабочий файл и его содержание. Аналитика Вы узнаете что такое конкурентный анализ и погрузитесь в аналитику сайтов. Прототип Вы изучите алгоритм создания функционального прототипа. Техническое задание Вы узнаете, что такое техническое задание и научитесь заполнять его после проведения аналитики и функционального прототипа. Практика Подготовка к созданию визуальной концепции Референсы Вы ознакомитесь как работать с референсами - визуальными примерами, которые помогут вам собрать функционально и стилистически сильный проект. Визуальная концепция Вы отрисуете минимальный набор страниц, который дает понимание о том, как будет выглядеть весь сайт. Дизайн остальных страниц Вы будете следовать тем же шагам, которые вы делали для ключевых страниц при разработке визуальной концепции и отрисуете остальные страницы сайта. Кириллическая латиница Вы узнаете о способе работы с проектами на кириллице и переведете свои страницы сайта на кириллицу. В разработку (адаптив) Вы узнаете, что такое адаптив и сделаете адаптивные версии своего сайта. Практика Оформление проекта в кейс на Behance Поиск референсов Вы узнаете на какие этапы делится работа с рефернсами и научитесь отбирать лучшие решения для своего кейса. Оформление статичных блоков На этом этапе вы познакомитесь отрисуете статичные блоки своего кейса и сделаете его превью. Анимация Вы узнаете роль анимации в кейсах, научитесь выбирать лучшие анимации и подготовите ее для своего кейса, а так же узнаете все технические требования к видео и анимации. Выгрузка кейса на Behance Вы узнаете как сделать экспорт статичных макетов кейса, а так же создадите проект на Behance. Презентация кейса в социальных сетях Вы узнаете зачем публиковать шоты в социальные сети и освоите механизм создания шотов.
4. 8-11 неделя Интернет-магазин В этом модуле Бриф с клиентом и конкурентный анализ Визуальный анализ и прототипирование Визуальная концепция: Ключевые страницы интернет-магазина Доработка: Другие страницы + Адаптивная верстка Оформление кейса Узнать подробнее Результат Второй проект для портфолио. Вы закрепите навык разработки дизайна сайтов, а также использование нейросетей для генерации текстового и медиаконтента. Интернет-магазин Юзабилити и конверсия в e-commerce Теория+Практика Разработка дизайна Задачи сайта и общий обзор В этом уроке вы получите представление о том, такое интерфейс и затронем тему классификации дизайна и сайтов. Технологический процесс Вы узнаете последовательность этапов рабочего процесса и научитесь работать четко в его рамках . Разделы брифа для корпоративного сайта Вы узнаете, что такое бриф и научитесь заполнять его, а так же узнаете как проводить брифинг с клиентом. Рабочий Figma-файл В этом уроке вы узнаете как вести рабочий файл и его содержание. Аналитика Вы узнаете что такое конкурентный анализ и погрузитесь в аналитику сайтов. Прототип Вы изучите алгоритм создания функционального прототипа. Техническое задание Вы узнаете, что такое техническое задание и научитесь заполнять его после проведения аналитики и функционального прототипа. Практика Подготовка к созданию визуальной концепции Референсы Вы ознакомитесь как работать с референсами - визуальными примерами, которые помогут вам собрать функционально и стилистически сильный проект. Визуальная концепция Вы отрисуете минимальный набор страниц, который дает понимание о том, как будет выглядеть весь сайт. Дизайн остальных страниц Вы будете следовать тем же шагам, которые вы делали для ключевых страниц при разработке визуальной концепции и отрисуете остальные страницы сайта. Кириллическая латиница Вы узнаете о способе работы с проектами на кириллице и переведете свои страницы сайта на кириллицу. В разработку (адаптив) Вы узнаете, что такое адаптив и сделаете адаптивные версии своего сайта. Практика Оформление проекта в кейс на Behance Поиск референсов Вы узнаете на какие этапы делится работа с рефернсами и научитесь отбирать лучшие решения для своего кейса. Оформление статичных блоков На этом этапе вы познакомитесь отрисуете статичные блоки своего кейса и сделаете его превью. Анимация Вы узнаете роль анимации в кейсах, научитесь выбирать лучшие анимации и подготовите ее для своего кейса, а так же узнаете все технические требования к видео и анимации. Выгрузка кейса на Behance Вы узнаете как сделать экспорт статичных макетов кейса, а так же создадите проект на Behance. Презентация кейса в социальных сетях Вы узнаете зачем публиковать шоты в социальные сети и освоите механизм создания шотов.
5. 12-15 неделя Начало карьеры В этом модуле Составление резюме и сопроводительного письма Подготовка к собеседованию Разбор тестовых заданий Начало работы Узнать подробнее Результат От первых шагов в профессии до востребованного специалиста. Реальный клиентский опыт. Лучшие выпускники получают прямые рекомендации от компаний-партнеров (агентств, стартапов, продуктовых команд). Начало карьеры Стратегия поиска и прохождения собеседований Практика Консультация по трудостройству Стратегия поиска и прохождения собеседований. Ваши вопросы по трудоустройству, тестовым заданиям, составлению резюме. Спрашивайте все, что вас интересует и в чем нужна помощь.

Сколько зарабатывают в профессии (медиана hh.ru, по 46 вакансиям)

Окупаемость: стоимость курса ≈ 1 мес зарплаты junior-специалиста.

Сравнение с похожими курсами других школ