Кто такой графический дизайнер и чем он занимается?

 

Графический дизайнер — это человек, который занимается созданием визуальных образов (логотипов, символики, фирменных шрифтов и цветовой гаммы) для компаний-заказчиков. 

Что должен уметь графический дизайнер?

 

1) Работать в таких программах, как adobe photoshop, figma, sketch, adobe illustrator, adobe indesign, adobe after affects и многих других...  
  
2) Рисовать/чертить от руки.  
  
3) Всегда знать тренды современного дизайна.  
  
4) Работать с шрифтами.  
  
5) Работать с моделированием пространства.  
  
6) Прототипировать.  
  
7) Знать английский язык (очень желательно).

Сколько зарабатывают графические дизайнеры?

 

По данным статистики, российские дизайнеры зарабатывают в районе 40 000 рублей в месяц.  
  
Дизайнеры-фрилансеры могут получать от 500 (например, создание простого баннера) до нескольких десятков тысяч рублей (например, дизайн лендинга) за каждый заказ.  
  
«За бугром», конечно оплата намного выше. За 1 час работы зарубежному дизайнеру могут платить и по 35, и по 50 долларов. Поэтому очень желательно знать английский язык, иначе ты лишишься иностранных заказчиков и кучи денег.  


Как стать графическим дизайнером?

 

Поступить в университет или пройти любые онлайн-курсы по графическому дизайну из предложенного мной выше рейтинга. Устроиться на постоянную работу в офисе или начать зарабатывать на биржах фриланса. Не переставать самосовершенствоваться. Собирать портфолио, отзывы и зарабатывать больше!  
  
Также можно создать команду и открыть собственную веб-студию, как это некогда сделал Артемий Лебедев.

Где пройти обучение графическому дизайну? Какие курсы самые лучшие?

 

О самых лучших курсах читай выше. Я лично рекомендую отдавать предпочтение skillbox и «Нетологии».

Стоит ли поступать в университет, чтобы освоить графический дизайн?

 

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

Имеет ли смысл проходить бесплатные курсы?

 

Если ты только начинаешь свой путь в дизайн, то да. Почему бы нет? Для ознакомления с профессией, так сказать.

Где найти вакансии начинающему графическому дизайнеру без опыта?

 

На биржах фриланса и специализированных сайтах-агрегаторах вакансий. Вбей в поиск запрос «вакансии графический дизайнер», и ты найдёшь всё, что тебе нужно.

Блок #1. Графический дизайнер с нуля

 

— Кто такой графический дизайнер  

  

— Интерфейс Adobe Illustrator и первый баннер  

  

— Интерфейс Adobe Photoshop  

  

— Афиша  

  

🎁 Бонус-модуль. Формирование насмотренности  

  

— Создание презентации  

  

— Интерфейс Adobe InDesign и вёрстка каталога  

  

🎁 Бонус-модуль. Плакат PRO  

  

— Примеры айдентики  

  

🎁 Бонус-модуль. Логотип и фирменный стиль мини-пекарни  

  

— Айдентика мероприятия  

  

— Стилеобразующие элементы: шрифт, иллюстрация, паттерн  

  

— Презентация идей клиенту  

  

— Доработка айдентики мероприятия  

  

🎁 Бонус-модуль. Многообразие подходов. Конкурсы для дизайнеров  

  

— Гайдлайн. Минимальный набор параметров  

  

— Первый кейс и портфолио  

  

🎁 Бонус-модуль. Создание логотипа для компании Suicide  

  

🎁 Бонус-модуль. Создание фирменного стиля для суббрендов Suicide Ventures и Suicide Digital  

  

🎁 Бонус-модуль. Создание сайтов для Suicide Ventures и Suicide Digital

Блок #2. Графический дизайнер PRO

 

— Крутой брендинг. Pipeline крупного проекта  

  

— Бренд-платформа  

  

— Техническое задание. Основные моменты  

  

— Как нарисовать классный концепт  

  

🎁 Бонус-модуль. Рисуем концепт бренда  

  

— Цвет PRO  

  

— Графика и стилизация  

  

— Специальные эффекты  

  

🎁 Бонус-модуль. Дизайн лифлета с нуля до готового результата  

  

— InDesign, вёрстка крупного буклета  

  

— Визитки  

  

— Digital branding  

  

— Брендбук  

  

— Портфолио на Behance

Блок #3. Illustrator с нуля

 

— Обзор интерфейса и возможностей  

  

— Работа с основными инструментами  

  

— Работа с текстом  

  

— Дополнительные инструменты  

  

— Паттерн, символы и библиотеки  

  

— Практика. Создание логотипа, гайдбука

Блок #4. Photoshop c нуля до PRO

 

— Введение в Photoshop  

  

— Инструменты  

  

— Работа с файлами и изображениями  

  

— Принципы работы со слоями и масками  

  

— Эффекты  

  

— Принципы построения растровых изображений  

  

— Продвинутые приемы обтравки/ретуши  

  

— Практика коллажирования для создания Key Visual   

  

🎁 Бонус-модуль с Павлом Ярцом  

  

— Практика создания оригинальных мемов  

  

🎁 Бонус-модуль с Михаилом Никипеловым. Профессиональная ретушь и инструменты реставрации изображений  

  

— Photoshop PRO  

  

— Технический дизайн  

  

— Обработка изображений и коллажирование  

  

— Текст  

  

— Практическое применение Photoshop  

  

— Расширенные возможности

Блок #5. Дизайнер логотипа и фирменного стиля

 

— Брифинг клиента: теория и практика  

  

— Дизайнер айдентики — профессия будущего  

  

— Подготовка к работе: анализ и интерпретация брифа  

  

— Поиск концепции и эскизирование  

  

— Инструменты дизайнера и технические ограничения  

  

— Разработка знака   

  

— Фирменный стиль — принципы создания  

  

— Создание презентации стиля  

  

— Презентация проекта клиенту  

  

— Брендбук и гайдбук  

  

— Оформление кейса в портфолио  

  

— Юридические вопросы в дизайне  

  

— Поиск клиентов и развитие дизайнера

Блок #6. Шрифт в дизайне

 

— Введение  

  

— Какие бывают шрифты  

  

— Параметры шрифта  

  

— Как выбирать шрифт для проекта Часть 1: параметры  

  

— Знаковый состав шрифта  

  

— Как выбирать шрифт для проекта Часть 2: качество шрифта  

  

— Как выбирать шрифт для проекта Часть 3: цена шрифта  

  

— Как выбирать шрифт для проекта?   

  

— Часть 4: характер шрифта  

  

— Современные шрифтовые технологии  

  

— Микротипографика

🎁 Figma

 

— Введение в Figma. Обзор возможностей  

  

— Работа с графикой  

  

— Редактор Figma: модульные сетки и монтажные области  

  

— Создание и настройка компонентов, работа с эффектами  

  

— Создание вложенных компонентов. Auto Layout  

  

— Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку  

  

— Прототипирование  

  

— Figma Animate  

  

🎁 Бонус-модуль. Обзор и применение Figma plugins

#1. Введение в тему графического дизайна

 

— Что такое графический дизайн  

  

— История графического дизайна  

  

— Сферы применения  

  

— Базовый инструментарий дизайнера

#2. Композиция и свободное пространство

 

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

  

— Основы типографики  

  

— Роль композиции и свободного пространства в дизайнерских продуктах

#3. Рабочий процесс: дизайн рекламы

 

— Типовой рабочий сценарий  

  

— Дизайн рекламы

#4. Рабочий процесс: веб-дизайн

 

— Дизайн веб-сайтов

#5. Рабочий процесс: дизайн полиграфии

 

— Создание фирменного стиля  

  

— Разработка рекламного постера для юридической компании

#6. Рабочий процесс: дизайн упаковки

 

— Краткий экскурс в историю  

  

— Формы упаковки  

  

— Сборка эскиза

#7. Язык визуальной коммуникации

 

— Форма и образ  

  

— Семиотика в визуальной коммуникации  

  

— Стилизация как средство «языка»  

  

— Нарратив и метафоры

#8. Колористика в графическом дизайне

 

— Цвет как стилеобразующий элемент  

  

— Взаимоотношения цветов  

  

— Библиотеки цветов и цветовые модели  

  

— Психология цвета

#9. Типографика в графическом дизайне

 

— Выбор стиля  

  

— Визуальное значение стилей  

  

— Взаимодействие пространства и формы  

  

— Компоновка, логика, ритм  

  

— Контраст и иерархия  

  

— Взаимодействие шрифта и изображения  

  

— Использования модульной сетки

#10. Рабочий процесс: иллюстрация

 

— Как создавать иллюстрации для продажи на микростоках

Занятие #1. Введение в веб-дизайн

 

— Узнаешь об основных трендах веб-дизайна и задачах, которые он решает  

  

— Познакомишься с инструментом Figma  

  

— Сделаешь свою первую работу

Занятие #2. Изучаем Figma и разработку UI

 

— Разберёшься с понятием «пользовательский интерфейс» и основными инструментами для разработки грамотных и чистых интерфейсов  

  

— Научишься работать с программой Figma для решения повседневных дизайнерских задач  

  

— Узнаешь, какие элементы UI наиболее важны для создания красивых макетов сайтов

Занятие #3. Прототипирование в Adobe XD

 

— Узнаешь, как создавать скетчи (наброски сайтов) и прототипы  

  

— Научишься работать в Adobe XD

Занятие #4. Адаптивный UI/UX-дизайн

 

— Узнаешь, как разрабатывать адаптивные и мобильные версии сайтов  

  

— Начнёшь своё погружение в мир веб-разработки

Занятие #5. Большое практическое занятие

 

— Разберёшься с программой Adobe Photoshop  

  

— Выполнишь большое практическое задание для закрепления изученного материала

Занятие #6. Фриланс: как заработать на дизайне

 

— Узнаешь, как монетизировать свои знания и навыки в сфере дизайна  

  

— Научишься находить клиентов  

  

— Получишь наработанный за 10 лет опыт автора данного курса

#1. Введение в тему

 

— Что такое векторная графика  

  

— Изучение интерфейса программы, меню, палитры

#2. Создание документа

 

— Настройки, параметры  

  

— Работа с монтажными областями

#3. Вспомогательные элементы

 

— Линейки, направляющие, сетки

#4. Выделение объектов

 

— Полное и частичное выделение  

  

— Работа с примитивами  

  

— Выравнивание и порядок объектов

#5. Заливка и обводка

 

— Редактирование. Настройки  

  

— Преобразование обводки в кривые

#6. Работа с цветом

 

— Инструменты и палитры для подбора цветов

#7. Работа с цветом

 

— Редактирование цветов: насыщенность, баланс, изменение графического объекта и т. п.

#8. Работа с цветом

 

— Градиенты  

  

— Использование инструмента «Быстрая заливка»

#9. Обработка контуров

 

— Палитра «Обработка контуров»  

  

— Инструмент «Создание фигур»

#10. Практикум 1

 

— Практикум по созданию иконок

#11. Работа с текстом

 

— Основы типографики  

  

— Отличие векторного текста от растрового

#12. Работа с текстом

 

— Палитры «Символ» и «Абзац». Глифы

#13. Работа с текстом

 

— Текст в области и по контуру  

  

— Основные правила оформления текста  

  

— Перевод в кривые

#14. Практикум 2

 

— Практикум по созданию логотипа и визитной карточки

#15. Работа с объектами

 

— Трансформация объектов

#16. Работа с объектами

 

— Эффекты трансформации  

  

— Инструменты деформации

#17. Практикум 3

 

— Практикум по созданию скидочного флаера

#18. Карандаш и кисти

 

— Инструменты «Карандаш» и «Кисти». Виды кистей

#19. Создание кистей

 

— Создание новых кистей

#20. Кривые Безье

 

— Кривые Безье. Взаимодействие с Adobe InDesign

#21. Практикум 4

 

— Практикум по созданию открытки

#22. Работа со слоями

 

— Работа со слоями. Взаимодействие с Adobe Photoshop

#23. Работа с символами

 

— Создание и использование символов в работе. Панель «Символы»

#24. Узоры и орнаменты

 

— Создание и использование узоров, орнаментов, паттернов

#25. Практикум 5

 

— Практикум по созданию подарочного сертификата

#26. Практикум 5-2

 

— Практикум по созданию подарочного сертификата. Продолжение

#27. Растровая графика

 

— Работа с растровой графикой. Взаимодействие с Adobe Photoshop. Палитра «Связи»

#28. Растр в вектор

 

— Трассировка изображения. Подбор гармоничных цветов

#29. Оформление

 

— Палитра «Оформление»  

  

— Использование инструмента «Пипетка»

#30. Стили

 

— Создание стилей

#31. Прозрачность

 

— Прозрачность. Маски. Режимы наложения

#32. Растеризация

 

— Растеризация и обработка прозрачности

#33. Градиентная сетка

 

— Создание реалистических изображений с помощью инструмента «Сетчатый градиент»

#34. Практикум 6

 

— Практикум по начальной вёрстке двусторонней листовки. Создание модульной сетки

#35. Экспорт файлов

 

— Экспорт файлов. Единое цветовое пространство Adobe

#36. Виды печати

 

— Виды печати. Постобработка файла (тиснение, биговка и т. п.)

#37. Подготовка к печати

 

— Подготовка макета к печати  

  

— Финальная проверка документа

#1. Введение в тему

 

— Вводный урок. Интерфейс программы

#2. Растр против вектора

 

— Понятие пикселя. Растровая и векторная графика

#3. RGB и CMYK

 

— Цветовые модели CMYK и RGB

#4. Adobe Bridge

 

— Использование вспомогательной программы Adobe Bridge

#5. Навигация

 

— Навигация по документу. Палитры «История» и «Навигатор»

#6. Типы файлов

 

— Типы файлов, используемых в Photoshop

#7. Проект №1

 

— Начало работы над первым макетом. Введение в тему слоёв

#8. Проект №1

 

— Инструменты выделения. Работа с цветом.

#9. Проект №1

 

— Продолжение темы работы со слоями

#10. Проект №1

 

— Выделение инструментом «Волшебная палочка»

#11. Проект №1

 

— Дублирование слоя, инструмент «Лассо», «Цветовой баланс» и «Цветовой тон/Насыщенность»

#12. Проект №1

 

— Использование инструмента «Ластик»

#13. Смарт-объекты

 

— Работа со смарт-объектами. Выравнивание объектов

#14. Стили и фильтры

 

— Использование стилей слоев и фотофильтров

#15. Проект №2

 

— Обтравка объектов с помощью инструмента «Перо»

#16. Градиент

 

— Создание отражения с помощью градиента и маски слоя

#17. Проект №2

 

— Различные способы создания тени

#18. Текст

 

— Инструменты для создания и редактирования текста

#19. Текст. Продолжение

 

— Приёмы работы с текстом. Текстовые эффекты

#20. Проект №2

 

— Создание, импорт и сохранение файла в разных форматах

#21. Цветокоррекция

 

— Быстрое выделение. Обесцвечивание. Яркость/Контраст

#22. Цветокоррекция

 

— Цветокоррекция с помощью корректирующих слоёв

#23. Цветокоррекция

 

— Цветокоррекция с помощью функции «Уровни»

#24. Проект №3

 

— Цветокоррекция с помощью функции «Кривые»

#25. Цветокоррекция

 

— Цветокоррекция с помощью функции «Кривые». Продолжение

#26. Кисти

 

— Использование кистей в работе. Создание новых кистей

#27. Проект №3

 

— Создание и использование обтравочных масок

#28. Проект №4

 

— Выделение объектов при помощи цветовых каналов

#29. «Тонкая» обтравка

 

— Операция «Уточнить край». Режимы смешивания слоёв

#30. Фотомонтаж

 

— Создание фотомонтажа с помощью режимов смешивания

#31. «Пластика»

 

— Использование фильтра «Пластика»

#32. «Умная деформация»

 

— Марионеточная деформация. Инструмент «Заплатка»

#33. Стандартные фигуры

 

— Использование стандартных фигур

#34. Проект №4

 

— Палитра «Стили». Создание текстур. Завершение работы над макетом

#35. Портретная ретушь

 

— Введение в тему ретуширование фотопортретов

#36. Портретная ретушь

 

— Продолжение темы ретуширования фотопортретов

#37. Фотоэффекты

 

— Инструменты «Осветлитель», «Затемнитель» и эффекты

#38. Mock–up

 

— Создания макета обложки книги. Использование Mock–up 

#39. Actions

 

— Создание Actions и пакетная обработка фотографий

#40. Пакетная обработка фотографий

 

— Работа сразу с большим количеством изображений

#1. Основы графического дизайна

 

— Изучишь теорию цвета  

  

— Научишься работать с масштабом, текстурой и пространством в композиции

#2. Введение в типографику

 

— Изучишь терминологию, используемую в типографике для описания шрифтов  

  

— Узнаешь историю развития типографики  

  

— Создашь свой собственный плакат

#3. Введение в имиджмейкинг

 

— Научишься проводить дизайн-исследования  

  

— Составишь мини-книгу из собственных фотографий

#4. Интересные идеи из истории графического дизайна

 

— Узнаешь об истории развития графического дизайна  

  

— Научишься принимать осознанные дизайнерские решения

#5. Совершенно новый бренд

 

— Сведёшь воедино все знания, полученные во время прохождения курса, и защитишь дипломный проект

#1. Введение в тему

 

— Интерфейс программы

#2. Понятие вёрстки

 

— Ритм, модуль, композиция, гармония

#3. Создание документа

 

— Настройки документа. Режимы просмотра

#4. Вспомогательные элементы

 

— Линейки, направляющие, сетка

#5. Работа с объектами

 

— Заливка, обводка, выравнивание, трансформация

#6. Работа со страницами

 

— Создание, перемещение, ориентация

#7. Работа с текстом

 

— Структура и свойства текстового фрейма. Многоколоночная верстка

#8. Работа с текстом

 

— Варианты импорта текста  

  

— Обтекание объекта

#9. Мастер-шаблоны

 

— Создание, настройки, применение

#10. Нумерация

 

— Колонцифра, пагинация страниц

#11. Колонтитулы

 

— Колонтитулы и рубрикация

#12. Законы вёрстки

 

— Общие правила вёрстки  

  

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

#13. Практикум

 

— Практикум по созданию шаблона рекламной брошюры

#14. Изображения

 

— Работа с изображениями. Урок 1

#15. Изображения

 

— Работа с изображениями. Урок 2

#16. Работа с цветом

 

— Плашечные и триадные цвета, глобальные цвета

#17. Стили абзаца

 

— Иерархия, родительские стили

#18. Стили абзаца

 

— Отбивки, базовые линии

#19. Стили абзаца

 

— Создание маркированных списков

#20. Стили символа

 

— Создание буквиц

#21. Стили объектов

 

— Создание и сохранение эффектов

#22. Практикум

 

— Практикум по наполнению брошюры

#23. Поиск и замена

 

— Поиск и замена текста и объектов. Режим Story Editor

#24. GREP

 

— Мета-символы GREP. Поиск и замена с помощью шаблонов

#25. Подписи и сноски

 

— Подписи, сноски, плавающие колонтитулы

#26. Оглавление

 

— Создание оглавления

#27. Таблицы

 

— Работа с таблицами

#28. Подготовка к печати

 

— Подготовка макета к печати. Упаковка файла

#29. Не бумагой единой

 

— Создание электронных публикаций, книг, мультимедийных изданий

#30. Практикум

 

— Финальная вёрстка и подготовка брошюры в печать

#1. Истоки графического дизайна

 

1. Введение  

  

2. Изобретение письменности  

  

3. Изобретение книгопечатания

#2. Свободные стили конца 1800-х

 

1. Введение  

  

2. «Искусства и ремёсла»  

  

3. Модерн  

  

4. Плакат как направление в дизайне

#3. Авангард: новые представления об объектах и пространстве

 

1. Введение  

  

2. Кубизм  

  

3. Футуризм  

  

4. Дадаизм

#4. Фотомонтаж

 

1. Введение  

  

2. Конструктивизм  

  

3. Фотомонтаж

#5. Типографика

 

1. Введение  

  

2. Голландский модернизм  

  

3. Баухаус

#6. Международные стили

 

1. Введение  

  

2. Швейцарский модернизм  

  

3. Глобальная идентичность  

  

4. Постмодернизм

#1. 1918 год (урок подготовлен Юрием Гордоном, основателем студии Letterhead)

 

— Про школу дизайна Баухауз

#2. 1925 год (урок подготовлен Денисом Башевым, руководителем дизайн-студии Dilettant)

 

— Про буквы и шрифты

#3. 1930 год (урок подготовлен дизайн-группой «Линии»)

 

— Про историю возникновения шрифта Times New Roman, Мэри Куант и игру «Монополия»

#4. 1935 год (урок подготовлен Макси Шиловым, директором студии Adept)

 

— Про скандинавский дизайн

#5. 1940 год (урок подготовлен Тимом Чёрным, арт-директором студии «Ярость»)

 

— О пропаганде в 1940-1945-х годах

#6. 1945 год (урок подготовлен Стасом Аки, создателем инструмента Readymag)

 

— О принципах проектирования Ле Корбюзье

#7. 1950 год (урок подготовлен дизайн-студией «Щука»)

 

— Урок посвящён сексуальной революции, Эрнесту Дихтеру и журналу «Плейбой»

#8. 1955 год (урок подготовлен Ильёй Михайловым, дизайн-директором «Яндекса»)

 

— Про Дитера Рамса, основоположника знакового дизайна бытовой техники и электроники

#9. 1960 год (урок подготовлен дизайн-агентством ONY)

 

— Про шрифт «Гельветика», автомобиль «Порш 911», стул Вернера Пантона и манифест ответственного дизайна

#10. 1965 год (урок подготовлен Олегом Пащенко, бывшим арт-директором Студии Артемия Лебедева, ныне преподавателем школы дизайна НИУ ВШЭ)

 

— О философии Делеза и кресле-мешке «Сакко»

#11. 1970 год (урок подготовлен Александром Васиным, руководителем дизайн-студии «Гроза»)

 

— О студии «Пентаграм», капсульном доме Nakagin и дизайнере Михаиле Шварцмане

#12. 1975 год (урок подготовлен Ильёй Рудерманом, куратором курса «Шрифт и типографика» в Британской высшей школе дизайна)

 

— О наследии Герба Любалина: типографически ориентированных логотипах, шрифтах и журналах «Эрос», «Факт» и «Авангард»

#13. 1980 год (урок подготовлен Александром Гладких, руководителем дизайн-студии Charmer)

 

— О времени киберпанка, персональных компьютеров и особенно Macintosh Classic с первым графическим интерфейсом

#14. 1985 год (урок подготовлен Дмитрием Салливаном, арт-директором студии «Салливан»)

 

— О Поле Рэнде, операционной системе NEXT и машине DeLorean DMC-12 из второй части фильма «Назад в будущее»

#15. 1990 год (урок подготовлен студией Just Be Nice)

 

— О первой версии «Фотошопа», Интернете, веб-дизайне, Дэвиде Карсоне, Стефане Загмайстере, уличной моде и бренде Supreme

#16. 1995 год (урок подготовлен Артемием Лебедевым)

 

— О находках своей компании во время «первичного накопления капитала»

#17. 2000 год (урок подготовлен Алексеем Ивановским, арт-директором издания W-O-S)

 

— Про развитие технологии Web 2.0 и соцсети

#18. 2005 год (урок подготовлен дизайн-студией ESH Gruppa)

 

— О том, как стать дизайнером

#19. 2010 год (урок подготовлен студией White Russian)

 

— Про переход от сквеморфизма к флэт-дизайну

#20. 2018 год (урок подготовлен Антоном Шнайдером, основателем бюро «Сила»)

 

— Про дизайн без дизайна

#21. Урок от Дмитрия Барбанеля, руководителя «Мастерской Димы Барбанеля»

 

— Немного философии

Блок #1. Графический дизайнер с нуля

 

— О курсе. Кто такой графический дизайнер  

  

— Интерфейс Adobe Illustrator и первый баннер  

  

— Интерфейс Adobe Photoshop  

  

— Афиша. Вёрстка плаката  

  

🎁 Бонус-модуль. Формирование насмотренности  

  

— Создание презентации  

  

— Интерфейс Adobe InDesign и вёрстка каталога  

  

🎁 Бонус-модуль. Создание плаката для заказчика  

  

— Примеры айдентики  

  

🎁 Бонус-модуль. Логотип и фирменный стиль мини-пекарни  

  

— Айдентика мероприятия  

  

— Стилеобразующие элементы: шрифт, иллюстрация, паттерн  

  

— Презентация идей клиенту  

  

— Доработка айдентики мероприятия  

  

🎁 Бонус-модуль. Многообразие подходов. Конкурсы для дизайнеров  

  

— Гайдлайн. Минимальный набор параметров  

  

— Портфолио и первый кейс  

  

🎁 Бонус-модуль. Создание логотипа для компании Suicide  

  

🎁 Бонус-модуль. Создание фирменного стиля для суббрендов Suicide Ventures и Suicide Digital  

  

🎁 Бонус-модуль. Создание сайтов для Suicide Ventures и Suicide Digital

Блок #2. Графический дизайнер PRO

 

— Крутой брендинг. Pipeline крупного проекта  

  

— Бренд-платформа  

  

— Техническое задание.   

  

— Основные моменты  

  

— Как нарисовать классный концепт  

  

🎁 Бонус-модуль. Рисуем концепт бренда  

  

— Цвет PRO  

  

— Графика и стилизация  

  

— Специальные эффекты  

  

🎁 Бонус-модуль. Дизайн лифлета с нуля до готового результата  

  

— inDesign, вёрстка крупного буклета  

  

— Визитки  

  

— Digital-branding  

  

— Брендбук  

  

— Портфолио на Behance

Блок #1. Photoshop с нуля до PRO

 

— Введение в Photoshop  

  

— Инструменты  

  

— Работа с файлами и изображениями  

  

— Принципы работы со слоями и масками  

  

— Эффекты  

  

— Принципы построения растровых изображений  

  

— Продвинутые приемы обтравки/ретуши  

  

— Практика коллажирования для создания Key Visual   

  

🎁 Бонус-модуль с Павлом Ярцом  

  

— Практика создания оригинальных мемов  

  

🎁 Бонус-модуль с Михаилом Никипеловым. Профессиональная ретушь и инструменты реставрации изображений  

  

— Photoshop PRO  

  

— Технический дизайн  

  

— Обработка изображений и коллажирование  

  

— Текст  

  

— Практическое применение Photoshop  

  

— Расширенные возможности

Блок #2. Рекламная графика

 

— Отрасли применения технического дизайна  

  

— Проекты с людьми в сюжете: стоковые фото, фотосессия, ретушь  

  

— Особенности работы на международном рынке (Platinum FMD)  

  

— Работа в технике matte-painting: скетчинг  

  

— Работа в технике matte-painting: создание иллюстрации  

  

— FAQ: лайфхаки и приёмы в работе  

  

— Проекты с автомобилями. Машина в движении  

  

— Проекты с автомобилями: работа с 3D-исходниками автомобиля и фона  

  

— Особенности работы со стеклом: организация фотосессии, подготовка исходников и ретушь  

  

— Создание key-visual со съедобными объектами: фудстайлинг, фотосессия и ретушь

Блок #3. Визуализация в 3ds Max и V-Ray

 

— Обзор программы 3ds Max  

  

— Знакомство с базовыми настройками V-Ray  

  

— Базовые принципы создания материалов V-Ray  

  

— Использование HDRI-карты в сцене и адаптация под окружение  

  

— Рендер-пассы  

  

— Создание комплексного материала и сюжета  

  

— Работа с текстурами  

  

— Основы работы с интерьерными визуализациями  

  

— Создание материалов для интерьерной визуализации  

  

— Создание прозрачных материалов  

  

— Работа со съедобными материалами  

  

— Создание материалов для автомобиля — интерьер/экстерьер  

  

— Создание материалов для автомобиля — экстерьер на примере Maya и V-Ray

Блок #4. Создание креативных концепций

 

— Разработка креативной концепции  

  

— Генерация идей для проектов  

  

— Техники придумывания новых решений

Блок #5. Два дипломных проекта

 

1. Создание полноценной детализированной рекламной графики  

  

2. Создание фотореалистичной визуализация предмета или интерьера

Модуль #1. Цифровой дизайн (19 занятий)

 

— Основы композиции  

  

— Теория цвета  

  

— Цифровая эстетика и новые медиа  

  

— Типографика  

  

— Введение в брендинг и современный плакат  

  

— VR  

  

— Старт в дизайне: выбор инструментов  

  

— Работа с растром в фотографии в Adobe Photoshop   

  

— Коллажирование в Adobe Photoshop   

  

— Работа с вектором в Adobe Photoshop  

  

— Базовые принципы создания макета сайта  

  

— Обзор программы Figma и основных инструментов  

  

— 9 приёмов, ускоряющих работу в Figma  

  

— Создание интерфейса и интерактивного прототипа  

  

— О визуальных эффектах. After Effects. Интерфейс  

  

— Слои. Маски. Режимы наложения  

  

— Effects and Presets. Effect Controls  

  

— Анимация. Ключи. Рендеринг  

  

— Практическое занятие по анимации

Модуль #2. Брендинг и фирменный стиль (8 занятий)

 

— Бренд и брендинг  

  

— Анализ рынка и платформа бренда  

  

— Коммуникационная стратегия бренда и реклама  

  

— Нейминг и слоган  

  

— Фирменный стиль  

  

— Логотип  

  

— Брендбук  

  

— Этапы презентации. Рабочие техники в презентации

Модуль #3. Инфографика и презентация (11 занятий)

 

— Подготовка данных к анализу  

  

— Типы данных и виды графиков  

  

— Основы Excel. Интеграция графики из Excel в PowerPoint  

  

— Онлайн и оффлайн инструменты  

  

— Создание интерактивной инфографики  

  

— Дизайн в инфографике. Часть 1  

  

— Дизайн в инфографике. Часть 2  

  

— Виды схем. Создание схем в PowerPoint. Скрайбинг  

  

— Основы картографии  

  

— Сторителлинг в инфографике   

  

— Мультимедийные истории  

  

— Принципы создания отчётов и дашбордов  

  

— Анимация в инфографике

Модуль #4. Типографика и вёрстка (5 занятий)

 

— История развития типографики  

  

— Типографика в вебе  

  

— Правильный выбор шрифтов для проекта  

  

— Структура, иерархия, модульная сетка  

  

— Типографика в рекламе

Курсовые проекты

 

На данном этапе ты создашь 4 курсовых проектах по следующим темам:  

  

— Прототип и отрисовка макета  

  

— Создание брендбука и бренд-гайдлайна  

  

— Создание презентации с инфографикой  

  

— Вёрстка лонгрида по правилам типографики

Блок #1. Креативный разгон (7 занятий)

 

— Правила игры. Знакомство с форматом обучения и друг с другом  

  

— Где живут идеи?  

  

— Первое творчество  

  

— AI: Основы построения  

  

— Отрисовка в векторе  

  

— Макеты разных форматов  

  

— Контрольная точка

Блок #2. Букет направлений (7 занятий)

 

— Теория цвета  

  

— Ai: Работа с цветом  

  

— Создание иконок  

  

— Композиция  

  

— Разработка паттернов  

  

— Иллюстрация и ее содержание  

  

— Контрольная точка

Блок #3. Закулисье логотипа (5 занятий)

 

— Основы логотипостроения  

  

— Метафора  

  

— Логотип. Эскизы  

  

— Логотип. Отрисовка  

  

— Контрольная точка

Блок #4. Большой проект (13 занятий)

 

— Платформа бренда  

  

— Айдентика и ее разновидности  

  

— Заказ на айдентику (концепции)  

  

— Типографика. Основы  

  

— Ai: Инструменты работы с текстом  

  

— Типографика. Практика  

  

— Отрисовка в векторе  

  

— Гайдлайн — Закон вашей идеи  

  

— Как подать работу?  

  

— AI: Магия эффектов  

  

— Подготовка презентации работы  

  

— Диплом. Выбор темы  

  

— Контрольная точка

Блок #5. Дипломная работа (7 занятий)

 

— Выбор темы  

  

— Проработка концепции  

  

— Черновая отрисовка  

  

— Чистовая отрисовка  

  

— AI: Сохранение файлов под различные задачи  

  

— Оформление презентации диплома  

  

— Портфолио утвержденных работ  

  

— Защита диплома и выпускной

#1. Введение в программу (1 месяц, 1 урок)

 

— Введение в программу

#2. Основы Adobe Illustrator (1,5 месяца, 13 уроков)

 

— Видеоурок. Быстрый старт  

  

— Итоги блока №1 «Быстрый старт» в прямом эфире  

  

— Видеоурок. Цвет  

  

— Итоги блока №2 «Цвет» в прямом эфире  

  

— Видеоурок. Сложные формы и построения  

  

— Итоги блока №3 «Сложные формы и построения» в прямом эфире  

  

— Видеоурок. Магия эффектов  

  

— Итоги блока №4 «Магия эффектов» в прямом эфире  

  

— Видеоурок. Работа с текстом  

  

— Итоги блока №5 «Работа с текстом» в прямом эфире  

  

— Видеоурок. Работа с файлами  

  

— Итоги блока №6 «Работа с файлами» в прямом эфире  

  

— Видеоурок. Бонусы

#3. Adobe InDesign. Интерактивный курс (11 уроков)

 

— Введение  

  

— Создание документа. Интерфейс  

  

— Графические фреймы. Заливка и обводка  

  

— Текстовые фреймы  

  

— Абзац. Стили абзаца и символа  

  

— Эффекты. Градиенты. Обтекание текстом  

  

— Работа с табуляцией. Списки. Формы  

  

— Таблицы. Стили таблиц. Интерактив  

  

— Многостраничные документы  

  

— Допечатная подготовка  

  

— Обзор последних версий (17 и 19)

#4. Основы типографики и композиции (1 месяц, 10 уроков)

 

— Композиция, шрифты: для чего они дизайнеру  

  

— Основы композиции  

  

— Баланс, симметрия и вес в композиции  

  

— Основные законы композиции  

  

— Воркшоп по композиции: собираем теорию в практику  

  

— Шрифт: история и назначение  

  

— Анатомия шрифта  

  

— Шрифт в дизайне  

  

— Воркшоп по типографике: собираем теорию в практику  

  

— Большой воркшоп и разбор работ

#1. Adobe Photoshop. Основы. Интерактивный курс (1 месяц, 12 уроков)

 

— Введение в программу. Базовые инструменты. Пиксель-арт  

  

— Инструмент перемещения. Геометрические фигуры. Заливка цветом, градиент. Текст  

  

— Слои. Инструменты кадрирования и выделения. Выделение. Волшебная палочка, лассо. Выделение пером  

  

— Маски. Трансформация и деформация  

  

— Делаем макет. Девушка с цветами  

  

— Делаем макет. Огненный шрифт  

  

— Редактирование портрета. восстановление старого фото  

  

— Редактирование портрета. Вырезаем волосы  

  

— Фильтры. Неоновая вывеска  

  

— Gif-анимация  

  

— Как сделать простые 3D-объекты. Смарт-объекты. Как сделать объёмный шрифт/иконку/лого.   

  

— Реалистичное 3D. Создаём рекламный макет для смартфона  

  

— Как настроить рабочий стол в Photoshop. Создание рекламного принта. Подготовка к печати

#2. Графический дизайн. Цвет (1 месяц, 9 уроков)

 

— Важность цвета и стиля в дизайне. Креативы для работы  

  

— Цвет. Восприятие и работа с палитрой  

  

— Психология цвета. Сочетания под характер бренда. Иерархия  

  

— Создание гармоничного макета. Сочетание композиции, цвета, шрифтов и паттернов восприятия  

  

— Создание инфографики. Зачем, как, чем отличаются между собой разные типы инфографики  

  

— Работа с фотографией. Подборка снимков, базовая обработка  

  

— Иллюстрация. Как рассказать историю одним изображением  

  

— Вёрстка буклетов на печать. Тонкости подготовки, работы в CMYK  

  

— Разбор работ курса. Удачные решения и ошибки

#3. Введение в визуальную часть бренда (1 месяц, 15 уроков)

 

— Введение. Фирменный стиль как часть айдентики  

  

— Логотип. Его разновидности и развитие  

  

— Разработка и проработка идеи для логотипа. Работа с концепцией и референсами  

  

— Воркшоп «Штурмовики»  

  

— Воркшоп: работа над логотипом, основные правила  

  

— Фирменный стиль. Стилеобразующие элементы: цвета, типографика и графика  

  

— Тренды и стили. Работа над целостностью образа  

  

— Композиция и сторителлинг в брендинге  

  

— Ниша бренда: масс, средний и премиум-сегмент. Особенности дизайна  

  

— Жизнь дизайна в бренде. Рекламные кампании  

  

— Бренды в Интернете. Особенности оформления  

  

— Работа с полиграфией  

  

— Упаковка  

  

— Воркшоп по упаковке  

  

— Итоги блока

#4. История дизайна (1 месяц, 8 уроков)

 

— Древнейшие виды визуальных коммуникаций  

  

— Развитие печатного дела и рекламы  

  

— Арт-нуво (модерн)  

  

— Влияние абстрактного искусства начала 20 века на дизайн. Модернизм  

  

— Арт-деко  

  

— Поздний модернизм после Второй Мировой войны  

  

— Пост-модернизм  

  

— Дизайн нового века

#3. Визуальная айдентика (1 месяц, 12 уроков)

 

— Методики творческого поиска и использование метафоры  

  

— Практическое занятие (нейминг с нуля на основе метафоры, разбор ошибок)  

  

— Основные разновидности айдентики, подбор референсов семантики  

  

— Изобразительный и шрифтовой логотип  

  

— Практическое занятие (работа над созданием логотипа, разбор ошибок)  

  

— Графика бренда и его диагностические характеристики: логотип, цвет, шрифт и стилеобразующие элементы  

  

— Практическое занятие (визуальной айдентикой, разбор ошибок)  

  

— Финализация дизайна  

  

— Практическое занятие (финализация логотипа и элементов ФС, разбор ошибок)  

  

— Организация рабочего процесса и его оптимизация, рабочие и исходные файлы  

  

— Практическое занятие (Оформление проекта для портфолио, конкурса)  

  

— Финальное занятие, разбор работ студентов

#2. Дипломный блок по работе с заказчиком. Брендинг с нуля (1 месяц, 8 уроков)

 

— Анализ: карта конкурентов Анализ аудитории: бренд-платформа Нейминг (название). Каналы коммуникации  

  

— Референсы  

  

— Идеи  

  

— Отрисовка (черновая) двух-трех идей  

  

— Отрисовка главной идеи (1-2 идеи)  

  

— Подготовка презентации для защиты заказчику  

  

— Итоговые правки  

  

— Итоговая защита перед кураторами

#1. Как учиться эффективно. Видеокурс от методистов GeekUniversity (1 месяц, 7 уроков)

 

Урок 1. Особенности обучения в Geek University  

  

Урок 2. Почему тяжело учиться?  

  

Урок 3. Инструменты для самообразования  

  

Урок 4. Учимся от компетенций  

  

Урок 5. Особенности обучения взрослых  

  

Урок 6. Постановка целей по SMART  

  

Урок 7. Как формулировать образовательный запрос

#2. Визуальный язык и его элементы (1 месяц, 8 уроков)

 

Урок 1. Введение. Линия  

  

Урок 2. Форма и пропорция  

  

Урок 3. Свет и обьём  

  

Урок 4. Цвет  

  

Урок 5. Композиция  

  

Урок 6. Перспектива  

  

Урок 7. Набросок  

  

Урок 8. Метафора

#3. Adobe Illustrator для графических дизайнеров (1,5 месяца, 13 уроков)

 

Урок 1. Видеоурок. Быстрый старт  

  

Урок 2. Итоги блока №1 «Быстрый старт» в прямом эфире  

  

Урок 3. Видеоурок. Цвет  

  

Урок 4. Итоги блока №2 «Цвет» в прямом эфире  

  

Урок 5. Видеоурок. Сложные формы и построения  

  

Урок 6. Итоги блока №3 «Сложные формы и построения» в прямом эфире  

  

Урок 7. Видеоурок. Магия эффектов  

  

Урок 8. Итоги блока №4 «Магия эффектов» в прямом эфире  

  

Урок 9. Видеоурок. Работа с текстом  

  

Урок 10. Итоги блока №5 «Работа с текстом» в прямом эфире  

  

Урок 11. Видеоурок. Работа с файлами  

  

Урок 12. Итоги блока №6 «Работа с файлами» в прямом эфире  

  

Урок 13. Видеоурок. Бонусы

#4. Adobe InDesign. Интерактивный курс (11 уроков)

 

Урок 1. Введение  

  

Урок 2. Создание документа. Интерфейс  

  

Урок 3. Графические фреймы. Заливка и обводка  

  

Урок 4. Текстовые фреймы  

  

Урок 5. Абзац. Стили абзаца и символа  

  

Урок 6. Эффекты. Градиенты. Обтекание текстом  

  

Урок 7. Работа с табуляцией. Списки. Формы  

  

Урок 8. Таблицы. Стили таблиц. Интерактив  

  

Урок 9. Многостраничные документы  

  

Урок 10. Допечатная подготовка  

  

Урок 11. Обзор последних версий (17 и 19)

#5. Основы типографики и композиции (1 месяц)

 

Урок 1. Композиция, шрифты: для чего они дизайнеру?  

  

Урок 2. Основы композиции  

  

Урок 3. Баланс, симметрия и вес в композиции  

  

Урок 4. Основные законы композиции  

  

Урок 5. Воркшоп по композиции: собираем теорию в практику  

  

Урок 6. Шрифт: история и назначение  

  

Урок 7. Анатомия шрифта  

  

Урок 8. Шрифт в дизайне  

  

Урок 9. Воркшоп по типографике: собираем теорию в практику  

  

Урок 10. Большой воркшоп и разбор работ

#6. Adobe Photoshop. Основы (1 месяц)

 

Урок 1. Введение в программу. Базовые инструменты. Пиксель-арт  

  

Урок 2. Инструмент перемещения. Геометрические фигуры. Заливка цветом, градиент. Текст  

  

Урок 3. Слои — это основа всего. Инструменты кадрирования и выделения. Выделение. Волшебная палочка, лассо. Выделение пером  

  

Урок 4. Маски. Трансформация и деформация  

  

Урок 5. Делаем макет. Девушка с цветами  

  

Урок 6. Делаем макет. Огненный шрифт  

  

Урок 7. Редактирование портрета. Восстановление старого фото  

  

Урок 8. Редактирование портрета. Вырезаем волосы  

  

Урок 9. Фильтры. Неоновая вывеска  

  

Урок 10. Gif-анимация  

  

Урок 11. Как сделать простые 3D-объекты. Смарт-объекты. Как сделать объёмный шрифт/иконку/лого. Реалистичное 3D. Создаём рекламный макет для смартфона  

  

Урок 12. Как настроить рабочий стол в фотошопе. Создание рекламного принта. Подготовка к печати

#7. Графический дизайн. Цвет (1 месяц)

 

Урок 1. Важность цвета и стиля в дизайне. Креативы для работы  

  

Урок 2. Цвет. Восприятие и работа с палитрой  

  

Урок 3. Психология цвета. Сочетания под характер бренда. Иерархия  

  

Урок 4. Создание гармоничного макета. Сочетание композиции, цвета, шрифтов и паттернов восприятия  

  

Урок 5. Создание инфографики. Зачем, как, чем отличаются между собой разные типы инфографики  

  

Урок 6. Работа с фотографией. Подборка снимков, базовая обработка  

  

Урок 7. Иллюстрация. Как рассказать историю одним изображением  

  

Урок 8. Вёрстка буклетов на печать. Тонкости подготовки, работы в CMYK  

  

Урок 9. Разбор работ курса. Удачные решения и ошибки

#8. История дизайна (1 месяц)

 

Урок 1. Древнейшие виды визуальных коммуникаций  

  

Урок 2. Развитие печатного дела и рекламы  

  

Урок 3. Арт-нуво (модерн)  

  

Урок 4. Влияние абстрактного искусства начала 20 века на дизайн. Модернизм  

  

Урок 5. Арт-деко  

  

Урок 6. Поздний модернизм после Второй Мировой войны  

  

Урок 7. Пост-модернизм  

  

Урок 8. Дизайн нового века

#9. Введение в визуальную часть бренда (1 месяц)

 

Урок 1. Введение. Фирменный стиль как часть айдентики  

  

Урок 2. Логотип. Его разновидности и развитие  

  

Урок 3. Разработка и проработка идеи для логотипа. Работа с концепцией и референсами  

  

Урок 4. Воркшоп «Штурмовики»  

  

Урок 5. Воркшоп: работа над логотипом, основные правила  

  

Урок 6. Фирменный стиль. Стилеобразующие элементы: цвета, типографика и графика  

  

Урок 7. Тренды и стили. Работа над целостностью образа  

  

Урок 8. Композиция и сторителлинг в брендинге  

  

Урок 9. Ниша бренда: масс, средний и премиум-сегмент. Особенности дизайна  

  

Урок 10. Жизнь дизайна в бренде. Рекламные кампании  

  

Урок 11. Бренды в Интернете — особенности оформления  

  

Урок 12. Работа с полиграфией  

  

Урок 13. Упаковка  

  

Урок 14. Воркшоп по упаковке  

  

Урок 15. Итоги блока

Блок #1. Моушн-дизайн. Шейповая анимация. Видеодизайн

 

— Моушн-дизайн, история его формирования  

  

— Типографика  

  

— Брендинг  

  

— Adobe After Effects. Базовый уровень  

  

— Анимация логотипа  

  

— Создание информационного ролика (2 занятия)  

  

— Создание и проработка идеи  

  

— Режиссура  

  

— Построение кадра, работа с камерой  

  

— Внедрение графики в отснятый материал  

  

— Создание рекламного ролика (2 занятия)

Блок #2. Визуальные эффекты (VFX) в Adobe After Effects

 

— Работа с проектом Adobe After Effects  

  

— CC Particle World  

  

— Группа стандартных эффектов  

  

— Pastiche и LayerGenerator  

  

— Newton  

  

— Plexus  

  

— Фотореалистичный композ для VFX. Работа с футажами  

  

— Stardust

Блок #3. Базовое изучение Cinema4D

 

— Знакомство с интерфейсом  

  

— Моделирование  

  

— Материалы  

  

— Освещение и рендер  

  

— Анимация  

  

— MoGraph  

  

— Интеграция с After Effects

Блок #4. Визуальные эффекты (VFX) в Cinema4D

 

— Профессия VFX-художника  

  

— Симуляции. Динамика твёрдых тел  

  

— Симуляции. Динамика мягких тел  

  

— Симуляции pyro и флюиды  

  

— Презентация финального проекта

Блок #5. Дипломная работа

 

На этом этапе ты создашь 4 практических проекта по следующим темам:  

  

— Рекламный ролик  

  

— Простые сцены с анимацией и с 2D/2,5D-эффектами  

  

— Анимацию логотипа в 3D  

  

— Динамические симуляции для своего выпускного проекта

Блок #1. Motion-дизайн с нуля

 

1. Введение в моушн-дизайн  

  

2. Знакомство с Adobe After Effects  

  

3. Теория цвета  

  

4. Теория композиции  

  

5. Теория анимации  

  

6. Предпродакшн  

  

7. Работа с видео в AE. Шаблоны и футажи  

  

8. Работа с роликом в AE (промежуточный итог)  

  

9. Element 3D и другие мощные плагины  

  

10. Cinema 4D. Знакомство с интерфейсом  

  

11. Cinema 4D. MoGraph  

  

12. Рендер, текстурирование, движки

Блок #2. Motion-дизайн PRO

 

1. Оформление теле- или YouTube-канала. 2D-заставки, плашки, пэкшот  

  

2. Инфографика (2D анимация)  

  

3. 2D-флет анимация (персонажная)  

  

4. Параллаксы  

  

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

  

6. Кеинг, ротоскопинг, цветокоррекция  

  

7. Клинап и трекинг  

  

8. VFX-симуляции, взрывы  

  

9. Создание и внедрение 3D-объектов в видео  

  

10. Бонусный модуль. Структурирование проекта, папки  

  

11. Моделирование твёрдых тел  

  

12. Работа с тканью, мягкими телами, симуляция  

  

13. Анимация логотипа в 3D  

  

14. Настройка рендера и освещения. Композитинг. Финализация проекта  

  

15. Бонусный модуль. Работа в офисе vs фриланс. Плюсы и минусы. Как пройти собеседование, где искать работу  

  

16. Бонусный модуль. Работа со звуком, саунд-дизайн ролика, приёмы

#1. История развития типографики

 

— Познакомишься с типографикой как наукой и искусством  

  

— Разберёшь наиболее яркие типографические кейсы  

  

— Научишься составлять мудборды

#2. Веб-типографика

 

— Изучишь особенности печатных и экранных шрифтов  

  

— Освоишь рендер шрифтов  

  

— Научишься грамотно подбирать шрифты для веб-проектов

#3. Правильный выбор шрифтов для проекта

 

— Научишься подбирать шрифтовые пары и составлять шрифтовые композиции

#4. Структура, иерархия, модульная сетка

 

— Изучишь ключевые тренды в типографике  

  

— Научишься выстраивать иерархию текста  

  

— Научишься работать с модульными сетками, ритмом, пространством, пропорциями и отступами

#5. Типографика в рекламе

 

— Научишься верстать статьи и управлять вниманием читателя

#6. Дипломная работа

 

— Сверстаешь лонгрид, в котором используешь все изученные правила и принципы

Модуль #1. Брифинг клиента: теория и практика

 

— Научишься брифовать клиентов

Модуль #2. Дизайнер айдентики — профессия будущего

 

— Узнаешь, как шаг за шагом стать дизайнером айдентики

Модуль #3. Подготовка к работе: анализ и интерпретация брифа

 

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

Модуль #4. Поиск концепции и эскизирование

 

— Узнаешь, как придумывать идеи и создавать эскизы будущих логотипов

Модуль #5. Инструменты дизайнера и технические ограничения

 

— Познакомишься с инструментами, используемыми дизайнерами айдентики, а также требованиями, предъявляемыми к их работам

Модуль #6. Разработка знака — на реальном кейсе

 

— Научишься отрисовывать и анимировать знаки

Модуль #7. Фирменный стиль — принципы создания

 

— Научишься создавать стилеобразующие элементы

Модуль #8. Разработка презентации проекта

 

— Узнаешь, как создавать мокапы и грамотно оформлять их в презентацию

Модуль #9. Презентация проекта клиенту

 

— Научишься презентовать результат своей работы клиентам и закрывать возражения

Модуль #10. Создание брендбука и гайдлайнов

 

— Научишься создавать гайдлайны

Модуль #11. Оформление кейса в портфолио

 

— Научишься создавать из своих работ кейсы для портфолио

🎁 Бонус-модуль. Юридические вопросы в дизайне

 

— Узнаешь, почему дизайнеру опасно работать без договора  

  

— Научишься составлять договоры  

  

— Научишься защищать права на интеллектуальную собственность в суде

Модуль #13. Поиск клиентов и развитие дизайнера

 

— Научишься искать клиентов, формировать ценообразование, оформлять портфолио и вести переговоры с заказчиками

🎁 Бонус-модуль. Кейс 3310

 

— Реальный кейс «Логомашины»

🎁 Бонус-модуль. SoldOut Gallery

 

— Кейс «Логомашины»

🎁 Бонус-модуль. Фирменный стиль Санкт-Петербурга

 

— Кейс «Логомашины»

Урок #1. Введение. Основы графического дизайна

 

— Кто такой графический дизайнер  

  

— Чем занимается графический дизайнер  

  

— Какие инструменты использует в работе

Урок #2. Инструменты и возможности Adobe Photoshop

 

— Основы работы в Adobe Photoshop

Урок #3. Создание коллажей

 

— Как создавать коллажи из нескольких фотографий  

  

— Как делать цветокоррекцию и управлять вниманием зрителя с помощью различных композиционных приёмов

Урок #4. Зачем нужны маски

 

— Как работать с обтравочными масками

Урок #5. Изменяем изображение

 

— Все тонкости редактирования изображений в Adobe Photoshop

Урок #6. Работа с текстурами

 

— Редактирование текстур  

  

— Перенос сложных объектов на другой фон

Урок #7. Принципы типографики

 

— Как графическому дизайнеру работать со шрифтами  

  

— Законы типографики

Урок #8. Работа со слоями

 

— Как накладывать слои в Adobe Photoshop

Урок #9. Как работать с кистями

 

— Виды кистей в Adobe Photoshop  

  

— Для каких задачей они используются

Урок #10. Векторные изображения

 

— Чем векторная графика лучше растровой (спойлер: растровые изображения состоят из пикселей и теряют качество при масштабировании, а векторные изображения — нет, именно векторная графика применяется для создания логотипов и прочей айдентики)  

  

— Основы работы в Adobe Illustrator

Урок #11. Как создавать иконки

 

— Как работать с фигурами и контурами в Illustrator  

  

— Как передавать смыслы максимально упрощёнными изображениями

Урок #12. Шрифты

 

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

  

— Какие возможности даёт дизайнеру трассировка и создание фигур

Урок #13. Кисти и сложные формы

 

— Как создавать сложные формы

Урок #14. Подбор цветов

 

— Как подбирать и правильно сочетать цвета

Урок #15. Логотипы

 

— Что такое айдентика и фирменный стиль  

  

— По каким принципам создаются логотипы  

  

— Какие шаги предпринять, чтобы начать зарабатывать на фрилансе

Модуль #1. Исследования проекта

 

— Как работать с мудбордами и референсами  

  

— Как анализировать конкурентов

Модуль #2. Формат листа и формы

 

— Какие форматы листа существуют  

  

— Как создать коллажи и дизайн упаковки

Модуль #3. Композиция проекта

 

— Как работать с контрастом, осями, ритмом и симметрией

Модуль #4. Колористика

 

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

  

— Как работать с текстурой и фактурой  

  

— Типы цветовых моделей

Модуль #5. Типографика

 

— Работа с буквами, шрифтами, текстовыми блоками

Модуль #6. Вёрстка дизайна

 

— Как работать с полями, строками и модульной сеткой  

  

— Основы функционального дизайна

Модуль #7. Подготовка к печати

 

— Как подготавливать проект к печати

Модуль #8. Презентация проекта

 

— Как оформить проект для портфолио и презентовать его заказчику

#1. Отрасли применения технического дизайна

 

— Приветствие  

  

— Как попали в профессию  

  

— Компьютерная графика: теория  

  

— Практика: домашняя работа

#2. Проекты с людьми: от организации фотосессии до финальной ретуши

 

— Как подготовить задание на фотосессию  

  

— Фотосъёмка. Показываем фотосессию с людьми  

  

— Организация работы в Adobe Photoshop  

  

— Организация слоёв в Adobe Photoshop  

  

— 10 способов вырезать объект  

  

— Введение в ретушь  

  

— Camera Raw  

  

— Трансформация головы  

  

— Обтравка волос  

  

— Создание фона  

  

— Ретушь кожи  

  

— Создание шаржевых пропорций  

  

— Добавление игрушек в бороду  

  

— Post-Processing  

  

— Практика: домашняя работа

#3. Особенности работы на международном рынке

 

— Интервью с Флавио Альбино

#4. Работа в технике matte painting: скетчинг

 

— Что такое matte painting  

  

— Основы композиции  

  

— Работа со стоками: где брать исходники и как экономить  

  

— Подбор референсов для работы  

  

— Создание скетчей мышкой, без умения рисовать  

  

— Практика: домашняя работа

#5. Работа в технике matte painting: создание иллюстрации

 

— Проработка скетча с подобранными фотографиями  

  

— Создание дальнего плана  

  

— Создание среднего плана  

  

— Создание переднего плана  

  

— Финальная постобработка  

  

— Практика: домашняя работа

#6. FAQ: разбираем самые частые вопросы, возникшие на предыдущих модулях

 

— Рисуем тени  

  

— Боремся с неподходящим светом  

  

— Интеграция объекта в траву  

  

— Движущиеся объекты  

  

— Размытые объекты  

  

— Проблемы с солнцем-лучиками-радугой  

  

— Дождь и снег  

  

— Убираем «лесенки» у градиента

#7. Проекты с автомобилями: машина в движении

 

— Введение в теорию 2D и 3D  

  

— Особенности и лайфхаки 32 бит  

  

— Что такое рендер-пассы и что они могут дать  

  

— Сборка заднего плана в движении  

  

— Доработка заднего плана и создание тени от автомобиля  

  

— Сборка машины и совмещение с фоном  

  

— Практика: домашняя работа

#8. Проекты с автомобилями

 

— Сборка заднего плана с помощью рендер-пассов  

  

— Сборка машины с помощью рендер-пассов  

  

— Совмещение с фоном и финальная цветокоррекция  

  

— Практика: домашняя работа

#9. Проект со стеклом

 

— Особенности работы со стеклом  

  

— Взаимодействие с оборудованием  

  

— Пример работы с Coca-Cola  

  

— Практика: домашняя работа

#10. Проект с едой

 

— Работа фуд-стилиста  

  

— Фудстайлинг  

  

— Продукты и блюда  

  

— Создание мороженого  

  

— Фотосессия с мороженым  

  

— Скетчируем и подбираем материалы на стоках  

  

— Проработка фона и рожка  

  

— Мороженое и всплески  

  

— Проработка окружения и мелких деталей

#11. Дипломный проект

 

— По теме курса

Блок #1. Введение

 

— Что такое графический дизайн  

  

— Виды графического дизайна  

  

— Что должен уметь графический дизайнер

Блок #2. Точки, линии и плоскости

 

— Основные элементы и принципы графического дизайна

Блок #3. Гештальт и композиция

 

— Принципы визуального восприятия

Блок #4. Цвет в дизайне

 

— Теория цвета в графическом дизайне

Блок #5. Шрифты, типографика

 

— Коммуникативные возможности шрифтового искусства

Блок #6. Дизайн-процесс

 

— Как стать высокооплачиваемым дизайнером  

  

— Как привязать к себе клиента и наладить допродажи

Ступень #1. Теория (без обратной связи)

 

Самостоятельная работа с теорией без обратной связи от преподавателей.  

  

На данном этапе студенты осваивают следующие области дизайна:  

  

— Типографика и вёрстка  

  

— Интерфейс и информация  

  

— Данные и визуализация  

  

— Вёрстка и прототипирование  

  

— Переговоры и отношения  

  

— Творчество и право  

  

— Текст и редактура  

  

— Управление и результаты  

  

В конце пишут оцениваемую курсовую работу.

Ступень #2. Практика (с обратной связью)

 

Темы практических заданий:  

  

— Принципы вёрстки  

  

— Переговоры с клиентом. Понимание задачи  

  

— Информационный текст для сайта  

  

— Вёрстка сложного документа  

  

— Проектирование сайта  

  

— Вёрстка многоэтажной веб‑страницы  

  

— HTML‑вёрстка многоэтажной веб‑страницы  

  

— Продающая страница  

  

— Выбор темы диплома  

  

— Интерфейс мобильного приложения  

  

— Составление резюме. Собеседование

Ступень #3. Работа над дипломом (в кросс-дисциплинарных группах с арт-директором бюро)

 

Этапы:  

  

1. Понимание задачи  

  

2. Дизайн проекта  

  

3. Текст к проекту  

  

4. Внедрение задачи  

  

5. План продвижения проекта  

  

6. Подготовка к защите  

  

7. Допуск к защите  

  

На защите диплома будут присутствовать партнёры школы — сотрудники Tinkoff, «Сбербанк» и некоторых других компаний.   

  

Каждый партнёр трудоустроит от 1 до 2 выпускников.

#1. Онлайн-курс «Компьютерная графика в Adobe Photoshop»

 

Урок 1. Вводный урок  

  

Урок 2. Интерфейс программы  

  

Урок 3. Ретушь  

  

Урок 4. Коллажирование  

  

Урок 5. Графические элементы (часть 1)  

  

Урок 6. Графические элементы (часть 2)  

  

Урок 7. Цифровая живопись  

  

Урок 8. Текстуры и основы анимации

#2. Онлайн-курс «Компьютерная графика в Adobe Illustrator»

 

Урок 1. Введение  

  

Урок 2. Создание логотипа. Трансформация объектов  

  

Урок 3. Создание иллюстраций. Градиенты  

  

Урок 4. Паттерны  

  

Урок 5. Трассировка изображения. Кисти  

  

Урок 6. Иллюстрация в стиле лоу-поли  

  

Урок 7. Создание векторных иконок для сайта

#3. Онлайн курс «Основы графического дизайна»

 

Урок 1. Введение в графический дизайн  

  

Урок 2. Дизайн-процесс и взаимодействие с клиентом  

  

Урок 3. История дизайна  

  

Урок 4. Дизайн и стили в живописи  

  

Урок 5. Понятие композиции  

  

Урок 6. Статика и динамика в композиции  

  

Урок 7. 4 принципа дизайна  

  

Урок 8. Выразительные средства в композиции  

  

Урок 9. Композиционный центр  

  

Урок 10. Теория цвета  

  

Урок 11. Шрифты и типографика  

  

Урок 12. Исследования и брендинг  

  

Урок 13. Дизайн полиграфии  

  

Урок 14. Веб-дизайн

Блок #1. Основы дизайна. Графические редакторы

 

1. Пропедевтика. Основы композиции  

  

2. Adobe Photoshop: обработка, ретушь, коллажирование  

  

3. Adobe Illustrator. Работа с векторной графикой  

  

4. Программа вёрстки Adobe Indesign

Блок #2. Оформление макетов. Разработка фирменного стиля

 

1. Типографика  

  

2. Основы вёрстки  

  

3. Визуальная айдентика: разработка логотипа

Adobe Photoshop CC для MAC и PC. Уровень 1. Растровая графика

 

Модуль 1. Знакомство с программой  

  

Модуль 2. Выделение отдельных элементов рисунка  

  

Модуль 3. Работа с многослойным изображением  

  

Модуль 4. Эффекты слоя. Добавление текста к фотографии  

  

Модуль 5. Рисование в Фотошопе  

  

Модуль 6. Ретушь и коррекция рисунков

Adobe Photoshop СС/CS6 для MAC и PC. Уровень 2. Графический дизайн

 

Модуль 1. Знакомство с базовыми принципами рисования с помощью графического планшета и его настройки  

  

Модуль 2. Создание цифровых изображений с помощью графического планшета в технике скетч и живописи маслом по фотографии  

  

Модуль 3. Создание цифровых изображений с помощью графического планшета в технике живописи акварели и в технике рисования мелками по фотографии  

  

Модуль 4. Коллажи в «винтажном» стиле и искусственное состаривание фотографий. Программные средства, задействованные при создании коллажей в этих стилях  

  

Модуль 5. Фотомонтажи. Правила создания монтажа. Программные средства, задействованные в создании монтажей  

  

Модуль 6. Техника создания эффектов для текста  

  

Модуль 7. Matte Painting (рисование по фотографии)

Блок #1

 

— Ознакомление с основами Adobe Illustrator CC  

  

— Колористика  

  

— Типографика  

  

— Иконографика  

  

— Маркетинг. Как заставить свои работы продаваться

Блок #2

 

— Теория композиции  

  

— Принципы композиции

Блок #3

 

— Начало работы в Photoshop  

  

— Ретушь фото  

  

— Коллажирование  

  

— Разработка постера

Блок #4

 

— Вёрстка буклетов  

  

— Построение модульных сеток в Adobe InDesign  

  

— Вёрстка журнала в InDesign

Блок #5

 

— Логотипы в Illustrator  

  

— Разработка фирменного стиля  

  

— Разработка этикетки  

  

— Создание брендбука по фирменному стилю

Блок #6

 

— Ознакомление с программой After Effects CC  

  

— Создание диплома  

  

— Анимация логотипов

Блок #7

 

— Создание Flat-иллюстраций  

  

— Персонажные иллюстрации в IPAD PRO

Блок #8

 

— Создание диплома и презентации для Behance  

  

— Практическая работа над дипломным проектом

#1. Введение в дизайн. Практика и инструменты

 

— Как развивать в себе дизайнера  

  

— Модульные сетки и композиция  

  

— Типографика  

  

— Рисование от руки  

  

— Теория цвета, колористика  

  

— Изучаем инструменты дизайнера  

  

— Позиционирование бренда  

  

— Айдентика  

  

— Разбор домашних заданий  

  

— Анимация  

  

— Поиск идей и метафор  

  

— Брендбуки и гайдлайны

#2. Брендинг и айдентика. Идеи и отрисовка

 

— Введение в брендинг  

  

— Философия бренда  

  

— Управление вниманием  

  

— Инструменты аналитики  

  

— Продуктовый дизайн  

  

— Дизайн-мышление  

  

— Mind-map  

  

— Скетчинг  

  

— SMM и графика в digital  

  

— Cайты  

  

— Frontend: введение  

  

— Backend  

  

— Загрузка сайта на сервер  

  

— Технический специалист  

  

— Подготовка макета к вёрстке

#3. Трудоустройство. Фриланс. Менеджмент

 

— Расчёт проекта  

  

— SMM  

  

— Интернет-маркетинг  

  

— Работа с заказчиком  

  

— Защита проекта  

  

— Фриланс  

  

— Фрилансер и заказчик  

  

— Трудоустройство  

  

— Подготовка к трудоустройству  

  

— Работодатели

#4. Практика. Воркшопы. Портфолио

 

— Знакомство с личным ментором-наставником  

  

— ДЗ-1: Создаем баннер на сайт и работаем с типографикой  

  

— ДЗ-2: Создаем собственный бренд и продумываем концепцию  

  

— ДЗ-3: Создаём элементы айдентики своего бренда  

  

— ДЗ-4: Создаём бренд на сложную, нестандартную тематику  

  

— ДЗ-5: Расширяем айдентику второго бренда  

  

— Большой командный воркшоп  

  

— Персональный воркшоп на тему брендинга  

  

— Собираем портфолио на Behance  

  

— Генеральная проверка портфолио

Модуль #1. Графические редакторы

 

1. Photoshop. Введение  

  

2. Начало работы с Photoshop  

  

3. Цветовые профили в Photoshop  

  

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

  

5. Illustrator. Введение  

  

6. Объекты в Illustrator  

  

7. Работа с формами в Illustrator  

  

8. Рисование в Illustrator

Модуль #2. Photoshop и графический дизайн

 

1. Полиграфия. Технология процесса. Цветовые схемы  

  

2. Виды рекламно-полиграфической продукции  

  

3. Цветовой круг  

  

4. Шрифты в графическом дизайне  

  

5. Леттеринг  

  

6. Типографика  

  

7. Модульные сетки в графическом дизайне  

  

8. Практика. Создание дизайна упаковки товара

Модуль #3. Illustrator и графический дизайн

 

1. Иллюстрация в графическом дизайне  

  

2. Логотип. Виды и стили логотипов  

  

3. Скетчи и зарисовки  

  

4. Растровые изображения  

  

5. 3D-иллюстрации  

  

6. Практика. Сборка айдентики. Создание дизайна фирменной обложки блокнота и флаера  

  

7. Практика. Создание фирменной визитки, бейджа и постера  

  

8. Создание портфолио графического дизайнера

#1. Веб-дизайн для начинающих от А до Я

 

Урок №1: Введение  

  

Урок №2: Стили слоя. Работа с изображениями. Цвет и атмосфера сайта  

  

Урок №3: Шрифты для Web. Типографика. Графика для сайта  

  

Урок №4: Инфографика. Иконки и пиктограммы  

  

Урок №5: Проектирование сайта. Поиск вдохновения. Теснота и её влияние на макеты  

  

Урок №6: Единство стиля. Создание сайта. Виды сайтов  

  

Урок №7: Адаптивность сайтов. Подготовка макета к вёрстке  

  

Урок №8: Создание портфолио. Поиск работы  



#2. Веб-дизайн 2.0

 

Урок №1: Идея. Анализ. Подготовка к реализации  

  

Урок №2: Анализ. Интерфейс и юзабилити  

  

Урок №3: UI-киты. Типографика. Графика  

  

Урок №4: Создание лендинга. Material Design  

  

Урок №5: Корпоративный сайт. Flat стиль  

  

Урок №6: Блог. Игровой стиль  

  

Урок №7: Сайт визитка. Стилизованный дизайн и геймификация  

  

Урок №8: Дружелюбный дизайн. Мобилизация сайтов. Тренды веб-дизайна  

  

Урок №9: Работа на фрилансе. Клиенты

#3. Техдизайн и иллюстрация персонажа

 

Урок №1: Первичная обработка фото. Настройки кистей. Техники рисования  

  

Урок №2: Свет и тень  

  

Урок №3: Цвет, цветовой тон и насыщенность  

  

Урок №4: Рисование кожи человека, свойства кожи, рисование фигуры человека  

  

Урок №5: Рисование черт лица  

  

Урок №6: Рисование одежды. Работа с текстурами  

  

Урок №7: Рисование волос  

  

Урок №8: Работа с фильтрами и экшнами в фотошопе  

  

Урок №9: Работа с фотографиями низкого качества  

  

Урок №10: Создание иллюстрации человека при отсутствии готового фото  

  

Урок №11: Заключение

#4. Дизайнер Landing Page

 

Урок №1: Первичная обработка фото. Настройки кистей. Техники рисования  

  

Урок №2: Обработка и рисование предметов  

  

Урок №3: Свет и тень  

  

Урок №4: Цвет, цветовой тон, насыщенность  

  

Урок №5: Композиция и перспектива  

  

Урок №6: Внедрение объектов в среду  

  

Урок №7: Обработка и рисование цветов, растений, деревьев и воды  

  

Урок №8: Обработка и рисование птиц и животных  

  

Урок №9: Обработка и рисование продуктов и еды  

  

Урок №10: Создание интерьеров  

  

Урок №11: Создание пейзажа и ландшафтного дизайна

#5. Обработка фото и техдизайн

 

Урок №1: Введение в Фотошоп и Иллюстратор  

  

Урок №2: Обзор современных и наиболее популярных Landing Page  

  

Урок №3: Уникальный авторский конструктор Landing Page в фотошопе  

  

Урок №4: Где найти заказы на Landing Page

#6. Создание 3D-обложек для инфопродуктов

 

Урок №1: Введение в Фотошоп и Иллюстратор  

  

Урок №2: Мокапы для фотошоп  

  

Урок №3: Создание макета обложки

#7. Сногсшибательные иллюстрации в PS

 

Урок №1: Экшны для Фотошоп  

  

Урок №2: Установка экшна в фотошоп  

  

Урок №3: Применение экшнов

#8. Создание баннеров для сайтов

 

Урок №1: Введение в Фотошоп и Иллюстратор  

  

Урок №2: Виды баннеров  

  

Урок №3: Стили графики. Тренды  

  

Урок №4: Создание баннеров

#9. Создание улётного дизайна для соцсетей

 

Урок №1: Введение в Фотошоп и Иллюстратор  

  

Урок №2: Технические характеристики для оформления соцсетей  

  

Урок №3: Стили графики. Тренды  

  

Урок №4: Оформление ВК  

  

Урок №5: Оформление Facebook  

  

Урок №6: Оформление Youtube  

  

Урок №7: Оформление Instagram

Неделя 1 — Интерфейс, персонажи и сценарии

 

— Открытие курса  

  

— Интерфейс и полезное действие  

  

— Персонажи и сценарии  

  

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

Неделя 2 — Инструменты UI-дизайнера

 

— Основы Sketch / Figma  

  

— Интерактивный дизайн. UI-kit  

  

— Основы Adobe Photoshop

Неделя 3 — Композиция и типографика

 

— Композиция  

  

— Типографика

Неделя 4 — Цвет и графика

 

— Цвет и свет  

  

— Иконки и иллюстрации

Неделя 5 — Смысл и порядок

 

— Работа с текстом  

  

— Чистота и порядок

Неделя 6 — Заключительный блок

 

— Презентация в портфолио  

  

— Закрытие курса

#1. Вводный вебинар. Факультет веб-дизайна

 

— Вводный вебинар

#2. Adobe Illustrator для дизайнеров

 

— Видеоурок. Быстрый старт  

  

— Итоги блока №1 «Быстрый старт» в прямом эфире  

  

— Видеоурок. Цвет  

  

— Итоги блока №2 «Цвет» в прямом эфире  

  

— Видеоурок. Сложные формы и построения  

  

— Итоги блока №3 «Сложные формы и построения» в прямом эфире  

  

— Видеоурок. Магия эффектов  

  

— Итоги блока №4 «Магия эффектов» в прямом эфире  

  

— Видеоурок. Работа с текстом  

  

— Итоги блока №5 «Работа с текстом» в прямом эфире  

  

— Видеоурок. Работа с файлами  

  

— Итоги блока №6 «Работа с файлами» в прямом эфире  

  

— Видеоурок. Бонусы

#3. Figma. Начальный уровень

 

— Onboarding: вводный урок. UI Components: Swatch Library  

  

— UI Components: Text styles  

  

— UI Components: Buttons  

  

— UI Components: Constrains  

  

— UI Components: Навигация

#4. Figma. Продвинутый уровень

 

— UI Components: Pop-Up & Modal  

  

— UI Components: Grid Styles  

  

— UI Components: Icons  

  

— UI Components: Selector, Input, Item Card  

  

— Prototyping: Ознакомление  

  

— Prototyping: Figma Mirror  

  

— Prototyping: Export Assets

#5. Основы веб-дизайна

 

— Вводная лекция. Знакомство с графическим и веб-дизайном  

  

— Навигация и структура  

  

— Тренды, подготовка, мудборды  

  

— Прототипирование  

  

— Видеоурок. Контент и UI редактура  

  

— Композиция  

  

— Принцип близости и правило внутреннего и внешнего  

  

— Модульные сетки  

  

— Основы типографики  

  

— Типографика в веб-дизайне  

  

— Колористика  

  

— Видеоурок. Дизайн для людей с ограниченными возможностями  

  

— Разбор частых ошибок  

  

— Адаптивный дизайн  

  

— Как оформить работу в портфолио  

  

— Итоговая работа

#6. Онлайн-конструкторы сайтов

 

— Вводная лекция. Знакомство с конструкторами  

  

— Создание лендинга из готовых шаблонов  

  

— Zero block. Как собрать лендинг без шаблонов  

  

— Навигация  

  

— Адаптивный дизайн в конструкторах  

  

— Базовая анимация

#8. Выстраиваем картину в голове

 

— Вводная лекция  

  

— Зачем web-дизайнеру исследования  

  

— Брифинг на задачу и составление гипотез для исследования  

  

— Как понять, кто твоя целевая аудитория  

  

— Количественные методы исследований пользователей  

  

— Качественные методы исследований пользователей (блок CX-customer experience)  

  

— Качественные методы исследований пользователей (блок UX-user experience)  

  

— Скринер и сценарий исследования: с каким пользователем разговаривать и о чем?  

  

— UX-паттерны человека  

  

— Правильная аналитика: как фильтровать информацию и видеть инсайты  

  

— Поиск идей: что делать после того, как провели исследование  

  

— Сайт: какие бывают и из чего состоят?  

  

— Текст и работа с ним  

  

— Подготовка прототипа  

  

— Тестирование и доработка прототипа  

  

— Презентация своих идей

#9. Adobe Photoshop. Основы. Интерактивный курс

 

— Введение в программу. Базовые инструменты. Пиксель-арт  

  

— Инструмент перемещения. Геометрические фигуры. Заливка цветом, градиент. Текст.  

  

— Слои — это основа всего. Инструменты кадрирования и выделения. Выделение. Волшебная палочка, лассо. Выделение пером  

  

— Маски. Трансформация и деформация  

  

— Делаем макет. Девушка с цветами  

  

— Делаем макет. Огненный шрифт  

  

— Редактирование портрета. Восстановление старого фото  

  

— Редактирование портрета. Вырезаем волосы  

  

— Фильтры. Неоновая вывеска  

  

— Gif-анимация  

  

— Как сделать простые 3D-объекты. Смарт-объекты. Как сделать объёмный шрифт/иконку/лого. Реалистичное 3D. Создаём рекламный макет для смартфона  

  

— Как настроить рабочий стол в Photoshop. Создание рекламного принта. Подготовка к печати

#10. InVision. Интерактивный курс

 

— Onboarding  

  

— Board  

  

— Build-in  

  

— Freehand  

  

— InVision App

#12. Продуктовый дизайн

 

— Вводный урок. Знакомство с дизайном продукта  

  

— Коммуникация с клиентом  

  

— Предпроектное исследование  

  

— Дизайн-мышление. Построение гипотез  

  

— Процесс разработки продукта  

  

— Итоги  

  

— Проектирование интерфейса  

  

— Тестирование прототипа  

  

— Приступаем к UI  

  

— Передача макетов в разработку  

  

— Видеоурок. Юнит-экономика, метрики, развитие проекта  

  

— Итоги блока. Карьера. Будущее профессии

#13. История дизайна

 

— Древнейшие виды визуальных коммуникаций  

  

— Развитие печатного дела и рекламы  

  

— Арт-нуво (модерн)  

  

— Влияние абстрактного искусства начала 20 века на дизайн. Модернизм  

  

— Арт-деко  

  

— Поздний модернизм после Второй Мировой войны  

  

— Пост-модернизм  

  

— Дизайн нового века

#14. Вводный блок. Дизайн-мышление

 

— Вводная лекция  

  

— Работа с заказчиком и задачи  

  

— UX-паттерны человека  

  

— Дизайн для людей с ограниченными возможностями  

  

— Флоу работы на следующих лекциях. Общее вводное в лекции  

  

— Эмпатия  

  

— Фокусировка  

  

— Генерация идей  

  

— Прототипирование  

  

— Тестирование  

  

— Понятие UX и основы юзабилити

#17. Основы вёрстки для веб-дизайнера

 

— Введение. Разбор макета для вёрстки  

  

— Основы языка разметки документов HTML  

  

— Основы языка оформления стилей документа CSS  

  

— Формирование блочной модели  

  

— Работа с макетом  

  

— Позиционирование элементов  

  

— Адаптация макета под планшетные устройства  

  

— Создание адаптивного сайта, часть 2  

  

— Стандарты web и вспомогательные инструменты  

  

— Разбор макета для верстки

#18. Адаптивный дизайн

 

— Вводный урок  

  

— Мобильный бум  

  

— Технологии. Основные принципы работы  

  

— Лэйаут, сетка, разрешение  

  

— Навигация, контент  

  

— Типографика, иконографика и изображения  

  

— Интерактив. Жесты, состояния полей, режим выделения  

  

— Подводные камни и типичные ошибки

#20. Тренды и целеполагание в дизайне

 

— Вводная лекция  

  

— С эйчаром  

  

— Структура современного веб-дизайна и тенденции развития Режимы работы дизайнера в разных командах  

  

— Брендинг и графический дизайн  

  

— Продуктовый дизайн  

  

— Скетчинг  

  

— Иллюстрация  

  

— 3D-дизайн  

  

— Интерактивный дизайн  

  

— Рефлексия

#1. Введение и первый результат

 

— Приветствие  

  

— Практика. Основы Photoshop  

  

— Практика. Разработка первой страницы  

  

Бонус

#2. Тренды, подготовка, мудборды

 

— Поиск вдохновения  

  

— Практика. Подготовка презентации

#3. Работа со стилями. Создание GUI

 

— Введение в типографику и восприятие информации  

  

— Практика. Работа с текстом  

  



#4. Главная страница, первые шаги

 

— «Лицо сайта» — главная страница  

  

— Практика

#5. Основы работы с графикой

 

— Практика. Обтравка изображений  

  

— Практика. Тени  

  

— Практика. Фон  

  

— Практика. Эффекты

#6. Декомпозиция

 

— Практика декомпозиции

#7. Навигация и структура

 

— Виды навигации  

  

— Структура сайта  

  

— Практика. Создание ментальной карты

#8. Интересная подача информации

 

— Ключевые элементы контента  

  

— Дополнительные элементы  

  

— Практика. Работа с информацией

#9. Формы и кнопки

 

— Введение в юзабилити  

  

— Виды элементов интерфейса  

  

— Практика. Правила разработки макетов форм

#10. Адаптивность и мобильная версия

 

— Responsive и Adaptive — в чём разница  

  

— Сетки и кратность  

  

— Размеры шрифтов и элементов  

  

— Практика. Разрабатываем макеты для мобильной версии

#11. Цвета, атмосфера, настроение. Промо-страница мероприятия

 

— Цвета, атмосфера, настроение  

  

— Обработка изображений  

  

— Практика. Обработка изображений

#12. Декомпозиция промо-страницы

 

— Принципы декомпозиции  

  

— Практика. Декомпозиция промо-страницы

#13. 3D-элементы в Photoshop

 

— Основные принципы  

  

— Практика

#14. Разработка презентации проекта

 

— Структура презентации  

  

— Инструменты для создания презентации  

  

— Практика. Мокапы

#15. Передача проекта в вёрстку

 

— Что нужно учесть в макетах перед передачей  

  

— Практика. Сбор архива для передачи в вёрстку

#16. Первый кейс на Behance

 

— Behance. Идеальная площадка для дизайнера  

  

— Практика. Создание аккаунта на Behance  

  

— Практика. Работа в редакторе Behance

#1. Специализация и личное позиционирование

 

— Почему важно специализироваться  

  

— Примеры узкоспециализированных дизайнеров  

  

— Как дизайнеру определиться с нишей, специализацией и позиционированием  

  

— Как создать и развивать личный образ  

  

— Как использовать свои сильные и слабые стороны  

  

— Как привлечь подходящих клиентов и оттолкнуть ненужных.

#2. Концептуальный дизайн

 

— Ассоциативное мышление  

  

— Ключевые принципы чистой графики  

  

— Подбор уровня визуальных шумов  

  

— Центр композиции. Разработка гипотез для концепции  

  

— Подбор референсов  

  

— Подбор изображений  

  

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

  

— Упаковка дизайн-концепции в мокапы для демонстрации клиенту  

  

— Создание фирменного стиля из ничего.

#4. Портреты пользователей и CJM

 

— Разработка портрета пользователя и Customer Journey Map

#13. План развития дизайнера на 3 года

 

— С чего начать путь веб-дизайнера в ТОП-10  

  

— Как сделать быстрый левел-ап, если упёрся в профессиональный потолок  

  

— Как просто и быстро начать зарабатывать деньги веб-дизайном  

  

— Как составить для себя личную программу обучения.