Портфолио_Яковлев_2026 (1)

1.

ПОРТФОЛИО
Графический дизайнер
Яковлев Роман Романович
2026

2.

01 Композиция
05 Стилизация кнопок
02 Модульные системы
06 Шрифты
03 Цвет: атлас систем
07 Инфографика
04 Экран погоды
СОДЕРЖАНИЕ

3.

01
КОМПОЗИЦИЯ

4.

ЗАДАНИЕ 1. КОМПОЗИЦИЯ
Создать формальные композиции на фрейме.
Порядок — беспорядок (2 композиции): на каждой по 4 чёрных квадрата.
Взлёт — падение (2 композиции) без изменения размера квадратов: 4 чёрных
квадрата.
Взлёт — падение (2 композиции) с изменением размера и количества
квадратов; один квадрат можно дробить на более мелкие формы
(прямоугольные полосы).
Теснота (одна композиция).

5.

ПОРЯДОК — БЕСПОРЯДОК
Порядок
Беспорядок

6.

ВЗЛЁТ — ПАДЕНИЕ (БЕЗ ИЗМЕНЕНИЯ РАЗМЕРА)
Взлёт 1
Падение 1

7.

ВЗЛЁТ — ПАДЕНИЕ (С ИЗМЕНЕНИЕМ РАЗМЕРА)
Взлёт 2
Падение 2

8.

ТЕСНОТА
Теснота

9.

02
МОДУЛЬНЫЕ
СИСТЕМЫ

10.

ЗАДАНИЕ 2. МОДУЛЬНЫЕ
СИСТЕМЫ
Создать два варианта постера формата А3
(любой ориентации), представив краткую, ёмкую
информацию о себе или об известной личности с
учётом использования сеток.
Обязательные элементы: фотография,
геометрические формы, текст.
Героями постеров стали дрифтеры: Аркадий
Царьградцев и Георгий Чивчян.
Постер 1 — Аркадий Царьградцев · Постер 2 — Георгий Чивчян

11.

03
ЦВЕТ

12.

ЗАДАНИЕ 3. ЦВЕТОВЫЕ
СИСТЕМЫ
Практическое исследование исторических и современных цветовых систем.
Цель: через создание визуального атласа изучить эволюцию систематизации
цвета, понять принципы систем и их применение сегодня.
Формат: интерактивный или статичный сравнительный атлас цветовых систем
в виде серии плакатов, PDF-документа или веб-страницы.

13.

АНАЛИТИКА: ПЯТЬ ЦВЕТОВЫХ СИСТЕМ
1. Натуральная система
Древность — Возрождение
2. Ньютон
1666, XVII век
3. Иттен
1961, XX век
Цвет = материал. Никакой теории, только природные пигменты из земли, камней и
растений: охра, умбра, лазурит, уголь, мел.
Свет через призму даёт спектр. Белый свет = смесь всех цветов. Цвет —
физическое явление, длина волны, а не свойство предмета. 7 цветов радуги
замкнул в круг.
Преподаватель Баухауса. Создал систему для художников и дизайнеров: 12частный круг и 7 видов контрастов. Цвет воспринимается субъективно и зависит от
соседних цветов.
XX век
Munsell (1905): трёхмерная модель цвета, тон + светлота + насыщенность. Pantone
(1963): библиотека пронумерованных цветов. Каждый цвет имеет точный код, любой
завод воспроизведёт одинаковый результат.
5. RGB / CMYK
RGB для экранов: смешивают свет. CMYK для печати: смешивают краску. Два
разных принципа для двух разных носителей.
4. Munsell / Pantone
XX–XXI век

14.

СРАВНИТЕЛЬНАЯ ТАБЛИЦА ЦВЕТОВЫХ СИСТЕМ

15.

ВРЕМЕННАЯ ШКАЛА ЦВЕТА

16.

04
ЭКРАН ПОГОДЫ

17.

ЗАДАНИЕ 4. ЭКРАН
ЗАСТАВКИ ПОГОДЫ
Этап 1. Создание цветового круга.
Этап 2. Сборка мастер-композиции.
Этап 3. Работа с гармониями.
Этап 4. Финализация интерфейса.
Город: Казань. Четыре времени года, у каждого
своя цветовая гармония.
Лето
Осень
Зима
Весна

18.

ЭТАП 1. ЦВЕТОВОЙ КРУГ ИТТЕНА

19.

ЛЕТО. АНАЛОГОВАЯ ГАРМОНИЯ
Аналоговая
Четыре соседних сектора круга:
жёлтый, жёлто-зелёный, зелёный,
сине-зелёный.
Небо идёт от бирюзового к светложёлтому, холмы и кроны в оттенках
зелёного, солнце жёлтое.

20.

ОСЕНЬ. КОМПЛИМЕНТАРНАЯ ГАРМОНИЯ
Комплиментарная
Два противоположных сектора:
жёлто-оранжевый и синефиолетовый.
Холмы и кроны тёплые, жёлтооранжевые; небо, тучи и река синефиолетовые.

21.

ЗИМА. МОНОХРОМНАЯ ГАРМОНИЯ
Монохром
Один сектор круга: синий.
Меняется только светлота и
насыщенность.
От тёмно-синей травы и стволов до
почти белого снега и облаков.

22.

ВЕСНА. РАЗДЕЛЬНО-КОМПЛИМЕНТАРНАЯ ГАРМОНИЯ
Раздельнокомплиментарная
Три сектора: жёлтый, сине-зелёный
и красно-фиолетовый.
Небо от бирюзового к розовосиреневому, свежая зелень,
жёлтое солнце и розовые цветки.

23.

05
СТИЛИЗАЦИЯ

24.

ЗАДАНИЕ 5. ДВЕ ЛИЧНОСТИ
НАВИГАЦИИ
Цель: освоить стилизацию не отдельного объекта, а целого интерактивного
компонента (кнопки) под два разных стилевых направления продукта;
научиться создавать гармоничные, функциональные и выразительные наборы
UI-элементов.
Задача: создать два визуально контрастных сета основных кнопок навигации:
основная, вторичная и иконка в состояниях «покой», «нажатие», «загрузка».

25.

СЕТ 1. «МЯГКАЯ ГЛИНА»
Плоская версия
Мягкие скруглённые формы,
персиковый и мятный цвета, без
теней и объёма.
Нажатие: тон темнее, форма шире
и площе. Загрузка: бледнее,
форма-«арахис» и точки вокруг.

26.

СЕТ 2. «НЕОН-ТЕРМИНАЛ»
Киберпанк
Тёмные панели со срезанными
углами, неоновые розовый и
голубой цвета, моноширинный
шрифт.
Нажатие: яркая заливка и рамка.
Загрузка: сканлайны, глитч и
полоса прогресса.

27.

06
ШРИФТЫ

28.

ЗАДАНИЕ 6. ШРИФТЫ
Исправление задания 2.
С учётом изученного материала вернуться к
заданию 2 и применить шрифты и типографику.
Заголовки и основной текст набраны разными
шрифтами, настроены размеры, интервалы и
выравнивание.
Постеры после замены шрифтов

29.

07
ИНФОГРАФИКА

30.

ЗАДАНИЕ 7. ИНФОГРАФИКА
Визуализация текста в виде инфографики.
Из предложенных текстов выбрать любой для визуализации и создать 2
варианта инфографических схем.
Выбранная тема: циркулярная экономика.

31.

ВАРИАНТ 1. ЦИКЛ
Циркулярная экономика
Замкнутая схема из четырёх
шагов: берём с умом, производим
долговечное, используем дольше,
перерабатываем.
Идея: ресурсы возвращаются в
цикл, отходов нет.

32.

ВАРИАНТ 2. СТУПЕНИ
Иерархия приоритетов
Четыре ступени снизу вверх: захоронение,
переработка, ремонт и повторное использование,
сокращение потребления.
Чем выше ступень, тем лучше для планеты.

33.

СПАСИБО ЗА ВНИМАНИЕ
Яковлев Роман Романович
Графический дизайнер
Портфолио 2026
CREDITS: This presentation template was created by Slidesgo, and includes icons,
infographics & images by Freepik
Please keep this slide for attribution