Композиция как основа реализации замысла в творческой деятельности
Цели и задачи
- Цель по SMART: к концу урока учащиеся смогут объяснить роль композиции в графическом дизайне и создать эскиз афиши или обложки, осознанно используя не менее четырёх элементов: пятно, линию, цвет, букву, текст и изображение.
- Сформировать представление о композиции как способе организации элементов для передачи замысла и зрительного сообщения.
- Научить анализировать, как пятно, линия, цвет, буква, текст и изображение влияют на выразительность графической работы.
- Развивать умение планировать творческую работу, выбирать художественные средства и аргументировать композиционное решение.
- Воспитывать ответственное отношение к авторскому замыслу, уважение к различным творческим решениям и интерес к профессиям графического дизайнера, иллюстратора и художника-оформителя.
Планируемые результаты
Личностные
- Осознают, что визуальная форма помогает передавать идеи, настроение и информацию в повседневной жизни.
- Проявляют самостоятельность при выборе темы, формата, цветовой гаммы и способов композиционного решения.
- Понимают ценность индивидуального авторского замысла и корректно оценивают работы одноклассников.
- Проявляют интерес к графическому дизайну как сфере современной культуры и возможной профессиональной деятельности.
Метапредметные
- Выделяют главную идею изображения, анализируют взаимосвязь текста и визуальных элементов.
- Планируют последовательность создания эскиза и корректируют композицию после получения обратной связи.
- Работают с визуальной информацией на экране и применяют критерии композиционного анализа.
- Формулируют аргументированное мнение о выразительности работы и участвуют в парном обсуждении.
Предметные
- Знают, что композиция объединяет элементы произведения в целостную выразительную систему.
- Различают и характеризуют элементы графического дизайна: пятно, линию, цвет, букву, текст и изображение.
- Умеют выделять композиционный центр, устанавливать иерархию элементов и использовать контраст.
- Создают эскиз графического продукта с учётом замысла, адресата, читаемости текста и равновесия композиции.
Универсальные учебные действия (УУД)
Личностные УУД
- Определяют личное отношение к выразительным возможностям графического дизайна.
- Соотносят собственный замысел с предполагаемым зрителем и назначением создаваемой работы.
- Проявляют готовность принимать конструктивную критику и совершенствовать результат.
- Осознают ответственность автора за понятность и эмоциональное воздействие визуального сообщения.
Регулятивные УУД
- Формулируют замысел и определяют критерии успешности будущего эскиза.
- Планируют размещение главного элемента, текста и второстепенных деталей.
- Сравнивают промежуточный результат с замыслом и вносят необходимые изменения.
- Оценивают работу по критериям: целостность, иерархия, контраст, читаемость и соответствие теме.
Познавательные УУД
- Классифицируют элементы композиции по их функции в графическом сообщении.
- Анализируют образцы, выделяя композиционный центр, направление движения взгляда и цветовые акценты.
- Моделируют несколько вариантов расположения элементов на ограниченном формате.
- Преобразуют словесный замысел в визуальную схему и делают вывод о наиболее выразительном варианте.
Коммуникативные УУД
- Работают в парах, задают уточняющие вопросы и предлагают корректные рекомендации.
- Аргументируют выбор цвета, шрифта, изображения и композиционного центра.
- Согласовывают формулировки при обсуждении общего анализа визуального образца.
- Соблюдают правила уважительного обсуждения творческих работ.
Подготовка учителя к уроку
- Подготовить презентацию или интерактивную доску с примерами афиш, обложек и информационных плакатов, где хорошо видны пятно, линия, цвет, буква, текст и изображение.
- Подобрать два контрастных ЭОР-образца: выразительную композицию с ясным центром и перегруженную композицию для сравнительного анализа.
- Подготовить цифровой таймер и интерактивное задание на сопоставление элемента и его выразительной функции.
- Распечатать карточки с шестью элементами композиции и их функциями — по одному комплекту на пару.
- Распечатать листы формата А4 с рамкой эскиза — по одному на каждого ученика; подготовить дополнительные листы для повторного варианта.
- Подготовить цветные карандаши, фломастеры, чёрные маркеры, линейки и ножницы; предложить безопасный цифровой редактор или приложение для тех, кто предпочитает работать на планшете.
- Разместить на доске памятку: «Композиционный центр — иерархия — контраст — равновесие — читаемость».
- Подготовить карточки трёх уровней сложности: базовый шаблон с обозначенными зонами, стандартный чистый формат и усложнённое задание с ограниченной палитрой.
- Вывести на экран критерии оценивания и вопросы для парной обратной связи.
- Методические ресурсы: презентация учителя, интерактивная доска, выбранный школьный ЭОР с изображениями графического дизайна, цифровой таймер, карточки анализа и демонстрационный материал без привязки к конкретному учебнику.
Ход урока
Этап 1. Организационный момент и мотивация (4 мин)
Цель этапа: включить учащихся в практическое исследование роли композиции и вызвать интерес к созданию визуального сообщения.
Время | Действие учителя | Действие учеников |
|---|---|---|
1 мин | Учитель приветствует класс и показывает на экране две афиши: одну с ясным крупным заголовком и одну перегруженную мелкими деталями. «Ребята, представьте, что вам нужно за пять секунд понять, о каком событии сообщает каждая афиша. Не читайте всё подряд — сначала просто зафиксируйте первое впечатление». | Молча рассматривают два изображения, выбирают более понятную афишу и записывают одно слово, описывающее первое впечатление: «ясная», «яркая», «перегруженная» или «непонятная». |
2 мин | Учитель организует приём «Подумай — обсуди в паре — поделись». «Сначала подумайте самостоятельно, затем обсудите с соседом: почему взгляд остановился именно на этом месте? Что помогло или помешало понять сообщение? Назовите не менее двух причин». | 30 секунд размышляют, одну минуту обсуждают в парах, затем формулируют ответы: «Взгляд привлёк крупный цветной элемент», «текст трудно читать из-за одинакового размера», «главное изображение расположено в центре». |
1 мин | Учитель подводит к теме: «Сегодня мы выясним, как композиция помогает автору управлять вниманием зрителя, а затем сами создадим эскиз графического продукта». | Формулируют предварительное предположение: «Композиция помогает расположить элементы так, чтобы замысел был понятен». |
Завершение этапа: учитель подводит итог: «Мы увидели, что одинаковые элементы могут сообщать разное в зависимости от их расположения и размера. Теперь вспомним, из каких средств строится визуальное сообщение».
Этап 2. Актуализация знаний и выявление затруднения (5 мин)
Цель этапа: актуализировать знания об изобразительных средствах и обнаружить проблему выбора главного элемента.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель раздаёт каждой паре комплект карточек с названиями элементов и их описаниями. «Соедините элемент с его возможностью: пятно создаёт силуэт или акцент, линия задаёт направление и характер, цвет вызывает настроение и выделяет главное, буква формирует визуальный образ, текст сообщает информацию, изображение конкретизирует содержание». | В парах соединяют карточки, проговаривают пары и готовят по одному объяснению: «Линия может вести взгляд», «цвет выделяет главный объект», «текст уточняет смысл изображения». |
2 мин | Учитель показывает на экране простой макет: большое изображение, заголовок, короткий текст и декоративные линии. «Назовите, что здесь является композиционным центром. Что изменится, если сделать все элементы одинаково крупными и яркими?» | Указывают на композиционный центр, предполагают: «Взгляд будет метаться», «непонятно, что главное», «макет станет перегруженным». |
1 мин | Учитель фиксирует затруднение: «Мы умеем перечислять элементы, но пока не всегда можем объяснить, как выбрать главный и подчинённые элементы. Значит, нам нужен способ организовать композицию». | Формулируют вопрос урока: «Как расположить пятно, линию, цвет, буквы, текст и изображение, чтобы замысел был понятен?» |
Завершение этапа: учитель подводит итог: «Средства выразительности нам знакомы, но их механического набора недостаточно. Давайте поставим цель и откроем правила, которые помогут превратить набор элементов в целостную композицию».
Этап 3. Постановка цели и проектирование работы (4 мин)
Цель этапа: сформулировать критерии будущей работы и предоставить учащимся выбор творческого продукта.
Посмотрите план целиком
Зарегистрируйтесь — и откройте план урока по этой теме полностью: цели, ход урока и рефлексия по ФГОС.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель показывает на доске памятку и говорит: «Предлагаю четыре вопроса для любого дизайнера: что главное? Для кого создаётся работа? Как зритель поймёт сообщение? Что поможет взгляду двигаться по композиции? На уроке вы создадите эскиз афиши, обложки или информационной карточки на свободную тему: школьное событие, экологическая инициатива, музыкальный проект или выставка». | Выбирают тему и формат продукта, записывают краткий замысел по шаблону: «Я сообщаю…, моему зрителю важно…, главным будет…». |
2 мин | Учитель формулирует критерии: «В работе должен быть один ясно выраженный композиционный центр, не менее четырёх элементов графического дизайна, читаемый текст, осознанный цветовой акцент и свободное пространство. Вы можете выбрать базовый, стандартный или усложнённый уровень». | Выбирают уровень: базовый — с готовыми зонами, стандартный — свободная композиция, усложнённый — ограниченная палитра и необычный формат текста. Намечают план из трёх действий: идея, размещение, оформление. |
Завершение этапа: учитель подводит итог: «Цель определена: создать не просто красивый лист, а понятное визуальное сообщение. Сначала быстро исследуем элементы на примерах, затем применим их в собственной работе».
Этап 4. Открытие нового знания через анализ ЭОР-образцов (7 мин)
Цель этапа: открыть практические принципы композиции через наблюдение, сравнение и обсуждение образцов графического дизайна.
Время | Действие учителя | Действие учеников |
|---|---|---|
3 мин | Учитель выводит на экран три образца и ведёт эвристическую беседу: «Посмотрите на первый образец. Куда взгляд попадает сначала? Какой размер у главного пятна? Посмотрите на направление линий: они удерживают взгляд или рассеивают его? Теперь обратите внимание на цвет: какой цветовой акцент повторяется? Назовите конкретный элемент и его функцию». | Рассматривают изображения, отмечают стрелками направление взгляда на рабочем листе, отвечают: «Сначала вижу крупное пятно», «линии ведут к заголовку», «контрастный цвет выделяет дату». |
2 мин | Учитель объясняет, не превращая информацию в длинную лекцию: «Композиция — это организация элементов в целое. В дизайне важны иерархия, равновесие, контраст и ритм. Иерархия показывает, что главное; контраст различает главное и второстепенное; равновесие не даёт листу визуально “упасть”; ритм связывает повторяющиеся элементы». | В тетрадях фиксируют краткую схему: «Композиция = замысел + порядок элементов + выразительность». Подчёркивают слова «главное», «контраст», «равновесие». |
2 мин | Учитель показывает перегруженный макет: «Представьте, что это афиша школьного фестиваля. На ней шесть разных шрифтов, пять ярких цветов и одинаково крупные изображения. Что следует изменить в первую очередь? Обоснуйте решение». | В парах формулируют предложения: «Оставить один главный заголовок», «сократить палитру», «уменьшить второстепенные детали», «оставить свободное пространство». Две пары представляют ответы. |
Запись в тетрадях
Композиция — целостная организация элементов произведения в соответствии с замыслом. В графическом дизайне композиционный центр выделяется размером, контрастом, цветом или расположением. Основные элементы: пятно, линия, цвет, буква, текст, изображение.
Завершение этапа: учитель подводит итог: «Теперь мы знаем: выразительность возникает не из количества деталей, а из продуманной связи между ними. Переходим от анализа чужих решений к собственному эскизу».
Этап 5. Творческая практическая работа (14 мин)
Цель этапа: создать эскиз графического продукта, применив элементы композиции и принципы иерархии, контраста и равновесия.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель раздаёт листы и напоминает алгоритм: «Сначала лёгкими линиями обозначьте формат и композиционный центр. Затем разместите заголовок и изображение. После этого добавьте пятно, цветовой акцент и второстепенный текст. Не начинайте с мелких украшений: сначала проверьте, читается ли главный замысел». | Записывают тему продукта, намечают прямоугольник формата, обозначают композиционный центр и крупными простыми формами размещают основные элементы. |
8 мин | Учитель организует индивидуальную работу с выбором уровня. Для базовой группы предлагает лист с тремя зонами и напоминает: «Выберите главный элемент из предложенных и ограничьте палитру двумя цветами». Для стандартной группы говорит: «Самостоятельно определите центр и создайте текстовое сообщение». Для продвинутой группы: «Используйте ограниченную палитру, нестандартное расположение текста или намеренное нарушение симметрии, но сохраните читаемость». Учитель адресно задаёт вопросы: «Что зритель увидит первым? Почему этот цвет здесь? Что можно убрать?» | Создают эскиз афиши, обложки или информационной карточки. Используют минимум четыре элемента: например, пятно, линию, цвет и текст; добавляют букву или изображение. По ходу работы сверяются с памяткой и вносят изменения. |
2 мин | Учитель объявляет «Стоп-кадр»: «Положите инструменты и отодвиньте работу на расстояние вытянутой руки. Прищурьтесь: виден ли главный элемент? Прочитывается ли сообщение за пять секунд? Если нет, измените размер, цвет или расположение». | Проверяют работу на расстоянии, обводят композиционный центр, увеличивают заголовок или ослабляют второстепенный элемент при необходимости. |
2 мин | Учитель проводит мини-консультацию: «Покажите соседу только эскиз без объяснения. Если он сможет назвать тему и главный элемент, композиция работает. Если нет, задайте вопрос: “Что здесь следует выделить?”» | Показывают эскиз партнёру, получают один конкретный комментарий и исправляют один элемент композиции. |
Запись в тетрадях
- Тема и назначение графического продукта.
- Главный элемент композиции.
- Использованные элементы: пятно, линия, цвет, буква, текст, изображение.
- Одно предложение о том, как цвет, размер или расположение помогают передать замысел.
Завершение этапа: учитель подводит итог: «У каждого уже появился собственный визуальный замысел. Теперь проверим его не только глазами автора, но и критериями композиции и мнением зрителя».
Этап 6. Парная проверка и первичное закрепление (5 мин)
Цель этапа: научить учащихся аргументированно оценивать композицию и корректировать работу по обратной связи.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель предлагает приём «Две звезды и пожелание». «Рассмотрите работу партнёра молча. Назовите две сильные стороны: например, ясный центр и удачный контраст. Затем сформулируйте одно пожелание, начинающееся словами “Можно попробовать…”. Комментируем композицию, а не личность автора». | Заполняют устно или на стикере три пункта: две сильные стороны и одно пожелание. Используют формулировки: «Хорошо выделен заголовок», «цвет поддерживает тему», «можно уменьшить декоративные линии». |
2 мин | Учитель задаёт вопросы для закрепления: «Какой элемент отвечает за направление взгляда? Что помогает выделить главное? Почему текст нельзя делать только красивым, если его трудно прочитать?» | Отвечают: «Линия может направлять взгляд», «контраст и размер выделяют главное», «текст должен быть читаемым и соответствовать назначению». |
1 мин | Учитель просит каждого выбрать одно изменение после проверки: «Не обязательно переделывать всё. Назовите одно точное действие, которое улучшит вашу композицию». | Формулируют действие: «Увеличу заголовок», «уберу лишнее пятно», «сделаю фон спокойнее», «повторю цвет заголовка в изображении». |
Завершение этапа: учитель подводит итог: «Обратная связь помогла увидеть работу глазами зрителя. Осталось оценить собственный результат, назвать открытие урока и определить, что ещё требует доработки».
Этап 7. Рефлексия, оценивание и домашнее задание (6 мин)
Цель этапа: осмыслить результат, соотнести его с целью урока и зафиксировать следующий шаг развития композиционного мышления.
Время | Действие учителя | Действие учеников |
|---|---|---|
2 мин | Учитель проводит рефлексию «Светофор»: «Поднимите зелёную карточку, если можете объяснить роль композиционного центра и использовали это в работе; жёлтую — если получилось частично; красную — если нужна помощь. После цвета закончите фразу: “Сегодня я понял(а), что…”» | Показывают карточку, дополняют фразу: «Композиция помогает управлять вниманием», «цвет может выделить главное», «нужно оставлять свободное пространство». |
2 мин | Учитель предлагает «Билет на выход»: «На небольшом листке ответьте на три вопроса: какой элемент стал главным в вашей работе; какое изменение вы внесли после совета партнёра; какой принцип композиции хотите потренировать дальше?» | Письменно отвечают на вопросы и сдают лист при выходе. |
2 мин | Учитель объявляет критерии и домашнее задание: «Оценка учитывает не художественную “красивость” сама по себе, а соответствие замыслу, осознанность выбора и качество композиционного решения. Сохраните эскиз: на следующем уроке мы сможем развить его в более завершённый проект». | Сверяют работу с критериями, записывают домашнее задание и формулируют личную цель на следующий урок. |
Завершение этапа: учитель подводит итог: «Сегодня вы работали как дизайнеры: определяли адресата, выделяли главное, выбирали средства и проверяли понятность сообщения. Композиция стала для вас не правилом ради правила, а способом сделать замысел видимым».
Критерии оценивания практической работы
- «5» — создан целостный эскиз с ясным композиционным центром; осознанно использованы не менее пяти элементов графического дизайна; текст читаем, цвет и расположение соответствуют замыслу; ученик может объяснить не менее трёх композиционных решений.
- «4» — эскиз в целом соответствует теме, использованы не менее четырёх элементов, композиционный центр определяется, но есть отдельные проблемы с равновесием, контрастом или читаемостью текста; ученик объясняет основные решения.
- «3» — замысел просматривается частично, использованы не менее трёх элементов, но отсутствует ясная иерархия или нарушена читаемость; работа выполнена с опорой на шаблон и требует существенной доработки.
Рефлексия
Вопрос для ученика | Цель вопроса |
|---|---|
Что нового вы узнали о роли композиции в графическом дизайне? | Проверка осознания ключевого понятия и связи композиции с авторским замыслом. |
Какой элемент стал главным в вашей работе и почему? | Выявление умения определять композиционный центр и аргументировать выбор. |
Какое изменение вы внесли после разговора с партнёром? | Оценка готовности принимать обратную связь и корректировать результат. |
Что оказалось самым трудным: выбрать идею, расположить элементы, подобрать цвет или оформить текст? | Выявление индивидуальных затруднений для последующей дифференциации. |
Завершающее слово учителя
«Сегодня мы увидели, что композиция превращает отдельные пятна, линии, цвета, буквы, тексты и изображения в понятное визуальное сообщение. Важно не заполнить весь лист, а определить главное и подчинить ему остальные элементы. Типичная ошибка начинающего дизайнера — использовать слишком много одинаково заметных деталей и забывать о читаемости текста. Сохраните свои эскизы и наблюдайте, как устроены афиши, упаковки и обложки вокруг вас. На следующем уроке мы продолжим развивать замысел и обсудим, как добиться большей выразительности и целостности проекта».»
Домашнее задание
Уровень | Что задать | Зачем |
|---|---|---|
Базовый (обязательный) | Найти дома или в цифровой среде один пример графического дизайна: афишу, упаковку, обложку или информационный плакат. Зарисовать его схему простыми прямоугольниками и подписями, обозначив композиционный центр, текст, изображение и цветовой акцент. | Закрепляет умение выделять элементы и анализировать их расположение; при проверке обратить внимание на правильное определение главного элемента. |
Средний (повышающий) | Создать два небольших варианта композиции на одну тему: в первом главным сделать изображение, во втором — текст. Использовать не менее четырёх элементов и кратко сравнить, какой вариант лучше передаёт замысел. | Развивает вариативность мышления, понимание иерархии и умение оценивать выразительность разных решений. |
Продвинутый (дополнительный) | Разработать цифровой или ручной эскиз мини-плаката на свободную социальную или культурную тему с ограничением: не более трёх цветов, один основной шрифт, один композиционный центр и обязательное свободное пространство. | Формирует навыки проектирования, отбора средств и работы с ограничениями; при проверке оценить целостность, контраст, читаемость и соответствие адресату. |
Контрольные вопросы перед выходом: «Что называют композицией? Какие элементы графического дизайна вы использовали сегодня? Как выделить главное в работе? Почему текст и изображение должны работать на один замысел?»
