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