Осознанный
Графдизайн

Графический дизайн — это вид визуальной коммуникации. Главный канал этой коммуникации — печатный или цифровой макет (layout). Через него графдизайнер помогает бизнесу говорить с аудиторией: оповещать, обучать, убеждать.

Через макет можно говорить что-то короткое. Например, флаер о предстоящей выставке кошек. Баннер на сайте о распродаже ноутбуков. Плакат про набор в школу танцев. А можно передать целый свод информации. Как в каталоге мебели. Журнале о здоровом питании. Или в учебнике о ставках на спорт.

Важно: в отличие от иллюстраций или рекламной графики, в графдизайне большое внимание уделяется типографике (наука оформления текста).

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

Второе — эмоциональное. Когда с помощью элементов графдизайна (композиции, типографики, цвета, формы, графики) мы создаем образ компании. В зависимости от ниши бизнеса мы можем транслировать надежность, экологичность, инновационность, интеллектуальность, нежность и другие образы.

Выделяю 3 вида макетов:

Информационные — чтобы информация быстро и прочно попала в сознание зрителя. Допустим, любые объявления от ЖКХ. Вам на двери подъезда пытаются рассказать что-то важное. Но удобно ли это изучать? Не путает ли оно своей кривизной подачи? А ведь передать сообщение можно так, что все его словят на лету. Кстати, в эту же категорию входит подготовка учебных материалов. Дизайн учебников, методичек, практикумов.

Имиджевые — транслируют нужный образ компании. Представьте оформление выставки. Бейджи, пакеты, пресс-волы, штендеры, сертификаты, блокноты и т.д. Всё это должно вызывать определенные эмоции. Чтобы зрители оценили имидж, прониклись видением компании и хотели повторно соприкасаться.

Рекламные — убеждают что-либо купить. Вспомните ближайший супермаркет. Как много там всяких плакатов, висячих/стоячих баннеров, зазывалок. Они все говорят с вами. И убеждают в конкретном действии.

Огромный плюс графдизайна в том, что он дает твердую базу. Её можно развивать дальше по ряду направлений. Часто графические дизайнеры переходят к созданию айдентики (фирменных стилей). Другие отправляются в веб-дизайн. Ну а третьи штурмуют периодические издания. Причем как печатные так и онлайновые.

Помимо уроков, вы получите дополнительные презентации по графсистемам: Швейцария, Техно, Нео Гео, UI-дизайн, Коллаж, Киберпанк и другие.

1. Воздух и фреймы

• Что такое графический дизайн и почему он нужен бизнесу.
• Подробнее о макете как главном канале коммуникации.
• Воздух. 90% людей считают его пустотой и жестоко ошибаются.
• Пространство 1 уровня. Самый простой способ сделать хороший макет.
• Расстояния. 3 вещи, которые должен знать о них каждый дизайнер.
• Интерфейс InDesign. Что и где лежит на этой кухне.
• Фреймы. Строительный материал Индизайна.
• Векторные фреймы. Во имя базовых фигур.
• Графические фреймы. Апартаменты для растра.
• Линковка графики. Это не как в Фотошопе.
• Текстовые фреймы. Ради них создавался Индизайн.
• Все 3 вида фреймов. Семья в сборе.

2. Выравнивание и стили

• Струны. Элементы в макете по струнке ходили, в строгой дисциплине.
• Поля. Начальная опора любого макета.
• Построение полей. 3 способа для старта.
• Советы для полей. Чтобы еще лучше были.
• Блоки. Блочность верстки как современная функция.

• Разбивка пространства. Задаем правила игры.
• Страницы документа. Многостраничка Индизайна.

• Стили. Как ускорить верстку в 3 раза.
• Абзацные стили. Костюмы для текста.
• Символьные стили. Аксессуары для текста.
• Объектные стили. Шкаф для текста.
• Упаковка проекта. Поработали, пора и в папочку собрать.

3. Гарнитуры. Изучаем голос

• Анатомия букв. Из чего состоит тембр голоса.
• Виды гарнитур. Какие голоса бывают.
• Рукописный (Script).
• Засечки (Serif) и Бруски (Slab).
• Гротески (Sans).
• Особые гарнитуры.
• Вопросы лицензии.
• Гарнитуры по нишам бизнеса.

4. Повторяемость и форма

• Повторяемость. Думай, прежде чем вносить новое.
• Контраст формы. Самодостаточность черно-белой формы.
• Плашки. Мощный инструмент для работы с формой.
• Творческая типографика. Свержение прямоугольника.
• Иконки. Быстрая детализация твоего макета.
• Верстка шагов. Когда в тексте указан порядок действия.
• Технологии шрифтов. Форматы и их особенности.
• Нюансы верстки текста. Начиная с кегельной площадки.

5. Цвет

• Функция цвета.
• HSB. Из чего состоит цвет.
• RGB и CMYK. Устройство цветовых моделей.
• Сила черно-белого. И серого.
• Цветовые гармонии. Как сочетать цвета.
• Тупо крутые цветовые комбо.
• Цвет в InDesign. Swatches, Pantone, Tint, Gradients.
• Построение градиентов. Динамика цвета.

6. Многослойность и фигуры

• Пространство 2 уровня. Макеты становятся многослойными.
• Перекрытие. Элементы переплетаются между собой.

• Тень. Надежная иллюзия глубины.
• Прозрачность. Слой есть, но не перекрывает другой.
• Блюр. Размягчение слоев.
• Шум. Почему это в твоем макете?
• Фигуры. Форма, которая живет сама по себе.
• 3 базовых фигуры. Прямоугольник, линия, круг.
• Геометрические и органические фигуры.
• Перо. Создаем фигуры от руки.
• Творческая типографика 2. Тянуть, плавить, резать.

7. Вектор и растр

• Форматы вектора. AI, EPS, SVG...CDR?!
• Векторная графика. Где искать, как докрутить.
• Форматы растра. От JPEG до HEIF.
• Растровая графика. С точки зрения графдизайнера.
• Поиск растра. Интернет щедр.
• Докрутка растра. Два мощных инструмента.
• Разрешение растра. Как его повысить.
• Прозрачный фон. Как вырезать графику из фона.
• Текстуры. Привкус воздуха.
• Pattern Tool. Для векторных паттернов.
• Мокапы. Быстрый способ вписаться в реальный мир.
• Творческая типографика 3. Перспектива, изометрия, 3D.

8. Ткань текста

• Ткань текста. Как сверстать абзац текста.
• Выключка флаговая, центральная, по ширине.
• Микротипографика. Кавычки, черточки, предлоги, пунктуация, цифры, индексы, знак рубля и вот это вот всё.
• Переносы. Слово могучее, но строчка коротковата.
• Списки. Как сделать перечисление в тексте.
• Табуляция. Гибкое разделение текста.
• Настройка колонок текста. Как в газете.
• GREP. Нежное программирование в Индизайне.
• Авто-линии. Автоматизируем фигуры вокруг абзацев.

9. Сетки

• Еще текстовые фреймы. Хвосты, перетекание, содержание.
• Master Pages. Шаблоны страниц. Колонэлементы.
• Сетки. Структурирование пространства.
• Ритмы сетки. Дробим наборное поле.

• Построение колонок. Горизонтальный ритм.
• Построение базовых линий. Вертикальный ритм.
• Модульная сетка. Всё не так, как тебе рассказывали.
• Редкие сетки. Фрактальная сетка, это как вообще.

10. Редактура и развороты

• Копирайтинг = дизайн смысла. Сперва текст, потом графдизайн.
• Инструменты редактора. От простого абзаца к цепляющей верстке.

• Иллюстрации, а не картинки. Иллюстрируем сказанное.
• Рекламные развороты. Приемы маркетинг-кита.
• Текстовые развороты. Журнальные хитрости.

11. Таблицы и диаграммы

• Окно Preflight. Контроль ошибок в макете.
• Таблицы. Пошаговое создание современной таблицы.
• Piechart. Круговая диаграмма.
• Bar Graph. Столбчатая диаграмма.
• Line Graph. Диаграммы-линии.

12. Препресс и интерактив

• Разрешение графики. Что за PPI и сколько его всё-таки нужно.
• Графика в печати. Прогнозируем как будет выглядеть.
• Цветовой профиль. RGB бывает разный. CMYK тоже.
• Управление профилями. Разбираем все ситуации.
• Офсетная печать. Что нужно знать графдизайнеру.
• Особые запросы печати. Крафт, выворотка, лак.
• Развороты. Советы при выборе способа крепления.
• Print PDF. ISO стандарт для файлов в типографию.
• Interactive PDF. Для макетов в интернет.

13. Фриланс (Бонусный урок)

!Урок доступен при выполнении всех домашних заданий и экзамена!
Студия или фриланс? • Цель • Навык, твердое • Продуктовый подход • Оформись, портфолио • Оформись, личный бренд • Проявление, генерация заказов • Переговоры, состыковка • Стоимость • Предпроектная подготовка • Схема предпроектной • Proposal • Техническое Задание • Договор • Предоплата • Этика работы • Защита • Замечания, а не правки • Инструменты для фрилансера

Это интенсивно-суровый курс. Удостоверьтесь, что у вас есть хотя бы 4–6 часов ежедневно. На каждое домашнее задание дается строгий дедлайн. Если не успеете сдать выполненное задание в срок — курс для вас закончится.

Вы ученик, а не клиент. На этом курсе я создал условия, чтобы вы пахали. У вас будут качественные уроки и домашние задания, подробная обратная связь. Но мы с командой не позволим посредственного отношения к обучению. Это не тот курс, куда вы можете прийти ради галочки, чтобы успокоить своё эго. Здесь не будет клиентского сервиса. Сюда приходят ученики.

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

1. Пользуетесь облачным диском (или знаете принцип работы).

2. Можете сами с нуля установить программы от Adobe.

3. Способны сами разобраться как установить новый шрифт (например, с Google Fonts).

4. Понимаете как распаковать zip-файл.