в образовании
На курсе вам понадобится ~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: важные нюансы
Автоматизация: вступление
Автоматизация: стили
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
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 в кейс
Александр Володкович: разбор презентации
Результат:
Поймёте, что делать адаптивные макеты — это легко, и научитесь отрисовывать все необходимые элементы/окна помимо основного макета. Научитесь упаковывать работы в портфолио: с видео, анимацией. Так, чтобы портфолио было показательным.
