Бакалавриат
2020/2021
Основы инфографики
Лучший по критерию «Полезность курса для Вашей будущей карьеры»
Лучший по критерию «Полезность курса для расширения кругозора и разностороннего развития»
Лучший по критерию «Новизна полученных знаний»
Статус:
Курс по выбору (Медиакоммуникации)
Направление:
42.03.05. Медиакоммуникации
Кто читает:
Институт медиа
Где читается:
Факультет креативных индустрий
Когда читается:
3-й курс, 1, 2 модуль
Формат изучения:
без онлайн-курса
Преподаватели:
Новичков Алексей Владимирович
Язык:
русский
Кредиты:
4
Контактные часы:
50
Программа дисциплины
Аннотация
Инфографика — это предмет деятельности, который вышел за рамки графического дизайна и анализа данных и прочно занял своё место в сфере мультимедийных коммуникаций. Умение грамотно комбинировать изображения, схемы и текст является необходимым навыком наравне с компьютерной грамотностью и владением английским языком. Курс разработан для студентов факультета «Коммуникации, медиа и дизайн» НИУ ВШЭ. Выбравшие курс студенты получают базовое представление о графическом оформлении статистических и аналитических данных. В программе курса упор делается на технологии визуальных коммуникаций и актуальные инструменты графического редактирования.
Цель освоения дисциплины
- Сформировать фундаментальное понимание технологии информационной графики.
- Сформировать базовые навыки владения инструментами графического редактирования.
- Дать представление о механизмах и культуре визуальных коммуникаций.
- Сформировать практические навыки создания инфографики.
Планируемые результаты обучения
- Понимает «дизайн» применительно к коммуникации, знаком процессами визуального мышления, владеет навыками создания эскизов схем.
- Знает ключевые этапы развития современной инфографики, помнит яркие и качественные примеры, отличает качественную инфографику.
- Знает типы распространённых диаграмм и их составные элементы. Знает алгоритм выбора типа диаграммы для визуализации статистических данных.
- Владеет инструментом векторной графики Gravit Design. Может создавать схематические изображения для оформления визуальной коммуникации.
- Владеет навыками компьютерного моделирования на примере использования программы Blender 3D.
- Владеет навыками комплексной и автоматической визуализации статистических данных с помощью программы Nodebox3.
- Знает правила сочетания шрифтовых гарнитур, может спроектировать шаблон оформления серийной инфографики, который включает шрифтовые стили и направляющие.
- Владеет навыками работы в программе Figma.
- Знает о правилах подбора цветовых сочетаний с помощью цветового круга, знает про ограничения связанные с адаптацией гаммы под людей с ограничениями, умеет настраивать шаблоны цветов в программе Figma.
- Знает, что такое единство стиля при использовании пиктограмм.
- Подбирает или создает единообразные пиктограммы.
- Создает несколько пиктограмм с помощью программы Gravit Designer.
- Владеет навыком создания блок-схем с помощью программы Miro, умеет адаптировать их под графический шаблон в программе Figma.
- Может подобрать или создать пиктограммы для инструкции на заданную тему.
- Владеет базовыми навыками подготовки к публичным выступлениям, может оформить материал в аккуратную и понятную презентацию.
- Владеет базовыми навыками подготовки к публичным выступлениям.
- Оформляет материал в аккуратную и понятную презентацию.
Содержание учебной дисциплины
- Визуальная коммуникаци.Что такое визуальная коммуникация. Что такое «дизайн». Пол Рэнд и его определение «дизайна». Проблема смысла и формы. Работа зрительной системы человека. Гештальт эффекты. Нейроэстетика. Точка, линия, плоскость. Графические приёмы. Кристоф Ниман. Скрайбинг.
- Современная инфографика.Пионеры инфографики. Отто Нейрат и Изотайп. Инфографика в докомпьютерное время. Компьютерная инфографика — хорошая и плохая. Инфографика в многостраничных изданиях. Мультимедийная инфографика. Ежегодные каталоги и конкурсы инфографики. Инфографика в России: атлас Маркса, Изостат, журнал «Всё ясно», студия «Паровоз», журнал «Инфографика», РИА Новости, ТАСС. Поиск и создание коллекций вдохновляющих примеров.
- Анатомия диаграммПрямоугольная система координат. Сравнение высоты и длины. Столбчатые и линейчатые диаграммы. Сравнение положения и размера. Точечные и пузырьковые диаграммы. Ганс Рослинг и Джин Желязны. Сравнение множества состояний во времени. Линейные диаграммы. Оси. Сетки. Заголовки и подписи осей. Подписи значений. Указание источников. Круговая диаграмма и проблемы её использования. Алгоритм выбора визуализации. Разбор характерных ошибок. Построение и редактирование стиля диаграмм в Excel.
- Графический дизайн.Базовые принципы графического дизайна. Композиция. Канон Массимо Виньелли. Золотое сечение и правило третей. Растровая и векторная графика. Знакомство с Gravit Designer. Векторные примитивы. Слои, страницы. Редактирование кривых Безье. Дублирование и трансформация элементов макета. Выравнивание. Микромодули и прямоугольная сетка. Изометрическая сетка. Цвет и градиент.
- Компьютерная графика.Компьютерное моделирование. Творчество Джона Гримвейда и Брайна Кристи. Примеры использования. Знакомство с программой Blender 3D. Визуализация трёхмерной модели. Свет и тени. Визуализация и анимация. Редактирование аудио и видео в Blender. Экспорт для демонстрации в интернет.
- Визуализация.Примеры комплексной информационной графики. Творчество Натана Яу. Визуальное алгоритмическое программирование. Автоматизация создания серийной визуализации с помощью Nodebox3. Экспорт изображений.
- Типографика.Классификация и анатомия шрифтов. «Новая типографика» и «Облик книги» Яна Чихольда. Алгоритм подбора сочетаемых шрифтов. Создание таблицы стилей шрифтов. Использование модульной системы для соблюдения единства стиля оформления графического макета. Творчество Мюллера-Брокмана. Знакомство с Figma. Создание типографического шаблона для многоразового использования.
- Колористика.Сочетаемость шрифтов. Теория Йоханнеса Иттена. Цветовой круг. Оптические иллюзии. Дальтонизм и другие проблемы восприятия цвета. Адаптация цветовых схем для людей с ограничениями восприятия цвета. Современные инструменты подбора цветовых схем для визуализации данных. Работа с цветом в Figma.
- Схематическая иллюстрация.Понятие «схема». Иллюстрации и схемы. Пиктограммы. Творчество Герда Арнца. Хорошие и плохие примеры использования пиктограмм. Единообразие стиля пиктограмм и иконок. Создание серии пиктограмм. Использование пиктограмм для создания схематических иллюстраций.
- Инструкции и блок-схемы.Создание и применение инструкций. Инструкция, как медиаконтент. Тематики инструкций. Блок-схема. Использование блок-схем в инструкциях. Инструменты проектирования блок-схем. Описание блок-схем с помощью плоских таблиц. Автоматическое построение диаграммы связей.
- Подготовка к просмотру.
- Просмотр.
