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