ВЕБ-ДИЗАЙН

Онлайн-курс для дизайнеров, которые хотят в веб

Charmer Studio

BASIS

На курсе мы разберем основные принципы веб-дизайна. Научимся создавать информационную архитектуру, строить сетки и разрабатывать адаптивы так, чтобы мобайл не уступал вебу.

На протяжении 14 занятий мы будем работать над двумя проектами — лендингом и сайтом для своего или тестового кейса. В результате ты пройдешь все стадии создания веб-проектов и получишь скил, с которым хоть на фриланс, хоть в агентство.

Чтобы пройти курс, тебе нужна минимальная база в дизайне.

30 ^{АВГУСТА} — 18 ^{ОКТЯБРЯ}

Записаться

НАСТЯ СОКИРКО & САША ГЛАДКИХ

Основатели и арт-директора дизайн-студии Charmer

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

PROGRAM

Понедельник

30/08
19:00

Знакомство

На вступительной лекции познакомимся с лекторами и одногруппниками. Каждый расскажет о своем опыте, покажет любые работы, которые ему/ей нравятся (постер, сайт, логотип и тд). Сделаем обзор программы и разберемся, чем будем заниматься на курсе.

Четверг

02/09
19:00

Стилеобразование

Отличия диджитал дизайна от бумажного дизайна
Характер проекта
Тренды
Инструменты стилеобразования
Look & feel

Понедельник

06/09
19:00

Информационная архитектура и макетирование

Структурирование информации
Конструкция страниц
Прототипирование

Домашнее задание: сделать прототип главной страницы сайта и собрать для него визуальный мудборд в одном из стилистических направлений.

Четверг

09/09
19:00

Сетки и макет страницы

Краткая история сеток в дизайне
Что такое сетка и зачем она нужна
Типы сеток и примеры: по типам строения, по пластике etc.
Для чего нужен микромодуль?
Как строить сетку и чем руководствоваться при ее выборе

Понедельник

13/09
19:00

Взаимодействие пользователя и среды

Интерактив
Элементы и их состояния
Консистентность повествования
Анимация
Навигация

Четверг

16/09
19:00

Дизайн-системы и адаптивность

Что такое дизайн-системы и зачем они нужны
Принцип атомарного дизайна
Структура и иерархия объектов
Респонсив и элементы
Правила хорошей адаптивности
Основные ошибки

Домашнее задание: создать один макет по трем видам сетки и перевести один из них в mobile-версию.

Понедельник

20/09
19:00

Типографика

Принципы хорошей типографики. Сочетания: контраст, иерархия, вектор
Шрифтовая система: шрифтовой набор, роли шрифтов
Принципы макетирования текста: по боксу, по базовой линии, смешанный подход
Особенности типографики в вебе: hunting, алиасинг

Домашнее задание: собрать страницы 1) на одном шрифте и на одном кегле; 2) на одном шрифте и четырех кеглях; 3) на двух шрифтах.

Четверг

23/09
19:00

Создание одностраничного сайта

Подготовка к проекту: разбираемся с домашним заданием
Исследование ниши и постановка задачи
Типы и виды одностраничных сайтов
Структура one-page сайта
Поиск референсов и стилистического решения
Дизайн one-page сайта
Визуальный сторителлинг

Домашнее задание: Разработать одностраничный сайт-историю со сложным визуальным сторителлингом, обьемным визуальным и текстовым наполнением и анимацией. Есть 4 варианта сайта на выбор: краткая биография дизайнера, история про культовый объект искусства, сказка, веб-отчет с инфографикой и статистикой. На примере одной страницы отрабатываем знания про стиль, структурирование повествования, сетку, типографику и интерактив.

КАНИКУЛЫ

Четверг

30/09
19:00

Презентация работы клиенту

Подача проекта
Как разработать презентацию проекта
Работа с т/з клиента
Получаем т/з финального проекта, разбираемся в задании вместе с лекторами и уходим создавать сайт.

Домашнее задание: Разработать многостраничный сайт для интернет-магазина, и изучаем пользовательский путь от каталога до покупки, отрабатываем работу с основными элементами интерфейса, а также брифом, структурой сайта и презентацией проекта.

Понедельник

04/10
19:00

Промежуточная консультация по финальному проекту

Четверг

07/10
19:00

Промежуточная консультация по финальному проекту

Понедельник

11/10
19:00

Презентация финальных кейсов

Четверг

14/10
19:00

Презентация финальных кейсов

Понедельник

18/10
19:00

Выпускной

Говорим про карьерные возможности и саморазвитие веб-дизайнера. Подводим итоги курса и проводим Q&A.