Программа курса. Наука Интерфейсов
1 Основы web-дизайна
8 уроков
О курсе, как будет проходить
Цели курса и веб-дизайна
Принципы дизайна
Human–Centered Design (HCD)
Как использовать правила
Процесс работы
Инструменты
Качаем вкус

Доп уроки:


Photoshop
  • Интерфейс+настройка
  • Основные инструменты
  • Слои
Figma
  • Настройка и интерфейс
  • Основные инструменты
  • Первый интерфейс
Личная эффективность:
Построение рабочего процесса
2 Аналитика
5 уроков
Интервью с клиентом
Сбор информации
Customer Development (CusDev)
Customer Journey Map (CJM)
Сторителинг на сайте
Инфостиль
Создание текстового прототипа
Доп уроки:
Копирайтинг
Текст без воды
AIDA и компания
Photoshop
Работа с текстом
Стили текста
Figma
Работа с текстом
Стили текста
3 Визуальный язык
5 уроков

Визуальный язык
Культурный код
Мудборд / Ассоциативная доска
Изображения
Композиция
Цвет
Шрифты

Доп уроки:

Как работать с цветом. Гармонии и контрасты (6 видео уроков)
Как собрать мудборд
Качаем вкус - первое творческое доп. задание
Photoshop

Артборды
Корректирующие слои
Эффекты
Вырезание и трансформация
Figma

Фреймы
Изображения
Творческое задание
4 UX/UI
6 уроков
Что есть что (UX\UI)
Как мы мыслим
Основные элементы интерфейса
Создание UI Kit
Создание иконок
Photoshop
Создание Ui элементов
Кисти и обтравочные маски
Figma
Создание Ui элементов
Вектор и иконки
Творческое задание
5 Прототипирование. (Композиция, типографика, верстка)
15 уроков
Композиция и ее законы
Акценты в дизайне
Иерархия
Conversion Centered Design (CCD)
Сетки
Типографика
История шрифта
Виды шрифтов и как их сочетать
Идеальный абзац
Для чего нужен прототип
Где создавать
Основы верстки
HTML & CSS
Основы верстки на примере webflow
Web-инспектор в браузере
Приложения в браузере
Photoshop
Сетки и смарт-объекты
Figma
Стили и сетки
Творческое задание
6 Дизайн
7 уроков
Тайная творческая работа (1 кейсы)
Создание дизайна сайта
Подробный разбор дизайна с тренером
Photoshop
Фильтры
Коллажирование
Figma
Прототипирование
Творческое задание
7 Адаптивная верстка
5 уроков
Типы верстки
Особенности мобильной версии
Создание 5 вариантов макета под разные устройства
Photoshop
Мокапы
Презентация
Figma
Адаптивная верстка
Настройка смартфона
Творческое задание
8 Выход на рынок и работа с клиентом
3 урока
Упаковываем кейсы
Публикуем на Behance
Как общаться с клиентом
С чего начинать работу
Как оценить стоимость
Где искать клиентов
Как быстро получать заказы
Figma
Все, что не вошло в основной курс
Творческое задание
9 Дополнительные материалы

Анимация интерфейсов
ProtoPie
Principle
Mokup
4D cinema
Интерфейс
Моделирование
Деформеры
Работа со сплайнами
Физика и клонер
Свет и материал