Программа курса по веб-дизайну с 0

Старт — 29 июля

Шаг 1: Введение

Эллина Сафронова
Эллина Сафронова
1

Что вас ждёт на курсе

2

Как будут проходить обучение и домашнии задания

3

Что вы узнате по окончанию курса

Шаг 2: Анализ задачи

Эллина Сафронова
Эллина Сафронова
1

Вопросы, которые нужно задать себе и клиенту, прежде чем приступить к выполнению задачи

2

Целевая аудитория, что нужно знать о ней

3

Оценка трудозатрат

4

Защита и аргументация своего решения

Шаг 3: Отличия веб-дизайна от графического

Эллина Сафронова
Эллина Сафронова
1

Особенности вёрстки

2

Адаптация

3

Доступная анимация

Шаг 4: Акценты и правила сочетаемости в веб-дизайне

София Скоробогатова
София Скоробогатова
домашнее задание
1

Якорные объекты

Как правильно расставлять акценты в веб-дизайне на примерах

2

Визуализация контента

Правильный подбор картинок, почему нельзя использовать слишком распространённые на Shutterstock фотографии. Взаимосвязь текста и иллюстрации.

3

Шрифтовые пары

Как правильно подобрать шрифт для макета. Как сочетать шрифты между собой. Сколько начертаний шрифтов можно использовать

Шаг 5: Что нужно знать начинающему веб-дизайнеру

Юлия Козловская
Юлия Козловская
1

Правило внутреннего и внешнего 

Что это такое и как правильно применять его на практике.

2

Базовые элементы в веб-дизайне

Из чего состоит веб-страница.

3

Модульная сетка

Для чего она нужна и как ей пользоваться.

Шаг 6: Выключка и ритмичность макета

София Скоробогатова
София Скоробогатова
домашнее задание
1

Выключка

По левому флангу, по центру, по правому флангу и по ширине.

2

Ритмичность

Как сделать свой макет нескучным. Основные и вспомогательные иллюстрации

Шаг 7: Иллюстрация

Константин Юрченко
Константин Юрченко
домашнее задание
1

 Идея

О нашем мозге и о том, что он не любит думать

Как можно обойти стандартные нейронные связи

Упражнения и таблица  для тренировки нестандартного мышления

Как можно дорабатывать идеи и усиливать их свойства

2

Композиция

Правила композиции

Использование и результат

Когда можно нарушать правила

Как создавать направление иллюстрации

3

Колористика

Работа с цветом

Влияние освещения

Цвет как инструмент иллюстратора

4

Применение

Современные тенденции

Применение иллюстраций в веб-дизайне

Применение в графическом дизайне

Крутые иллюстраторы и те, с кого можно брать пример

Шаг 8: Анимация

София Скоробогатова
София Скоробогатова
1

Для чего это нужно и как это работает

2

С чего начать

Что нужно знать для создания анимированного ролика.

3

Включаем воображение и анимируем иллюстрации в After Effects

Фотошоп не лучшее средство для создания анимации, учимся пользоваться After Effects.

Шаг 9: Email-рассылки: особенности и специфика

Юлия Козловская
Юлия Козловская
домашнее задание
1

Особенности и ограничения в email-рассылках

2

Стандартные шрифты: какие можно использовать, какие нет и почему. Градиенты и прочие тонкости

3

Динамический контент: какой он бывает и что нужно знать об этом

4

Подготовка макетов под ретина-дисплеи

5

AMP уже реальность

Шаг 10: Landin Page. Принципы создания

Эллина Сафронова
Эллина Сафронова
домашнее задание
1

Понимание принципов создания

2

Этапы создания лендинга

3

Структура лендинга

4

Принципы дизайна

5

Увеличение эффективности

Шаг 11: Твоё первое портфолио на Behance

Эллина Сафронова
Эллина Сафронова
1

Behance vs Dribbble: что выбрать

2

Зачем дизайнеру портфолио на портале

3

Как отобрать лучшие работы

4

Обложка для проекта

5

Оформление кейса

6

Цепляющие картинки и предыстория кейса

7

Настройки проекта

8

Как попасть в курируемые галереи и заработать шильдик Featured