МЕТОДИЧЕСКАЯ РАЗРАБОТКА УРОКА «Визуальные коммуникации»

Министерство образования и науки ЛНР

Государственное бюджетное образовательное учреждение

среднего профессионального образования Луганской Народной Республики

ГБОУ СПО ЛНР «Луганский колледж моды, парикмахерского искусства и компьютерных технологий»

МЕТОДОЧЕСКАЯ РАЗРАБОТКА

УРОКА

«Визуальные коммуникации»

Предмет: МДК 04.02. «Подготовка интерфейсной графики»

Специальность: 09.02.01 Компьютерные системы и комплексы

составитель:

мастер производственного обучения

Андреева Валентина Владимировна

Луганск, 2024 год

СОДЕРЖАНИЕ

ВВЕДЕНИЕ 3

ПЛАН УРОКА 4

КОНСПЕКТ К УРОКУ 7

Инструкционно-технологическая карта 10

Приложение 1 17

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

Цель методической разработки урока заключается в создании систематизированного и продуманного плана учебного занятия, который позволит эффективно передавать знания, формировать навыки и развивать способности учащихся. Главная цель состоит в том, чтобы обеспечить структурированный и логичный ход урока, который соответствует образовательным целям и задачам, учитывает индивидуальные особенности учеников и способствует их активному участию в учебном процессе. Методическая разработка также направлена на поддержку учителя в организации учебной деятельности, выборе необходимых методов обучения и контроля усвоения материала, что в конечном итоге способствует повышению качества образования.

Методическая разработка урока "Визуальные коммуникации" также является весьма актуальной в современном обществе, где визуальные материалы играют все более значимую роль в передаче информации и воздействии на аудиторию. Умение создавать и анализировать визуальные сообщения становится важным навыком в различных областях, таких как медиа, реклама, маркетинг, дизайн и образование. Этот урок поможет обучающимся понять принципы эффективного визуального коммуницирования, развить креативное мышление и умение работать с графическими инструментами. Таким образом, методическая разработка урока "Визуальные коммуникации" имеет высокую актуальность и значимость для современного образования.

Тема программы: Введение в компьютерную графику

Тема урока: Визуальные коммуникации

Цель урока:

Образовательная:

Знакомство с особенностями визуального представления информации и принципами психологии зрительного восприятия

Развивающая:

развитие креативных способностей, развитие воображения, способности логически мыслить и излагать правильно мысли.

Воспитательная:

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

Тип урока: урок формирования новых знаний

Вид урока: урок-лекция

Методы проведения урока: рассказ-пояснение с применением экранных средств, беседа.

Дидактическое обеспечение: презентация, конспект учащегося.

Межпредметные связи: Цифровая схемотехника, Инженерная графика

Материально-техническое оснащение: рабочие места, мультимедийное оборудование.

Ход урока

I. Организационная часть –5 мин.

1. Приветствие, отчет дежурного о присутствии учащихся, отсутствии по уважительной и не уважительной причинам.

2. Проверка внешнего вида.

3. Проверка наличия тетрадей, ручек для занятий.

II. Вводный инструктаж –40 мин.

1. Актуализация опорных знаний студентов (10 мин.)

Фронтальный опрос

1. Сообщить тему и цель занятия

2. Мотивация

Проведение теста

Изучение "Визуальных коммуникаций" может быть мотивировано несколькими факторами:

Развитие креативности: Понимание визуальных коммуникаций поможет развить креативное мышление и способность выражать идеи через графические средства.

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

Понимание окружающего мира: Визуальные коммуникации являются неотъемлемой частью современной культуры и общества. Изучение этой темы позволит лучше понимать и анализировать визуальные сообщения, с которыми мы сталкиваемся ежедневно.

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

Изучение "Визуальных коммуникаций" может быть увлекательным и полезным опытом, который приносит пользу как в личной, так и в профессиональной жизни.

1. Изучение нового материала

1. Понятие и особенности визуальных коммуникаций

2. Формы визуальной коммуникации

3. Психология цвета в маркетинге

4. Правила применения цвета в дизайне

5. Форма в дизайне

6. Психология основных категорий шрифтов

1. Закрепление изученного материала

Фронтальный опрос

Домашнее задание: оформить конспект; повторить пройденную тему

Используемая литература:

1. Гарифуллин М.Ф., Обработка текстовой и графической информации / Гарифуллин М.Ф. - М. : Техносфера, 2019. - 174 с.

2. Ёлочкин М. Е. Основы проектной и компьютерной графики. – Москва: Академия, 2019.

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

Язык картинок и образов понятен большинству людей и не требует перевода. Улыбающийся человек на рекламном билборде транслирует радость и счастье. Символ «сердце» означает любовь или симпатию. Пассажиры легко ориентируются в аэропорту благодаря знакам и указателям. Все это визуальная коммуникация.

Большую часть сведений об окружающем мире человек получает с помощью зрения. Визуальная информация легко считывается и интерпретируется мозгом. На ее обработку требуется меньше сил и времени, чем на анализ текста.

Изображения и видео завоевали популярность в диджитал. В 2023 году видео занимает 65% в мировом интернет-трафике. Социальные сети делают ставки на визуальные форматы — reels и сторис. Пользователи предпочитают отправлять смайлы и стикеры в мессенджерах, чтобы быстро донести эмоции до собеседника.

Бренды активно используют визуальную коммуникацию, чтобы оказывать влияние и доносить до потребителей важную информацию.

Она выполняет несколько задач:

Привлекает внимание. Иллюстрация к тексту или баннер с яркой картинкой выделяются на фоне окружения. Они вызывают интерес и желание их разглядеть.

Усиливает сообщение. Образы, сочетания цветов, мимика и жесты людей на изображениях формируют у зрителя определенное эмоциональное состояние.

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

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

Коммуникационный дизайнер умеет общаться на разных уровнях человеческого восприятия:

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

1. Обработка: На этом этапе информация интерпретируется. Дизайнер структурирует наполнение макета, делая его понятным и легко считываемым. Грамотная композиция элементов, например, заголовков, подзаголовков и маркеров, облегчают мозгу анализ и классификацию данных.

1. Осознание: Высший уровень восприятия, где информация связывается с смысловыми структурами и ассоциациями в памяти. Дизайнер визуальных коммуникаций помогает людям быстро и правильно понимать смысл сообщения, концепции и ценности продукта или компании. Важно создать ясную иерархию данных, выделить ключевую идею и сделать её доступной для аудитории.

Преимущества и недостатки

Кажется, что визуальная коммуникация должна иметь только плюсы, однако это не так.

Плюсы

✅ Эффективность. Большую часть информации человек получает с помощью зрения. На её обработку уходит меньше времени, чем на текст. Так она легче считывается и запоминается.

✅ Универсальность. Визуальная коммуникация создаёт общий язык общения, который могут понять люди разных национальностей. Она облегчает диалог и снижает языковые барьеры.

✅ Вовлечение. За счёт визуальной коммуникации можно воздействовать на эмоции людей и вызывать ассоциации. В дальнейшем это формирует доверие клиентов к бренду.

Минусы

❌ Несамостоятельность. Визуальная коммуникация не может передать сложные концепции. В таких случаях она должна быть подкреплена объясняющим текстом или аудиосопровождением.

❌ Разная интерпретация. Могут возникать проблемы с некорректной трактовкой образов, в том числе и из-за национальных особенностей и разного культурного кода.

❌ Дороговизна. Стоимость визуальной коммуникации зависит от проекта. Бывают случаи, когда в проект нужно привлекать разных специалистов, выбирать дорогостоящие устройства или рекламные каналы, например, цифровые билборды, ТВ-рекламу.

Пример несамостоятельности визуальной коммуникации. Без текстового объяснения довольно сложно понять посыл баннеров от WWF, подписи на фотографиях смысл не раскрывают. Обычно для таких рекламных кампаний активно задействуют пиар в СМИ, чтобы рассказать людям об идее, а изображением лишь привлекают внимание

Пример разной интерпретации. Жест «большой палец вверх» в России, США, Англии используют в переписке, чтобы дать одобрение или положительно отреагировать — «класс», «здорово», «супер». А вот в Греции этот знак значит, что нужно замолчать, — в позитивном контексте его не стоит использовать.

Формы визуальной коммуникации

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

Фотография используется, чтобы показать что-то реальное, в том виде, в котором предмет существует.

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

Графика и иллюстрации нужны, чтобы показывать как реальные, так и нереальные объекты и истории. Например, компьютерную графику используют, чтобы создать фантастический мир

Для редизайна магазина для животных Petbarn дизайнер выбрал иллюстрацию, чем сделал бренд более живым и открытым. Дизайн: Marco Palmieri

Иконки чаще всего используют для навигации (стрелки, кнопки), чтобы можно было быстро считать информацию. Иногда они ложатся в основу брендинга — например, на основе иконок может быть построен логотип.

Основное средство визуальной коммуникации сети магазинов «Магнит» — иконки. С помощью них все суббренды обрели единый, строгий визуальный образ. Дизайн: Супрематика

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

Накануне Пасхи Тинькофф опубликовал инфографику, которая показывает, сколько россияне тратят на куличи и сколько штук в среднем покупают. Источник: Tinkoff Data и Tinkoff Index

Анимацию выбирают, чтобы показать продукт в действии. Можно показывать как реальные события, так и вымышленные.

Анимация может воздействовать на эмоции. В этом проекте дизайнер с помощью реакции персонажа подсказывает, на какую кнопку стоит нажать. Дизайн: Mertens Willem

Психология цвета в маркетинге

Цвета могут оказывать сильное воздействие на эмоции, восприятие бренда и поведение потребителей, а также вызывать разные ассоциации и чувства. Правильный выбор цветовой палитры может повысить узнаваемость бренда, привлечь внимание и укрепить позитивные впечатления о нем.

• На 93% людей при принятии решения о покупке товара влияют визуальные факторы (а не вкус, запах и т. д.).

• Люди выносят подсознательное суждение о человеке, окружающей среде или продукте в течение 90 секунд после первого просмотра, и 62–90% этой оценки основано только на цвете.

• Цвет повышает узнаваемость бренда до 80%.

• Цветную рекламу читают на 42% чаще, чем такую ​​же черно-белую.

В 2000 году Heinz изменил цвет своего фирменного кетчупа Heinz EZ Squirt с красного на зеленый, в результате чего объем продаж значительно увеличился и составил 23 млн долларов. На тот момент это был самый высокий рост продаж в истории компании.

Изменив кнопку призыва к действию с зеленой на красную, платформа для маркетинга, продаж и обслуживания клиентов HubSpot обнаружила, что красная кнопка работает лучше зеленой на 21%.

Правила цвета в дизайне

При выборе цветового решения дизайнеру следует ориентироваться на следующие правила:

1. Никаких жёстких правил

Нет однозначного алгоритма, который поможет найти единственный цвет для решения задачи. Несмотря на то что обычно дизайнер работает по ТЗ, у него остаётся много пространства для креатива, в том числе за счёт разнообразия цветовой палитры. Дизайн всегда служит для чего-то, поэтому, прежде чем приступать к проектированию решений, нужно понять, какой нужен результат. Отсюда второе правило.

2. Нужно понимать, зачем используется цвет

У цвета в дизайне несколько ключевых функций, которые можно воспринимать как инструменты для достижения конкретных целей.

Узнавание. Цвет выполняет функцию идентификации бренда или товара. Например, упаковке цвет нужен для того, чтобы покупатель издалека узнавал продукт.

Ниже — три банка, которые можно узнать несмотря на то, что дизайнер намеренно размыл баннеры.

Цвет часто становится запоминающимся атрибутом бренда. Зелёный, например, ассоциируется со Сбербанком, красный — с Альфа-Банком, а жёлтый — с Тинькофф

При планировании цветовой гаммы для бренда Nanoprotech команда опиралась на исследование рынка: одним из основных конкурирующих продуктов в сегменте смазок был бренд WD-40. В зависимости от поставленной цели можно было добиться как отличия, так и сходства с продуктом.

Цветовое кодирование. Цвет помогает различить товары одной линейки, например если на полке стоит три упаковки йогурта одного бренда, но с разными вкусами.

Такой приём используют не только для физических товаров, но и для организации логической структуры на сайтах и в других цифровых продуктах

Привлечение внимания. Контрастные цветовые сочетания помогают привлечь внимание к товару. К примеру, чёрно-жёлтые оттенки, которые используют в упаковках смазки Nanoprotech, также можно встретить на заградительных лентах, которые оформляют в таких цветах, чтобы привлечь максимум внимания.

Жёлтый цвет в сочетании с чёрным образует контрастную пару, достаточно вспомнить дорожные ограждения или униформу рабочих

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

Самый важный элемент в этом примере — кнопка для привлечения оптовых покупателей

Ассоциации. Цвет в дизайне может вызывать ассоциации и влиять на отношение к продукту. При разработке цветовой гаммы смазок Nanoprotech одна из причин, по которой было выбрано сочетание жёлтого и чёрного цветов, — ассоциация с «немецким качеством». Эти цвета присутствуют на флаге Германии, а также их используют многие немецкие бренды. К примеру, известный производитель техники для уборки Kärcher.

Служба доставки DHL, штаб-квартира которой находится в Германии, ассоциируется с высокими стандартами и немецкой точностью

Форма в дизайне

Квадраты и прямоугольники

Эти две формы считаются наиболее часто используемыми. Мы видим их много раз в день. Стены и мебель, книги или мониторы, сотовые телефоны и камеры, а также многие другие повседневные вещи имеют квадратную или прямоугольную форму. Прямые линии и прямые углы этих двух форм дают ощущение надежности и безопасности. Люди сильно ассоциируют квадраты и прямоугольники с практическими вещами, поэтому они приносят чувство доверия и авторитета.

Общие значения:

• дисциплина;

• прочность;

• мужество;

• безопасность;

• надежность.

Треугольники

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

Общие значения:

волнение;

риск;

опасность.

Круги, овалы и эллипсы

Первым и главным смыслом этой формы является вечность, поскольку у круга нет начала или конца. Круг имеет связь с солнцем и Землей, а также с другими космическими объектами, в то время как эллипс подобен всей вселенной. Вот почему круглые формы могут дать ощущение магии и тайны. Кроме того, в отличие от предыдущих фигур круги не имеют углов, что делает их более мягкими.

Общие значения:

• вечность;

• женственность;

• вселенная;

• магия;

• тайна.

Спирали

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

Общие значения:

рост;

креативность;

спокойствие;

интеллект.

Значение естественных форм

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

Общие значения:

оригинальность;

органичность;

баланс;

отдых.

Психология основных категорий шрифтов

Давайте рассмотрим психологию каждой из основных категорий шрифтов.

Шрифты с засечками

Шрифты с засечками – это классика. Когда вы используете их в своих проектах, ваша аудитория понимает, что вы - традиционная компания, которой они могут доверять.

Вот некоторые из ассоциаций и эмоциональных реакций, которые вы можете ожидать от использования шрифта с засечками:

• Доверие

• Уважение

• Власть

• Формальность

Шрифты с засечками отлично подходят для традиционных брендов и отраслей, включая:

• Финансовые компании

• Юридические фирмы

• Страховые компании

• Консультанты

Шрифты без засечек

Рассматривайте шрифты без засечек как более современные, утонченные. Их часто используют компании, связанные с передовыми технологиями.

Вот некоторые из ассоциаций и эмоциональных реакций, которые вы можете ожидать от использования шрифта без засечек:

• Честность

• Современность

• Доверие

• Технологичность

Шрифты без засечек идеально подходят для любого бренда, который хочет, чтобы их дизайн был инновационным, смелым и изысканным, включая:

• Производственные и IT- компании

• Модные бренды

• Стартапы

Рукописные шрифты

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

Ассоциации и эмоциональные реакции, которые вы можете получить от использования рукописного шрифта в своих проектах, могут быть самыми разными:

• Элегантность

• Утонченность

• Tворчество

• Cчастье

• Tрадиционность

Рукописные шрифты могут подойти ряду брендов и отраслей, которые стремятся к элегантному и/или индивидуальному подходу к своим проектам, включая:

• Марки продуктов питания и напитков

• Модные бренды

• Детские бренды

Хорошая коммуникация

Минималистичный дизайн Apple создаёт ощущение премиальности и инновационности. Бренд использует белый фон, чёрный шрифт, простые формы, гармонично задействует пустое пространство — никакого визуального шума, всё внимание на продукте.

В центре внимания — красота решений

Долгая история Coca-Cola прочно сформировала в сознании образ праздника. Бренд узнаваем сразу по красной этикетке, рукописному шрифту, движению большого грузовика, ярким рекламным образам.

В дизайне визуальной коммуникации Coca-Cola часто использует образы, когда семья и друзья собираются вместе за общим столом

Плохая коммуникация

Сок Tropicana решил сделать редизайн: убрал с упаковки изображение апельсина с соломинкой и заменил его на стакан с соком. Это вызвало негативную реакцию у покупателей, которые не узнали упаковку и посчитали её скучной и похожей на упаковки конкурентов. Из-за этого бренд потерял 50 млн долларов и в результате вернулся к изначальному дизайну.

Tropicana хотели сделать акцент на натуральном, свежевыжатом соке — это подчёркивал стакан и крышка в виде апельсина. Однако бренд не учёл, насколько у аудитории была сильная эмоциональная связь со старой упаковкой

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

Аудитория посчитала, что шрифт Helvetica для нового логотипа довольно распространённый, а градиентный квадрат не отличается оригинальностью

Бывают случаи, когда ребрендинг негативно воспринимается аудиторией, но спустя время клиенты привыкают и отмечают положительные изменения.

Когда «Сбербанк» стал Сбером, заменил логотип, добавил градиент — это преобразовало бренд и сделало его более современным

Или — новый логотип МТС. Бренд заменил привычное яйцо на красном фоне на квадрат со вписанными в него буквами. Геометрическое решение помогло выделиться среди конкурентов

Презентация к уроку