в образовании
На курсе вам понадобится ~1,5 часа в день, чтобы изучать уроки и делать практику. Больше времени — супер, меньше — будет сложновато. Для каждого задания свой дедлайн: для небольших работ 1 неделя, для объёмных — 2 недели.
На некоторых неделях домашних работ нет, а последняя неделя — буферная. Благодаря такой системе студенты не «зашиваются» и проходят курс параллельно работе или учёбе.
Где работают наши ученики после курса? Одним ближе по духу свобода и фриланс, другим — постоянство и работа в компании. Портфолио, созданное на курсе, поможет вам и там, и там.
На фрилансе.
В компании.
34 урока
- Вступление: три основных этапа
- Иерархия. Контрасты и акценты
- Когнитивная нагрузка и визуальный шум
- Типографика: начало
- Типографика: интерлиньяж
- Типографика: выключка
- Типографика: предлоги
- Типографика: шпаргалка и стили
- Типографика: классы и сочетание
- Типографика: классы и сочетание плагины
- Разбор UI-тренировки
- Цвет: начало
- Цвет: откуда брать
- Цвет: важные моменты
- Градиент: уровень 1
- Градиент: уровень 2
- Подбор фотографий
- Подбор иллюстраций
- Авторское право
- Подбор иконок: сервисы и библиотеки
- Ассоциация в иконках и виды иконок
- Объединение: группа, фрейм, секция
- Визуал для главного экрана
- Оптическая компенсация: х,у масштаб
- Оптическая компенсация: текст, цвет
- Правило внутреннего и внешнего
- Система отступов
- Разбор UI-тренировки
- Силовые линии
- Якорные объекты
- Насмотренность: начало
- Насмотренность: сервисы
- Насмотренность: референсы для сайта
- Насмотренность: референсы для блока
Получите базу для работы над любым проектом: типографика, цвет, пространство, группировка, оптическая компенсация, композиция, референсы и вдохновение
32 урока
- Порядок в макетах
- Сетка: введение
- Сетка: десктоп и высота
- Главный экран: контраст
- Главный экран: альтернативы 1
- Главный экран: альтернативы 2
- UI-элементы: кнопки
- Настоящие тренды в веб-дизайне: часть 1
- Настоящие тренды в веб-дизайне: часть 2
- Разбор UI-тренировки
- Практически эксперименты над блоками
- А-Б тестирования и заблуждения
- Midjourney для дизайна: вступление
- Midjourney для дизайна: часть 1
- Midjourney для дизайна: часть 2
- Midjourney для дизайна: как добавить на свой сервер
- Midjourney для дизайна: параметр /describe
- Landing page: особенности
- Landing page: блоки и их назначение
- Landing page: важные нюансы
- Автоматизация: вступление
- Автоматизация: стили
- Auto Layout. База
- Auto Layout: статья
- Auto Layout: карточки товаров
- Auto Layout: форма, фильтры, вкладки
- Компоненты: начало
- Компоненты: практика, часть 1
- Компоненты: практика, часть 2
- Монотонность в макете. Как делать блоки интереснее
- Конверсия и воронка
- Разбор UI-тренировки
Научитесь дизайнить landing page, разберётесь в трендах и узнаете, как работать с визуалом в любой тематике. Перестанете бояться Auto Layout, компонентов и стилей.
37 уроков
- Эмоциональный эффект
- Что такое фриланс
- Входящие и исходящие
- Приведение профилей в порядок
- Разбор UI-тренировки
- Прозвон окружения
- МКП
- ТМ-ЯТ
- Биржи
- Отклик ошибки
- Отклик структура
- Приглашённый спикер: знакомство
- Приглашённый спикер: биржи
- Клиенты из соцсетей
- Соцпарсинг
- Сервисы специалистов
- Проявление экспертности
- Продвижение портфолио
- Брифинг клиента
- Брифинг клиента. Шаблон
- Как оценить проект
- Cколько стоит мой час
- Сколько времени займёт проект
- Разбор UI-тренировки
- Отсутствие нужды
- Сколько версий делать
- Мудборд
- Вайрфрейм
- Поэтапная работа и предоплата
- Договор
- Презентация дизайна
- Презентация дизайна: пример
- Правки в макет
- Как запрашивать отзыв
- Как отвечать на запрос цены
- Приглашённый спикер: соцсети, личный бренд
- Красная инструкция +
Узнаете, как и где брать заказы на фрилансе с минимальной конкуренцией и как отстраиваться от конкурентов. Разберём все этапы: от фриланс-бирж до работы с личным брендом в соцсетях и офлайн-нетворкинга.
32 урока
- Интернет-магазины
- Интернет-магазины: CMS
- Интернет-магазины: структура
- Важность референсов в дизайне ИМ
- Многостраничные сайты
- Прототипирование: база
- Прототипирование: scrolling, fix
- Прототипирование: overlays
- Прототипирование: while hovering while pressing
- Прототипирование: move push slide
- Прототипирование: after delay
- Прототипирование: drag
- Прототипирование: scroll to, open link
- Прототипирование: key/gamepad
- Разбор UI-тренировки
- Переменные: color, часть 1
- Переменные: color, часть 2
- Переменные: number
- Переменные: mode
- Dashboard: введение
- Дизайн dashboard: практика 1
- Дизайн dashboard: практика 2
- Дизайн dashboard: практика 3
- Дизайн dashboard: практика 4
- Прототипирование: Поведение мыши
- Smart animate примеры: часть 1
- Smart animate примеры: часть 2
- Constraints
- Variants
- Разбор UI-тренировки
- Кристина Логвина: знакомство
- Кристина Логвина: частые ошибки в типографике
Научитесь дизайнить интернет-магазины и многостраничные сайты. Научитесь работать с Variables, дизайнить дашборды и анимировать свои проекты. Узнаете, как использовать Constrains и Variants в Фигме.
35 уроков
- Теория адаптивного дизайна
- Сетка, отступы, типографика
- Практика: Desktop 1366
- Практика: Tablet 768, часть 1
- Практика: Tablet 768, часть 2
- Практика: Mobile 360, часть 1
- Практика: Mobile 360, часть 2
- Адаптивный дизайн: дополнительно
- Кристина Логвина: особенности адаптива
- Моб. приложение Figma
- Pop-up окна: важные моменты
- Pop-up окна: практика, адаптив
- Дизайн всплывашек и раскрывашек
- Дизайн страницы с 404-ой ошибкой
- Разбор UI-тренировки
- UI kit для верстальщика
- UI kit: практика, часть 1
- UI kit: практика, часть 2
- Передача макета в вёрстку
- Для чего нужна упаковка работ
- Блоки презентации и назначение. Часть 1
- Блоки презентации и назначение. Часть 2
- Загрузка кейса на Behance: технические моменты
- Загрузка кейса на Behance: часть 1
- Загрузка кейса на Behance: часть 2
- Обложка кейса на Behance
- Разбор UI-тренировки
- Работа с мокапами: обводка
- Работа с мокапами: ФШ
- Работа с мокапами: Фигма
- Как вставлять прототип из Фигмы
- Как загружать видео в кейс
- Как записывать видео с экрана в OBS
- Как загружать gif в кейс
- Александр Володкович: разбор презентации
Поймёте, что делать адаптивные макеты — это легко, и научитесь отрисовывать все необходимые элементы/окна помимо основного макета. Научитесь упаковывать работы в портфолио: с видео, анимацией. Так, чтобы портфолио было показательным.
11 уроков
- Работа с тепловыми картами и ЯМ
- Как быстро искать конкурентов
- Разбор UI-тренировки
- Как работать с Codepen
- Как копировать сайт весь в Фигму и зачем это
- Как генерировать логотипы для заказов
- Как генерировать 3D объекты без знания 3D
- Как делать плоскую графику объёмной
- Как использовать Spline для графики
- Финальное обращение от Сани
- Разбор UI-тренировки
- Секретный урок
Научитесь работать с метрикой, тепловыми картами и Codepen. Узнаете, как быстро собирать конкурентов и генерировать 3D-изображения. Последняя неделя — буферная, для доделывания работ.
Бонусный спринт открывается после сдачи всех обязательных ДЗ курса на тарифе Автопилот и Автопилот плюс. На нём студенты делают ещё одну работу, доводят до идеала и презентуют её в формате скринкаста.
