Образовательное учреждение: МАНОУ «Центр молодёжи»
Программа: «Графический дизайн»
Тема занятия: ««Типографика в графическом дизайне»
Возраст детей: 12-17 лет
Продолжительность занятия: 2 часа (90 минут)
Цель: освоение обучающимися знаний о типографике, особенностях сочетания шрифтов.
Задачи:
Обучающие:
— развивать интерес к изучению типографики и законов графического дизайна;
— научиться создавать шрифтовые сетки, цветовую гармонию в тексте и композиции;
— овладеть практическими навыками работы в графической программе Adobe Photoshop, с помощью инструмента «Текст».
Развивающие:
— развивать воображение и умение создавать новые образы;
— развивать самостоятельность и инициативность у обучающихся;
— развивать логическое мышление, память, внимание, творческое воображение и творческие способности;
— развивать умение четко формулировать свои мысли, обобщать информацию и делать выводы.
Воспитательные:
— воспитывать в обучающихся уверенность в своих силах средствами учебного занятия;
— воспитывать интерес посредством самостоятельной творческой работы.
Методы:
- Словесный метод: беседа о роли текста в повседневности, история создания и примеры ее использования.
- Наглядный метод: показ презентации «Типографика в графическом дизайне», разбор основных терминов и правил.
- Практический метод: выполнение практического задания по изученному материалу.
Оборудование
Техническое оснащение: интерактивная доска, ноутбук, программное обеспечение PowerPoint, презентация «Типографика в графическом дизайне», Adobe Photoshop.
Использованные интернет-ресурсы:
https://skillbox.ru/media/design/chto_takoe_tipografika/
https://practicum.yandex.ru/blog/chto-takoe-tipografika/
https://rejump.ru/osnovnye-pravila-tipografiki-chto-dolzhen-znat-kazhdyj-dizajner/
План занятия
| № п/п | Наименование этапа занятия | Форма реализации содержания | Время |
|
|
Вводная часть | Приветствие, организационный момент занятия | 1 мин |
| Актуализация знаний. Мотивация и стимулирование деятельности обучающихся | 1 мин | ||
| Сообщение темы занятия | 1 мин | ||
|
|
Основная часть | Беседа о роли текста в повседневности. | 10 мин |
| Теоретическая часть. Показ педагогом презентации по теме. Физкультминутка. | 10 мин | ||
| Практическая часть. Работа в сети Интернет. Поиск творческой идеи и нужного шрифта. Установка шрифта. | 10 мин | ||
| Работа в графическом редакторе Adobe Photoshop, создание текстовой композиции. Зрительная гимнастика, физкультминутка. | 40 мин | ||
|
|
Заключительная часть | Проверка первичного усвоения знаний (блиц-опрос) | 5 мин |
| Подведение итогов работы (Просмотр готовых композиций) | 8 мин | ||
| Рефлексия «Синквейн» | 3 мин | ||
| Рекомендации для самостоятельной работы | 1 мин |
Ход занятия
- Вводная часть
-
- Приветствие, организационный момент занятия
(Проверка готовности к занятию, количества присутствующих, повторение правил безопасности при работе на ПК, психологический настрой).
-Здравствуйте, ребята. Я рада приветствовать вас на занятии. Повернитесь друг к другу, посмотрите друг другу в глаза, улыбнитесь друг к другу, пожелайте друг другу хорошего рабочего настроения на занятии. Теперь посмотрите на меня. Я тоже желаю вам плодотворной работы и новых открытий.
- Актуализация знаний. Мотивация и стимулирование деятельности обучающихся (обучающиеся отвечают на вопросы по ранее пройденному материалу).
— Предлагаю сегодня на уроке вспомнить ранее изученные понятия и термины.
— Что такое графический дизайн?
(Графический дизайн − это форма визуальной коммуникации с использованием текста, изображений или продвижения посыла для представления информации.)
— Что такое растровая графика?
(Растровая графика – это графика, в которой используются пиксели для создания изображений)
— Что такое векторная графика?
(Векторная графика – это графика, в которой используют математические формулы для создания изображений. Они могут состоять из фигур геометрических и линий. Качество векторной графики остается неизменной)
— Какие элементы графического дизайна вы знаете?
(Цвет, изображения, пропорции и композиция, текст).
Сообщение темы занятия
Говоря о способах, методах и инструментах графического дизайна, которыми мы можем донести до окружающих смысл своей работы, (давайте повторим) можно выделить такие элементы как:
— Цвет
— Форма
— Динамичность элементов
— Образное решение темы
— Композиция
— Типографика
Все эти инструменты работают взаимосвязи и исключение одного приведет к логическому дисбалансу в конечной точке проекта.
Итак, переходим к нашей теме занятия — «Типографика в графическом дизайне»
- Основная часть.
- Дискуссия о роли текста в повседневности. Понятие «Типографика»
Время, в котором мы живем, называется «веком информации». Огромная часть информации существует в текстовом виде (учащиеся называют примеры):
-журналы
-сайты,
— web-реклама
— билборды
— книги
Когда мы работаем над проектом, независимо от его формы — плакат, открытка, буклет или презентация, нельзя обойтись без такого визуального инструмента как текст. Ведь именно видя буквы, сочетая их в слова и фразы в большей степени становится понятна задумка автора. Текст усиливает образное представление и дополняет проект.
Мы можем просто вставить текст в иллюстрацию, и он не будет играть в ней важную роль, а можем этот текст проработать, изменить и усовершенствовать так, чтобы получить дополнительный эффект.
- Теоретическая часть. Показ педагогом презентации по теме
Искусство оформления печатного текста, базирующееся на определённых, присущих конкретному языку правилах, посредством набора и вёрстки и является ТИПОГРАФИКА.
Типографика, с одной стороны, представляет собой одну из отраслей графического дизайна, с другой — свод строгих правил, определяющих использование шрифтов в целях создания наиболее понятного для восприятия читателя текста.
Основные термины
Для того чтобы понимать, как работает типографика, нужно знать основные термины этой сферы.
Разберем некоторые из них:
Шрифт
Шрифт — это графическое изображение букв и знаков, создающих единую стилистическую и композиционную систему.
Шрифты различаются по:
- наклону (прямой, наклонный, курсив),
- толщине (легкий, обычный, полужирный, жирный и т. д.),
- ширине (уплотненный, сжатый, обычная ширина, расширенный, вытянутый) и другим параметрам.
Так, например, известные компании создают свой «узнаваемый» шрифт, который позволяет им выделиться среди других.
Сетка
Сетка — это основной инструмент структурирования элементов дизайна.
Обычно он состоит из нескольких прямых линий, которые создают своеобразную рамку для расположения всех компонентов. Сетки позволяют расположить элементы равномерно и пропорционально. В результате получается сбалансированный и гармоничный дизайн.
Образное решение и оформление текста.
Основные правила типографики
- Используй минимум шрифтов
Золотое правило комбинирования шрифтов: ограничьтесь двумя-тремя вариантами в зависимости от задачи. Большее количество будет достаточно сложно привести в соответствие друг с другом. Используйте классические сочетания – античное в заголовке (например, Garamond, Bodoni или Georgia) и гротескное в основном тексте (например, Helvetica, Roboto, Open Sans) или наоборот.
- Размер шрифта: закон идеального размера
Размер шрифта * на 1,6
(18 основной текст – заголовок -28)
- Установите удобный межстрочный интервал
оптимальный интервал составляет 120% размера шрифта. Если мы используем размер 18, то межстрочный интервал должен быть 22. Значение межстрочного интервала должно быть одинаковым по всему тексту, чтобы не нарушать ритм чтения.
- Выберите оптимальную длину строки
Слишком длинные строки могут быть утомительными и рассеивать внимание читателя. А слишком короткие строки заставят читателя все время возвращаться к началу строки, что тоже не способствует удобству.
Оптимальная длина строки должна составлять 50-60 символов с пробелами. В некоторых случаях, особенно в веб-дизайне, его можно увеличить до 80 символов.
- Помните о важности цветов и контраста
Главное правило, которого следует придерживаться при выборе цвета шрифта: он должен быть разборчивым. Очевидно, что черный шрифт на белом фоне читается гораздо легче, чем, например, синий. А все дело в контрасте: чем он выше, тем лучше. Поэтому черное на белом – «золотой стандарт».
- Создайте визуальную иерархию
В частности, иерархию можно создать с помощью
- размера шрифта (чем больше текст, тем он важнее),
- цвета (пример — цветное выделение слов или фрагментов текста, которые необходимо подчеркнуть)
- отрицательного пространства (оно может служить рамкой).
Физкультминутка «Робот». Встать лицом к стене, ноги на ширине плеч, ладони лежат на стене на уровне глаз. Передвигаться вдоль стены вправо, а затем влево приставными шагами, руки и ноги должны двигаться параллельно, а затем передвигаться, используя противоположные руки и ноги.
- Практическая часть. Работа в сети интернет. Поиск творческой идеи и нужного шрифта. Установка шрифта.
- В поисковике Yandex или Fox задать тему «Типографика в графическом дизайне», в разделе картинки найти вариант дизайна, который понравится
- Сохранить вариант в свою папку, изучить построение текстовой сетки.
- Скачать и установить нужный шрифт с помощью сайта ofont.ru
- Работа в графическом редакторе Adobe Photoshop, создание текстовой композиции.
- Открыть программу на ноутбуке Adobe Photoshop
- Задача — сделать похожую текстовую сетку (используя для наглядности вариант, найденный ранее) с помощью инструментов и шрифтов в Adobe Photoshop.
- Физкультминутка, зрительная гимнастика.
-Встать, быстро поморгать, закрыть глаза и постоять спокойно 5 секунд. -Крепко зажмурить глаза на несколько секунд, открыть их и посмотреть вдаль.
-Вытянуть правую руку вперед. Следить глазами за медленными движениями указательного пальца: влево — вправо, вверх-вниз.
-Сесть, поставить руки на пояс, повернуть голову вправо и посмотреть на локоть левой руки, и наоборот.
-Указательными пальцами поделать легкие точечные массирующие движения верхних и нижних век.
- Заключительная часть
- Проверка первичного усвоения знаний (блиц-опрос)
В заключение обобщим все что изучили (учащиеся отвечают на вопросы по пройденной теме):
Что такое типографика? (всё, что касается оформления текста в дизайне: шрифты, размер, цвет и начертание букв).
Назовите главную цель типографики (объединить визуальную и текстовую составляющую в единое целое. Раньше типографику применяли для оформления книг, буклетов, вывесок, афиш. Теперь её используют во всех сферах дизайна: от графического до веб-дизайна)
Что такое шрифт? (графическое изображение букв и знаков, создающих единую стилистическую и композиционную систему)
Перечислите основные правила типографики (используй минимум шрифтов; размер шрифта * на 1,6; оптимальный интервал составляет 120% размера шрифта; оптимальная длина строки должна составлять 50-60 символов с пробелами; главное правило, которого следует придерживаться при выборе цвета шрифта: он должен быть разборчивым, контраст: чем он выше, тем лучше; визуальную иерархию)
- Подведение итогов работы. Просмотр готовых композиций
Типографика — очень важная часть дизайна. Неудачно подобранный шрифт может испортить любую, даже самую интересную идею. Тщательно подобранные шрифты задают настроение и гармоничный вид дизайна.
Обучающиеся представляют свои готовые работы к просмотру на интерактивной доске. Коллективный анализ представленных работ педагогом и обучающимися с целью выявления недочетов и удавшихся моментов, работа над ошибками.
- Рефлексия.
Прием «Синквейн». Обучающимся следует составить синквейн из пяти строк, который синтезирует изученную информацию. Например:
Шрифт
Эстетичный, выразительный
Сочетать, творить, иллюстрировать
Идеи становятся реальностью
Возможности графического дизайна бесконечны
- Рекомендации для самостоятельной работы
Для самостоятельной работы и более глубокого изучения материала, а также для помощи в дальнейшей работе с текстовыми композициями предлагаю изучить дополнительную информацию по теме «Типографика» на следующих сайтах:
