Демо-доступ
Курс «Digital-дизайн» онлайн
105 модулей, 10 домашних заданий
Видео о том как строится работа на курсе и как сдавать домашние задания.
Уроки из демо-курса
01
02
03
04
Что делает дизайнер
и что такое UX и UI.
и что такое UX и UI.
Как
вдохновляться.
вдохновляться.
Работа
с типографикой.
с типографикой.
Как быстро адаптировать дизайн сайта.
Скидка на полный курс
6320 руб.
*Количество мест со скидкой ограничено. Осталось: 8 мест
9150 руб. в месяц
*
Длительность: 6 мес.
Оценка курса: 4,95
Трудоустройство
Личный ментор-наставник
5 работ в портфолио
Подходит для новичков
Старт курса: 10 августа
Учебные модули
01
02
03
04
Зона ответственности дизайнера.
Как развивать в себе дизайнера?
Как и где вдохновляться?
Процесс
создания дизайна
создания дизайна
Блок 1. Вступление
01
02
03
04
Знакомство с Figma.
Базовые инструменты.
Группы и маски.
Рисуем главную сайта-портфолио фотографа.
Блок 2. Инструмент дизайнера — программа Figma
05
06
07
08
Рисуем
внутреннюю страницу
сайта-портфолио фотографа.
внутреннюю страницу
сайта-портфолио фотографа.
Создаем интерактивный макет в Figma + используем GIF.
Стили в Figma.
Компоненты
в Figma.
в Figma.
ДЗ-1. Повторяем отрисовку макета в Figma и делаем его интерактивным.
01
02
03
04
Что такое
модульная сетка.
модульная сетка.
Как сконструировать модульную сетку.
Что такое композиция, как устроена.
Цвет, подбор цвета, теория цвета.
Блок 3. Модульная сетка и композиция
05
06
Работа с контентом.
Расположение элементов на сайте.
ДЗ-2. Повторяем урок по композиции.
Блок 4. Типографика
01
Настроение, классификация шрифта.
02
Анатомия шрифта: кёрнинг, трекинг, интерлиньяж.
03
Редактура. Дефис, тире, кавычки, висящие союзы.
04
Сервисы.
05
Верстка текста.
06
Шрифтовые пары.
07
Какие шрифты использовать.
08
Ошибки в типографике.
ДЗ-3. Повторяем урок по типографике.
ДЗ-4. Рисуем сайт-портфолио дизайнера интерьеров.
Блок 5. Брендинг
01
Что такое бренд. Составляющие бренда. Часть 1.
02
Что такое бренд. Составляющие бренда. Часть 2.
03
Брендбук. Часть 1.
04
Брендбук. Часть 2.
05
Брендбук. Часть 3.
06
Позиционирование, платформа бренда. Часть 1.
07
Позиционирование, платформа бренда. Часть 2.
08
Позиционирование, платформа бренда. Часть 3.
Рисуем логотип в Фигме.
09
Блок 6. Этапы разработки проекта
01
Исследование.
02
Структура, прототип и макет.
03
Техническое производство.
ДЗ-5. Рисуем сайт туроператора.
Блок 7. Технические особенности проектов
01
Как сайт попадает в интернет.
02
Что такое Фронтенд.
03
Что такое Бэкенд.
04
Домен и хостинг.
05
Как сдавать макет в разработку?
06
Способы реализации frontend и backend. Программисты vs Tilda.
Блок 8. UX
01
Что такое UX. Из чего состоит?
02
Информационная архитектура. Иерархия.
03
Проектирование взаимодействия.
04
Визуальный дизайн.
05
Юзабилити тестирование.
06
UX-аналитика.
07
Пользовательские сценарии.
08
Метод персоны.
09
Mind-map.
10
Прототипирование.
11
Уровни по Джеймсу Гаррету.
12
UX-паттерны.
13
UI-kit.
14
Атомарный дизайн.
15
Дизайн система. Готовые диджитал-гайдлайны.
16
Разбор ошибок в визуальном дизайне.
17
Принцип 4 вопросов. Часть 1.
18
Принцип 4 вопросов. Часть 2.
19
Принцип 4 вопросов. Часть 3.
20
Сложные детализированные прототипы.
ДЗ-6. Рисуем прототип и mind-map.
ДЗ-7. Рисуем дизайн интернет-магазина одежды.
Блок 9. Адаптивный дизайн
01
Что такое адаптивный дизайн.
02
Под какие разрешения надо рисовать и под какие делать сетку.
03
Типы верстки.
04
Адаптируем сайт портфолио. Часть 1.
05
Адаптируем сайт портфолио. Часть 2.
Блок 10. Защита проекта
01
Подготовка к защите.
02
Защита проекта перед заказчиком.
03
Cоставление сметы.
ДЗ-8. Рисуем сайт.
Блок 11. Трудоустройство
01
Фриланс и Фуллтайм.
02
Основные форматы работы дизайнеров.
03
Что хотят видеть работодатели?
04
Где искать работу веб-дизайнеру.
05
Сопроводительные письма.
06
Как проходить собеседования.
07
Успешные кейсы.
ДЗ-9. Рисуем сайт свободной тематики.
Блок 12. Анимация
01
Микро-анимация.
02
Макро-анимация.
03
Анимация первого экрана.
04
Анимация в ProtoPie.
05
Анимация в Principle.
06
Анимация в Adobe After Effects
Блок 13. Оформление портфолио
01
Оформление портфолио. Как создать кейс проекта. Из чего состоит кейс.
02
Разбор примеров кейсов студентов.
03
Как вставить свой макет в мокап.
04
Оформление кейса на Behance в Figma.
05
Как выложить свой кейс на Behance.
Создать кейс из любого ДЗ.
Блок 14. Тильда
01
Введение.
02
Базовое знакомство. Часть 1.
03
Базовое знакомство. Часть 2.
04
Zero блок. Часть 1.
05
Zero блок. Часть 2.
06
Базовая анимация.
07
Пошаговая анимация. Часть 1.
08
Пошаговая анимация. Часть 2.
09
Адаптивный дизайн и анимация. Часть 1.
10
Адаптивный дизайн и анимация. Часть 2.
11
Практика. Собираем макет. Часть 1.
12
Практика. Собираем макет. Часть 2.
13
Навигация по сайту. Якорные ссылки.
Блок 15. Фотошоп
01
Коллаж в Фотошоп.
02
Макет главной страницы в Фотошопе.