XYZ School

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

  • Язык: Русский
  • Осталось мест: не ограничено
Записаться

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

Курс по основам графического дизайна позволит познакомиться с основными понятиями графического дизайна такими как типографика, айдентика, цвет и композиция. Студенты научатся создавать векторные графические элементы, обрабатывать фотографии, презентовать свои работы. По мере прохождения курса студенты освоят такие программы как: Adobe Illustrator, Adobe Photoshop и Figma

Подскажем какие навыки и где прокачать

Программа обучения
  • Графический дизайн, знакомство с профессией
    Ты узнаешь, как работает графический дизайнер, научишься собирать референсы и мудборды и проанализируешь разные кейсы для прокачки насмотренности.
    • С чего начинается дизайн
    • Как происходит работа с заказчиком
    • Что такое мудборд и как его создавать в Pinterest
    • Формат/флоу работы графического дизайнера
    • Этапы работы
    • Насмотренность, что такое и как развивать
    • Анализ кейсов
  • Типографика и знакомство с Illustrator
    Научишься работать в Adobe Illustrator: создавать и редактировать векторную графику, использовать основные инструменты и подготавливать проекты к печати. Освоишь основы типографики, создание логотипов с использованием креативных техник, а также принципы верстки буклетов. Знакомство с Illustrator
    • Что такое векторная графика
    • Как организовать рабочее пространство в Illustrator
    • Основные инструменты Illustrator: заливка/обводка, инструменты для работы с цветом
    • Как создавать и трансформировать фигуры
    • Как экспортировать работу (файловые форматы)
    • Создание файла и обзор пространства
    • Инструмент «равномерное распределение»
    • Инструменты «перо» и «заливка»
    • Инструмент объединения контуров и маски
    • Сохранение файлов
    Шрифты и типографика
    • Гарнитура и шрифт
    • Основные параметры шрифтов
    • Где искать шрифты
    • О шрифтовых лицензиях
    • Как подбирать пары шрифтов
    • Классификация шрифтов
    • Характер шрифта
    • Интерлиньяж, трекинг, кернинг и выравнивание текста
    • Знакомство с инструментом «текст»
    • Создание визитки
    Креативная идея и логотип
    • Как анализировать кейсы
    • Что такое идея
    • Методики/механики придумывания идей
    • Что такое метафоры первого порядка
    • В чем польза дизайн-челленджей
    • Как создавать логотипы
    • Развитие насмотренности
    • Упражнения на развитие креативности
    • Креативные челленджи
    • Логотип и его виды
    • Метафора в логотипе
    Верстка буклета
    • Создание буклета
    • Особенности многостраничной верстки
    • Как создать буклет
    • Как пользоваться сеткой документа
    • О выравнивании текстов
    • Способы выделения информации
    • Как работать с массивами текста
    • Принципы гештальта
    • Cетка документа
    • Cоздание сетки
    • Верстка первой и второй страницы
    • Верстка третьей страницы
    • Подготовка макета к печати
    • Сборка проекта
    Домашние задания: повторить 3 шейповых логотипа на выбор, подобрать шрифты и придумать метафору для логотипа для своего проекта, орисовать логотип.
  • Цвет и работа с изображениями
    В этом блоке ты научишься работать с цветом, освоишь базовую обработку фото, ретушь, цветокоррекцию и работу со слоями в Photoshop. А еще научишься создавать свой мерч: шоперы, одежду и термосы. Основы цвета в графическом дизайне
    • Восприятие цвета человеком
    • Базовая теория цвета
    • Как подбирать цветовые схемы
    • Как работать с образцами цвета
    • Где найти цвет в программе
    • Отличия CMYK и RGB
    • Как использовать прозрачность, цветовые панели, градиенты
    • Виды цветового пространства
    • Пантон
    • Цветовая гармония
    • Анализ примеров
    • Цвет в программе
    Знакомство с Photoshop
    • Как работают основные инструменты Photoshop
    • Как произвести базовую обработку изображения/ретушь
    • Как работать со слоями и прозрачностью
    • Как сохранять фотографии
    • Инструменты для ретуши
    • Цветокоррекция и маски
    • Режимы наложения слоев
    • Обтравка фото
    • Интеграция фото
    Обзор креативного мерча
    • Как создавать предметы с символикой бренда
    • Как визуализировать идеи
    • Виды мокапов
    • Способы создания своих мокапов
    • Где искать мокапы
    • Как демонстрировать идеи на мокапах
    • Мокап шопера
    • Мокап термоса
    • Мокап одежды
    Домашние задания: подобрать основные и дополнительные цвета для логотипа, финализировать его цветные версии; выгрузить логотип в разных форматах для клиента; прописать кодировки цветов в формате HEX, RGB, CMYK, HSB; создать 1−3 элемента мерча для своего проекта.
  • Композиция и айдентика
    Научишься работать с композицией, шрифтами, фото и стилями, поймешь разницу между айдентикой и брендингом. Освоишь создание гайдбуков и брендбуков.
    • Что такое композиция
    • Виды композиций
    • Приемы композиции
    • Как добавить воздух в макетах
    • Что такое якорные точки
    • Как работают визуальные пятна на макетах
    • Как владеть вниманием зрителя
    • Как человек считывает информацию
    • В чем разница айдентики и брендинга
    • Константы айдентики
    • Как айдентика должна отражаться в раскладке
    • Как сохранить воздушность в раскладке
    • Чередование планов
    • Чередование стилей изображений.
    • Шрифт и верстка
    • Фотостиль
    • Гайдбук и брендбук
    • Стиль
    • Сборка раскладки
    Домашние задания: финализировать стилевые приемы своей айдентики; собрать раскладку 9 постов с использованием элементов своего стиля.
  • Презентация проекта и знакомство с Figma
    Научишься создавать прототипы презентаций проекта в фигме и создашь свой лендинг на тильде. Презентация своей работы
    • Цели и задачи презентации
    • Почему сначала надо делать прототип
    • Как выстроить повествование в презентации
    • Как работать в Figma
    • Элементы стиля в презентации
    • Сборка прототипа
    Сборка и подача проекта
    • Работа с фотоизображениями
    • Работа с текстом и цветом
    • Сборка проекта
    • Создание бейджа
    • Выгрузка презентации
    Создаем лендинг на тильде
    • Особенности сборки сайтов на тильде
    • Какова роль дизайнера в создании сайта
    • Как загрузить сайт в сеть
    • Как создать мобильную версию
    • Особенности сайта tilda. сс
    • Особенности сайта readymag.com
    • Обзор сайта tilda. сс
    • Создание страницы
    Домашние задания: проработать структуру подачи проекта, придумать повествование, собрать прототип в Figma.