Курс Graphic Design

За 34 заняття розбереш основи композиції, колористики й типографії та подружишся з Adobe Photoshop та Illustrator. Попрацюєш над проєктом на кожному етапі: від ідеї та мудборда - до презентації клієнту. Зрозумієш, чого від тебе очікує замовник, як працювати з брифами, ставити цінник на свої роботи й працювати в команді. Як результат - збереш портфоліо, куди покладеш серію постерів, обкладинку та розворот книги, логотип, плакат, три обкладинки для улюблених треків. А також попрацюєш над кейсом для реального клієнта.

Програма курсу

Графдизайн Matters

• Коротко про графдизайн: види, функції, задачі, сфери
• У чому магія графдизайну та де її шукати чаклунам-початківцям
• Концептуальний дизайн
• Українські та світові студії
• Ресурси для натхнення: де і що шукати

Туторіали по софтах. Adobe Illustrator

• Заняття №1. Фічі Adobe Illustrator. Ч.1
• Заняття №2. Фічі Adobe Illustrator. Ч.2
• Заняття №3. Фічі Adobe Illustrator. Ч.3
• Заняття №4. Фічі Adobe Illustrator. Ч.4

Воркшоп

Створити ілюстрацію за допомогою Adobe Illustrator.

Туторіали по софтах. Adobe Photoshop

• Заняття № 1. Фічі Adobe Photoshop. Ч.1
• Заняття № 2. Фічі Adobe Photoshop. Ч.2
• Заняття № 3. Фічі Adobe Photoshop. Ч.3
• Заняття № 4. Фічі Adobe Photoshop. Ч.4
• Заняття № 5-6. Воркфлоу та автоматизація процесів

Воркшоп

Створити колаж в Adobe Photoshop.

Секрети роботи у Figma

• Основні функції Figma
• Фрейми
• Прості фігури. Заливка. Обкладинки
• Векторна графіка
• Текст і шрифти
• Ком'юніті та плагіни
• Модульні сітки + Auto Layout
• Стилі
• Компоненти та їхня варіативність

Онлайн воркшоп по фігмі

• Створюємо обкладинку для альбому за допомогою Figma
• ДЗ:
  • Знайти звичайні оголошення на вулицях та переробити їх у Figma
  • Застосувати знання з колористики, композиції, шрифтів, ілюстрації тощо
  • Зібрати всі оголошення на мокап дошки

Онлайн-воркшоп

Відпрацювання інструментів з Adobe Photoshop та Illustrator, щоб закріпити софтовий блок.

Основи композиції

Вчимо теорію:

• Композиція у графдизайні
• Композиція: точка, лінія, пляма
• Площина, об'єм, простір
• Властивості: цілісність форми, симетрія/асиметрія, статика/динаміка
• Засоби композиції: пропорції, масштаб, контраст/нюанс, ритм/метр
• Композиція як візуальна комунікація

Практикуємось: Створюємо серію простих абстрактних композицій

Домашка: фіналізуємо постери, які почали створювати на занятті.

Колористика

Вчимо теорію:

• Коло кольорів - як виникає колір
• Психологія та символізм кольору
• Колірні контрасти
• Колір та композиція: як поєднувати
• Друк vs діджитал: колірні схеми RGB та CMYK
• Як читати колір

Практикуємось:

• Розбираємо та аналізуємо приклади
• Підбираємо власний приклад (постер, обкладинка музичного альбому або книжки) для передачі настрою або історичного періоду

Домашка:

• Знайти й розібрати на палітру кольорів 5 прикладів колірних рішень у мистецтві
• Використовуючи палітру, створити 5 власних композицій в Adobe Illustrator із різними колірними гамами

Онлайн-воркшоп

Створюємо кілька постерів до улюбленої пісні з різними композиціями та колірними рішеннями.

Привіт шрифт

Вчимо теорію:

• Шрифт: поняття, види, поєднання і трішки анатомії, термінологія
• Антиква та гротески
• Кирилиця та латиниця
• Де шукати шрифти: іноземні та українські словолитні
• Важкі, зухвалі, класичні, смішні - визначаємо характер шрифтів
• Старі й сучасні шрифти та як пов'язані
• Як обрати шрифт для проєкту і чим керуватись

Практикуємось:

• Розбираємо та аналізуємо приклади
• Підбираємо шрифт для себе: який шрифт найкраще передає твій характер та індивідуальність?

Домашка:

• Підібрати шрифтові пари, які передають визначений характер
• Підібрати 10 прикладів кейсів, де шрифт виконує головну роль
• Проаналізувати їх

Воркшоп, де заборонено думати

Робимо 25 ч/б плакатів за 50 хвилин. Придумуємо різні композиції з двома шрифтами в Adobe Illustrator.

Фідбек-сесія

Ненудна типографія та верстка

Вчимо теорію:

• Базові правила типографії: довжина рядка, виключка
• Кернінг та трекінг
• Контраст та баланс: що потрібно враховувати
• Те, що муляє: висячі рядки та прийменники
• Правила хорошої типографії
• Прості сітки та їхнє використання

Практикуємось: розбираємо та аналізуємо приклади.

Домашка: створити обкладинку улюбленої книги.

Ненудна типографія та верстка. Частина 2

Вчимо теорію:

• Базові правила типографії: довжина рядка, виключка
• Кернінг та трекінг
• Контраст та баланс: що потрібно враховувати
• Те, що муляє: висячі рядки та прийменники
• Правила хорошої типографії
• Прості сітки та їхнє використання

Практикуємось: верстаємо один блок тексту різними способами.

Домашка: верстка розвороту цієї ж книги.

Онлайн-воркшоп із типографії

Важко знайти - легко втратити. Робота з ідеєю

Вчимо теорію:

• Що таке ідея
• Де шукати ідею
• Процес генерації ідей
• Кругозір та надивленість
• Художні засоби виразності

Практикуємось:

• Гра "вгадай". Лектор показує різні приклади з дизайну з використанням різних засобів художньої виразності, а студенти мають вгадати, який це засіб
• Придумати декілька ідей для лицьової сторони паковання, використовуючи художні засоби виразності

Домашка: допрацювати й відмалювати в ілюстраторі ідею, яку затвердили на воркшопі.

Айдентика

Вчимо теорію:

• Поняття бренду - що, хто і як
• Що таке айдентика, або ідентичність бренду
• Функції та задачі айдентики
• Види айдентики
• Дизайн-система
• Стилізація
• Розбираємо кейси

Знак і логотип

Вчимо теорію:

• Поняття, функції та роль логотипа
• Складові: шрифт, леттеринг, каліграфія
• Знак: об'єкт, буква, лігатура
• Логотип vs знак

Практикуємось: розбираємо та аналізуємо кейси.

Домашка: зібрати на pinterest дошку з 20 різними лого та проаналізувати їх. Створити лого для закладу.

Знак і логотип. Частина 2

Створюємо логотип з нуля.

Історія та поява українського графічного знаку

Вчимо теорію:

• Короткий огляд історичного контексту української графіки
• Як еволюціонувала українська графічна символіка
• Видатні українські графіки
• Сучасні українські графічні символи

Практикуємось: аналіз конкретного українського графічного знаку: значення та еволюція.

Домашка: обрати й проаналізувати графічний знак. Створити плакат/композицію, використовуючи елементи або форми конкретних знаків.

Фідбек-сесія

Ілюстрація. Запрошений лектор

Вчимо теорію:

• Поняття, функції та роль у проєкті ілюстрації
• Види ілюстрації
• Чи треба бути ілюстратором, щоби бути графдизайнером
• Де (не) потрібна ілюстрація
• Ілюстрація та ШІ

Штучний інтелект і дизайн. Запрошений лектор

Вчимо теорію:

• Які ресурси використовують у дизайні
• Чому не варто боятися, що ШІ замінить дизів
• ШІ як інструмент оптимізації роботи

Практикуємось: створюємо ілюстрацію за допомогою Midjourney або Recraft.

Перш ніж почати дизайн. Робота з проєктом

Вчимо теорію:

• Етапи роботи над проєктом: від А до Я
• ТЗ та бриф (від клієнта чи для клієнта)
• Що робити з нечітким ТЗ
• Комунікація з клієнтом: підводні камені
• Рисерч та ідеї - де шукати й надихатись
• Мудборд, скетч, концепт
• Презентація
• Чого немає в реальності, те є на мокапі
• Де знайти безплатний мокап або зробити його з фото
• Носії та крафт
• Підготовка макетів до друку
• Презентація проєкту

Практикуємось:

• Аналізуємо інші проєкти
• Працюємо з мокапами

Тернистий шлях - кар'єра дизайнера

Вчимо теорію:

• Вчимося працювати з брифом
• Кілька способів не мовчати на брифінгу: запитання для клієнта
• Агенція, проєктна зайнятість, фриланс - що тобі підходить
• Навіщо братися за особисті проєкти або колаби
• Як визначати ціну за проєкти
• Робота в команді
• Баланс & овертайм

Практикуємось:

• Готуємось до брифінгу з клієнтом
• Дивимось кейси лектора

Домашка: підготуватись до брифінгу з клієнтом.

Брифінг студентів

Брифінг студентів 2.0

Презентація драфтів

Презентація драфтів 2.0

Оригінальне, круте і твоє - портфоліо

Вчимо теорію:

• Що точно має бути в портфоліо: мастхев-розділи
• Дивимось на чужі портфоліо
• Створюємо шорт-лист робіт і кейсів: творчі та комерційні
• Як розповісти про свою крутість мовою візуалу
• Кейс на Behance: що робити, чого не робити
• Як презентувати кейс і просувати його
• Роботи & соцмережі

Практикуємось: створюємо сторітелінг для проєкту.

Домашка: розпочати роботу над портфоліо.

Фінальна презентація клієнту

Фінальна презентація клієнту 2.0

Результат курсу

• Розбираєшся в типографіці, колористиці та основах композиції та застосовуєш знання на практиці
• Використовуєш Adobe Photoshop та Illustrator без рандомних кліків
• Вмієш брифувати клієнта й брифуватись, впевнено презентуєш ідеї
• Працюєш над проєктом послідовно: починаючи від мудборда - закінчуючи мокапом та презою
• Створюєш колажі, постери, логотипи, книжкові обкладинки та композиції
• Збираєш портфоліо графдизайнера та стартуєш в агенції або на фрилансі

Викладачі курсу

Мар'ян Івасик - Senior Designer at Moodley