© SKVOT 2019
ДИЗАЙН-ПАРТНЕР — CREVV.COM

WEB DESIGN

Онлайн-курс для тех, кто хочет стартовать в вебе
Charmer Studio
 

PROFESSION

На курсе мы разберем основные принципы веб-дизайна. Научимся создавать информационную архитектуру, строить сетки и разрабатывать адаптивы так, чтобы мобайл не уступал вебу.
На протяжении 17 занятий мы будем работать над двумя проектами — лендингом и сайтом для реального клиента. В результате ты пройдешь все стадии создания веб-проектов и получишь скил, с которым хоть на фриланс, хоть в агентство.
25 ЯНВАРЯ  —  13 МАРТА
1,5
месяца
17
занятий
50+
часов практики
и теории
Teacher

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

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

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

PROGRAM

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

25/01
19:00
Знакомство
  • Роадмап курса: цели и задачи обучения
  • Знакомство с группой
  • История развития веб-дизайна
  • Отличие веб-дизайна от бумажного дизайна
  • Тренды рынка
02
Четверг

28/01
19:00
Стилеобразование
  • Типы веб-проектов
  • Определение стиля сайта: анализ целей и аудитории
  • Брендинг и сайт
  • Обзор стилей для веб-проектов: брутализм, корпоративный минимализм etc.

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

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

01/02
19:00
Информационная архитектура и макетирование
  • Что такое информационная архитектура и навигация сайта
  • Типы и уровни навигации
  • Структура страницы сайта
  • Как построить карту сайта
  • Layouts: как сделать макет страницы с разными типами контента

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

04
Четверг

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

Домашнее задание: создать один макет по трем сеткам (например, анкета-профиль).

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

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

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

06
Четверг

11/02
19:00
Интерактив и респонсив
  • Интерактивность элементов
  • Ховеры
  • Скрытые элементы
  • Адаптация макетов. Респонсив
  • Как сделать mobile-версию

Домашнее задание: создать mobile-версию из макета (каталог товаров).

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

15/02
19:00
Итоги первой части курса
  • Вопросы и ответы
  • Основные ошибки
  • Подготовка к проекту: лендинг. Делимся на группы по 10 человек: группа №1 — лендинг для фестиваля, №2 — лендинг для книги, №3 — лендинг для сервиса, №4 — лендинг для гаджета.
08
Четверг

18/02
19:00
Создание лендинга
  • Работа с т/з клиента
  • Исследование ниши и постановка задачи
  • Типы и виды лендингов
  • Структура лендинга
  • Поиск референсов и стилистического решения
  • Дизайн лендинга

Домашнее задание: зашейдить и отрендерить отдельные объекты из иллюстрации.

КАНИКУЛЫ
09
Суббота

27/02
10:00
Фидбек-сессия. Лендинг для фестиваля

Разбор работ студентов группы №1.

10
Суббота

27/02
14:00
Фидбек-сессия. Лендинг для книги

Разбор работ студентов группы №2.

11
Воскресенье

28/02
10:00
Фидбек-сессия. Лендинг для сервиса

Разбор работ студентов группы №3.

12
Воскресенье

28/02
14:00
Фидбек-сессия. Лендинга для гаджета

Разбор работ студентов группы №4.

13
Четверг

04/03
19:00
Встреча с клиентом

Встречаемся с реальным клиентом для получения т/з финального проекта.

КАНИКУЛЫ
14
Суббота

13/03
10:00
Фидбек-сессия
 
15
Суббота

13/03
12:00
Фидбек-сессия
 
16
Суббота

13/03
14:00
Фидбек-сессия
 
17


 
ВЫПУСКНОЙ
 
 

ПOСЛЕ
KУРCA

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

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

 
 
 
 
 
 
 
 
 
 
 
 
 
 

ДЛЯ
КОГО

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

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

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