Общий курс графического дизайна + WEB desing

Кофейня в стиле Америки 20-хх годов, или бренд одежды в анималистичном стиле? Как подобрать для них правильные цвета и придумать подходящий логотип? А какой шрифт использовать?

После прохождения, вы перестанете выбирать цвета, шрифты и композиции «наугад, или я так чувствую». Вместо интуитивных догадок у вас появится правильное системное понимание, как работают цветовые и типографические сочетания, а так же композиционные законы в графическом дизайне
Вы научитесь:
ü   определять, какие палитры подходят для конкретных задач.
ü  будете уверенно располагать элементы так, чтобы они выглядели гармонично и привлекали внимание. Текст, изображения, логотипы — всё будет выстроено в правильном визуальном ритме.
ü  подбирать шрифты к каждому проекту в отдельности, правильно сочетать между собой разные семейства и различать классификации.
Самое главное, что, после этого блока вы сможете самостоятельно ответить на вопрос: «Какое цветовое сочетание, шрифты и композиция, лучше всего подходят для моего проекта?» — и сделать это профессионально.

1. Композиционное решение: как работает пространство, динамика и правильное расположение объектов. Универсальные принципы дизайна.
Дизайнер и зритель, зритель и макет. Особенности человеческого восприятия. Гештальт.
Визуальная компенсация. Ключевые точки макета. Композиционный центр,
пропорции и сетка. Баланс и теория близости. Поля, воздух, контраст.

2. Теория цветового сочетания. Основные характеристики цвета. Ахроматические и хроматические цвета. Законы смешивания цветов. Готовые варианты схем цветового сочетания (монохромная, аналоговая, комплементарная и т. д.)

3. Основы типографики. История и роль типографики. Классификация и структура шрифта. Правила типографики и правила работы со шрифтами. Сочетания шрифтов.

• Детали и тонкости: длина строки, интерлиньяж, выключка, начертания. Значение типографики в коммуникации и брендинге.

Данный блок помогает выйти на новый уровень: от хаотичного дизайна — к системному, осмысленному и трендовому визуальному мышлению.
После его прохождения можно уверенно работать с визуальной айдентикой и понимать, как создаются современные бренды. А именно:

• разбираться в структуре фирменного стиля и уметь создавать его ключевые элементы — от логотипа до цветовой системы и типографики;
• понимать, как формируется визуальный образ бренда и какие решения влияют на восприятие аудитории;
• уметь анализировать тренды графического дизайна и применять их осознанно, а не слепо копировать;
• создавать визуальные концепции, которые выглядят современно, цельно и профессионально;
• аргументировать свои дизайнерские решения и объяснять, почему выбранный стиль работает;
• формировать собственный визуальный язык и начинать мыслить как бренд‑дизайнер, а не просто исполнитель.

1. Айдентика: понятие айдентики и зачем она нужна. Блоки и этапы работы над логотипом
Фирменный стиль. Стили и стилизация. Тренды и мода.
Определение и создание стилеобразующих элементов дизайна. Оформление соцсетей
и офлайн-носителей. Допечатная подготовка и все про ее нюансы.

2. Креативность в дизайне: упражнения на развитие креативности

• Методы и способы генерации креативных идей

Отличия между программами. Основные различия векторной и растровой графики. Связь Photoshop и Illustrator.

Основы Adobe Photoshop

• Интерфейс и знакомство с программой. Настройка программы и горячие клавиши в Adobe Photoshop;
• Создание и редактирование различных видов слоев: растровый, векторный, текстовый, смарт-объект, корректирующий, трёхмерный;
• Редактирование векторных объектов. Основы векторного слоя;
• Набор и редактирование текста в Adobe Photoshop: виды текста, настройка атрибутов текста: гарнитура, шрифт, начертание, кегль, цвет, обводка, выключка, надстрочные символы, регистр, интерлиньяж, трекинг, кернинг, текст вдоль пути;
• Использование палитр
• Манипуляции с содержимым документа в Adobe Photoshop
• Подготовка контента для дизайн-проектов: подбор качественных изображений, определение дефектов в фотографиях, общее и локальное изменение цвета изображения, коррекция фотографий: коррекция резкости, тонового диапазона, контрастности, раздельная коррекция тени и света, удаление цветовых сдвигов, удаление шума и т.д
• Использование корректирующих слоев, смарт-объектов, масок слоя, обтравочных масок, настроечных слоев
• Подготовка и экспорт файлов: форматы экспорта и импорта файлов, типы и назначение, подготовка psd-файлов для печати/для публикации в веб

Основы Adobe Illustrator

• Интерфейс и логика работы программы. Настройка программы и горячие клавиши в Adobe Illustrator;
• Принципы построения векторной графики.;
• Примитивы, манипуляции с ними. Выделение, размеры, расположение, выравнивание. Изменение формы примитивов;
• Работа с цветом. Заливка и обводка. Палитры;
• Кривые Безье вручную. Тренировка использования пера. Трассировка и ее виды;
• Текст. Настройки и использование. Простые эффекты для текста. Шрифтовые композиции.
• Паттерны в Illustrator. Градиент и его использование;
• Сохранение файлов. Экспорт файлов для разных целей. Форматы. Импорт растровой графики. Допечатная подготовка в Illustrator

Этот блок превращает студента из «дизайнера, которого сложно найти» в специалиста, который умеет грамотно заявить о себе и уверенно продвигать свои навыки.
После прохождения этого блока, формируется чёткое понимание того, как представить себя как специалиста и привлечь внимание как клиентов, так и работодателей. А именно:

• формируется профессиональное портфолио, которое демонстрирует сильные стороны, стиль и компетенции.
• умение структурировать работы так, чтобы они вызывали доверие и интерес у потенциальных заказчиков.
• формируется понимает, какие проекты включать, как описывать задачи и результаты, и как визуально упаковать кейсы.
• осваиваются принципы размещения портфолио на разных платформах: от Behance и Dribbble до личного сайта.
• узнаем как работает личный бренд в digital‑среде и какие инструменты помогают выделиться среди конкурентов.
• получаем навыки самопрезентации, которые напрямую влияют на количество откликов, предложений и заказов.

1. Где и что размещать в портфолио, подготовка и отбор соответствующих работ.
Принципы оформления портфолио, и правила презентации своего проекта.

• 2. Ведение соц. сетей как дополнительная часть оформления себя как специалиста.

Этот блок — фундамент, на котором строится дальнейшее обучение веб‑дизайну. Он помогает  перейти от хаотичного «делаю как у других» к осознанному, профессиональному проектированию интерфейсов, а именно:

Понимание логики веб‑интерфейсов
Узнаёте, как устроены сайты, почему элементы располагаются именно так, как пользователи считывают информацию и какие паттерны делают интерфейс удобным.
Навык проектирования структуры
Учитесь создавать:

• информационную архитектуру,
• пользовательские сценарии,
• логичные и удобные навигационные схемы.

Владение основами композиции и сеток
Начинаете работать не интуитивно, а системно:

• сетки,
• ритм,
• визуальная иерархия,
• баланс между текстом, изображениями и пустым пространством.

После прохождения блока:
·+ Сможете проектировать страницы, которые работают, а не просто выглядят красиво.
+ Научитесь аргументировать свои решения, опираясь на UX‑принципы, пользовательские сценарии и композицию.
+ Начнете делать макеты аккуратными, профессиональными и легко масштабируемыми.

ТЕМЫ БЛОКА
1. Особенности дизайна проектов различных типов
2. Компоновка сайтов
3. Уровни работы над проектом
4. Работа с целями заказчика
5. Методы генерирования идей

• 6. Продающий веб-дизайн

Этот блок учит видеть продукт глазами пользователя — понимать, кто он, чего хочет, какие препятствия встречает, какие эмоции испытывает и какие решения ищет.
Учитесь:

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

По сути, это переход от интуитивного дизайна к системному мышлению, где каждый элемент интерфейса, визуала или коммуникации имеет обоснование.
Почему этот блок особенно важен в образовательном контексте?
Обучаетесь системному визуальному мышлению — и этот блок идеально ложится в вашу миссию по изучению. Он помогает:

• связать абстрактные знания о цвете, композиции и брендинге с реальными задачами;
• научиться думать не о себе, а о пользователе;
• сформировать профессиональную привычку начинать проект с анализа, а не с визуала;
• подготовиться к реальным проектам и портфолио, где UX-логика — обязательная часть.

ТЕМЫ БЛОКА:
1. Работа с созданием пользователя
2. Информационная структура
3. Пользовательские сценарии
4. Исследование и анализ поведения пользователей
5. Дизайн системы и UI-kit
6. Техническая реализация дизайна

ТЕМЫ БЛОКА:
1. Подготовка проекта к презентации
2. Виды, способы презентаций
3. Как защищать свой концепт-дизайн перед заказчиком
4. Как правильно презентовать идею
5. Сторителлинг в презентации