BASIS

На курсе мы разберем основные принципы веб-дизайна. Научимся создавать информационную архитектуру, строить сетки и разрабатывать адаптивы так, чтобы мобайл не уступал вебу.
На протяжении 14 занятий мы будем работать над двумя проектами — лендингом и сайтом для своего или тестового кейса. В результате ты пройдешь все стадии создания веб-проектов и получишь скил, с которым хоть на фриланс, хоть в агентство.
Чтобы пройти курс, тебе нужна минимальная база в дизайне.
30 АВГУСТА  —  18 ОКТЯБРЯ
Teacher

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

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

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

PROGRAM

01
Понедельник

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

02/09
19:00
Стилеобразование
  • Отличия диджитал дизайна от бумажного дизайна
  • Характер проекта
  • Тренды
  • Инструменты стилеобразования
  • Look & feel
03
Понедельник

06/09
19:00
Информационная архитектура и макетирование
  • Структурирование информации
  • Конструкция страниц
  • Прототипирование

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

04
Четверг

09/09
19:00
Сетки и макет страницы
  • Краткая история сеток в дизайне
  • Что такое сетка и зачем она нужна
  • Типы сеток и примеры: по типам строения, по пластике etc.
  • Для чего нужен микромодуль?
  • Как строить сетку и чем руководствоваться при ее выборе
05
Понедельник

13/09
19:00
Взаимодействие пользователя и среды
  • Интерактив
  • Элементы и их состояния
  • Консистентность повествования
  • Анимация
  • Навигация
06
Четверг

16/09
19:00
Дизайн-системы и адаптивность
  • Что такое дизайн-системы и зачем они нужны
  • Принцип атомарного дизайна
  • Структура и иерархия объектов
  • Респонсив и элементы
  • Правила хорошей адаптивности
  • Основные ошибки

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

07
Понедельник

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

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

08
Четверг

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

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

КАНИКУЛЫ
09
Четверг

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

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

10
Понедельник

04/10
19:00
Промежуточная консультация по финальному проекту
 
11
Четверг

07/10
19:00
Промежуточная консультация по финальному проекту
 
12
Понедельник

11/10
19:00
Презентация финальных кейсов
 
13
Четверг

14/10
19:00
Презентация финальных кейсов
 
14
Понедельник

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

ДЛЯ
КОГО

Начинающие веб-дизайнеры
Изучишь новые подходы в работе и сможешь развиваться в профессии.
Графические дизайнеры
Расширишь свои навыки и сможешь брать разноплановые проекты или перейти в сферу веб-дизайна.
Фронтенд-разработчики
Разберешься во всех процессах и сможешь самостоятельно создавать интерфейсные решения для клиентов.

PAБОТЫ ЛЕКТОРОВ

 
 
 
 
 
 
 
 
 
 
 
 
 
 

ПOСЛЕ
KУРCA

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

РАБОТЫ СТУДЕНТОВ

 
 
Сергей Чуйков
Сергей Чуйков, 2 поток
Анастасия Свеженцева
Анастасия Свеженцева, 2 поток
Андрей Воробец
Андрей Воробец, 2 поток
Люба Фомцова
Люба Фомцова, 2 поток
Маша Хазанова
Маша Хазанова, 2 поток
Оставь заявку здесь

Мы свяжемся и уточним, подходит ли тебе курс и сколько он стоит.

 
Регистрируясь и нажимая кнопку “Оставить заявку”, вы соглашаетесь с условиями договора-оферты и политикой конфиденциальности