WEB DESIGN

PROFESSION
и теории

НАСТЯ СОКИРКО & САША ГЛАДКИХ
Основатели и арт-директора дизайн-студии Charmer
- 32 года в дизайне на двоих
- специализируются на вебе, дизайне приложений, визуальной айдентике
- в портфолио их студии — проекты, которые ежедневно читают миллионы людей: Яндекс.Дзен, Meduza, Lenta.ru, Афиша Daily, «Цех», «Такие дела»
- а также дизайн Arzamas.academy, сайт «Парка Горького», «Гаража» и Future London Academy
- Саша Гладких входит в список 100 Most Creative Russians, а ещё, он три раза брал и отменял свой отпуск из-за переносов релиза Cyberpunk 2077
- Настя придумала образ для Медузы, вдохновившись обложкой альбома скандинавской постпанк группы, название которой никто не помнит





PROGRAM
25/01
19:00
- Роадмап курса: цели и задачи обучения
- Знакомство с группой
- История развития веб-дизайна
- Отличие веб-дизайна от бумажного дизайна
- Тренды рынка
28/01
19:00
- Типы веб-проектов
- Определение стиля сайта: анализ целей и аудитории
- Брендинг и сайт
- Обзор стилей для веб-проектов: брутализм, корпоративный минимализм etc.
Домашнее задание: собрать мудборды по нескольким стилистическим направлениям.
01/02
19:00
- Что такое информационная архитектура и навигация сайта
- Типы и уровни навигации
- Структура страницы сайта
- Как построить карту сайта
- Layouts: как сделать макет страницы с разными типами контента
Домашнее задание: построить карту сайта для музея. Если у тебя есть личный проект ты сможешь работать над ним.
04/02
19:00
- Краткая история сеток в дизайне
- Что такое сетка и зачем она нужна
- Типы сеток и примеры: по типам строения, по пластике etc.
- Для чего нужен микромодуль?
- Как строить сетку и чем руководствоваться при ее выборе
Домашнее задание: создать один макет по трем сеткам (например, анкета-профиль).
08/02
19:00
- Принципы хорошей типографики. Сочетания: контраст, иерархия, вектор
- Шрифтовая система: шрифтовой набор, роли шрифтов
- Принципы макетирования текста: по боксу, по базовой линии, смешанный подход
- Особенности типографики в вебе: hunting, алиасинг
Домашнее задание: собрать страницы 1) на одном шрифте и на одном кегле; 2) на одном шрифте и четырех кеглях; 3) на двух шрифтах.
11/02
19:00
- Интерактивность элементов
- Ховеры
- Скрытые элементы
- Адаптация макетов. Респонсив
- Как сделать mobile-версию
Домашнее задание: создать mobile-версию из макета (каталог товаров).
15/02
19:00
- Вопросы и ответы
- Основные ошибки
- Подготовка к проекту: лендинг. Делимся на группы по 10 человек: группа №1 — лендинг для фестиваля, №2 — лендинг для книги, №3 — лендинг для сервиса, №4 — лендинг для гаджета.
18/02
19:00
- Работа с т/з клиента
- Исследование ниши и постановка задачи
- Типы и виды лендингов
- Структура лендинга
- Поиск референсов и стилистического решения
- Дизайн лендинга
Домашнее задание: зашейдить и отрендерить отдельные объекты из иллюстрации.
27/02
10:00
Разбор работ студентов группы №1.
27/02
14:00
Разбор работ студентов группы №2.
28/02
10:00
Разбор работ студентов группы №3.
28/02
14:00
Разбор работ студентов группы №4.
04/03
19:00
Встречаемся с реальным клиентом для получения т/з финального проекта.
13/03
10:00
13/03
12:00
13/03
14:00
ПOСЛЕ
KУРCA
PAБОТЫ ЛЕКТОРОВ
ДЛЯ
КОГО
Мы свяжемся и уточним, подходит ли тебе курс и сколько он стоит.