Визуальное представление текстовой информации с помощь инфографики. Лабораторная работа 1

1.

Лабораторная работа № 1
Цель: Подготовить визуальное представление текстовой информации с
помощь инфографики, используя специализированные сервисы.
Краткий теоретический материал:
Термин «инфографика» сегодня широко используется как в сфере
коммуникативного дизайна, так и в других профессиях, связанных с
предоставлением информационного обеспечения деятельности человека. Это
касается экономики, управления, научных исследований, журналистики,
научно-популярной публицистики, образования, пропаганды, рекламных и
бизнес-коммуникаций. Благодаря стараниям средств массовой информации
понятие «инфографика» стало широко известно на бытовом уровне.
Визуализация – это прежде всего инструмент, который сам по себе не
принадлежит к области искусства. Визуализацию можно представить в виде
технологии, процесса превращения числовых данных, местоположения,
взаимосвязей и знаний в форму рисунка, эскиза, поясняющего плана или
иллюстрации.
Можно сформулировать основные признаки, с помощью которых
можно отличить инфографику от иллюстрации или научно-технического
изображения. Это схематичность, условность и эстетичность.
Инфографика представляет собой дизайн-визуализацию, графический
образ совокупности идей и мыслей, донесенных просто, ясно и точно, с
высокой степенью достоверности и результативности. Она имеет несколько
составных частей. Это количественная инфографика (графическое
представление
числовых
данных),
инфографика
местоположения,
инфографика связей, семиотическая и иллюстративная инфографика.
Инфографики начали применяться достаточно давно. Еще в СССР при
оформлении ВДНХ создавались информационные плакаты, к работе над
которыми привлекались дипломированные художники и оформители.
Пионером использования инфографик принято считать редакцию
ежедневной американской газеты USA Today. С 1982 года при оформлении
различных
материалов
использовались
детально
проработанные
иллюстрации, которые сопровождались небольшими комментариями. Такое
нововведение позволило изданию в короткие сроки войти в топ-5 самых

2.

популярных периодических изданий в США. Применение инфографик
позволило заменить большие и относительно трудные для восприятия
информационные статьи доступными графическими материалами, что
заметно повлияло на увеличение аудитории газеты и ее востребованность.
Советы по визуализации:
1. Используйте правильный тип и формат визуализации. Главная
цель визуализации — упростить и ускорить восприятие
информации. Выбранный формат и тип графика должны этому
способствовать, а не мешать. Например, если в круговой
диаграмме больше трех-пяти значений, график становится
нечитабельным. Лучше в таком случае выбрать обычную
линейчатую диаграмму.
2. Располагайте данные логично. Обязательно располагайте данные
в логическом порядке. Чаще всего это последовательно от
большего к меньшему. Если вы показываете на диаграмме
результаты опроса, где есть деление на положительные и
отрицательные ответы, то логичнее их выстроить в таком
порядке: «Да, Скорее да, Нет, Скорее нет, Затрудняюсь
ответить».
Данные можно выстраивать и от меньшего к
большему, если это соответствует цели вашего сообщения. Цель
всегда первична. Прежде чем приступать к построению графика,
четко сформулируйте, какую идею вы хотите донести своей
работой, на что хотите обратить внимание.
3. Дизайн не должен препятствовать пониманию или искажать
данные. Избегайте бесполезных элементов дизайна, таких как
градиенты, тени, эффекты 3D. Они только отвлекают внимание
читателя от сути вашего сообщения. Помните, если визуализация
выполнена красиво, это еще не значит, что она выполнена
качественно. Принципы хорошего дизайна: ясность, простота и
минимализм.
4. Следите, чтобы не было визуальной загроможденности. Когда
необходимо визуализировать много разных типов данных и
категорий, целесообразнее разделять работу на несколько частей.
Например, если на линейном графике больше четырех-пяти
линий или на столбиковой диаграмме больше двух категорий, не
стоит умещать их на одном графике.

3.

5. Придерживайтесь одной цветовой гаммы. Визуальные элементы
(графики, диаграммы, схемы) должны быть выполнены в одной
цветовой гамме.
Ход работы:
1. Выберите исходный текстовый материал из предыдущей лекции согласно
номеру в журнале:
1.1. Понятие информационных технологий (№1, 6, 11, 16, 21)
1.2. История возникновения и развития информационных технологий (№2,
7, 12, 17, 22)
1.3. Особенности новых информационных технологий (№3, 8, 13, 18, 23)
1.4. Классификация видов информационных технологий (№4, 9, 14, 19, 24)
1.5. Свойства информационных технологий (№5, 10, 15, 20, 25)
2. Оставьте для визуализации только те данные, которые помогают донести
нужное сообщение пользователю.
3. Напишите тексты (заголовок, подписи, легенда) для вашей инфографики.
4. Подготовьте прототип вашей будущей инфографики. Прототип может
быть нарисован на листе бумаги.
5. Что обязательно должно быть в прототипе:
5.1. Необходимо, чтобы самое важное занимало больше места и было
самым заметным на макете.
5.2. Поставить весь текст, желательно финальный.
5.3. Все данные отображены (графики, схемы уже можно нарисовать)
5.4. Правильно расположить элементов и акценты, так, чтобы был
правильный порядок считывания информации.
6. Что не надо размещать на прототипе:
6.1. Заглушка вместо текста - текст должен быть примерно в том объеме,
как будет в финальной версии макета.
6.2. Фотографии и иконки. Вместо иконок ставьте кружок, вместо фото квадратик. Главное создать на макете правильный порядок считывания
информации.
7. Выполните реализацию Вашего прототипа с помощью онлайн-сервиса.
Список он-лайн-сервисов для разработки (все они требуют регистрации и
имеют англоязычный интерфейс):
7.1. canva.com
7.2. venngage.com
7.3. infogram.com,
7.4. visual.ly,
7.5. visualize.me,

4.

7.6. resumup.com,
7.7. balsamiq.com
8. Файл или фотографию выполненной работы загрузите в задание.
9. В поле «Ответ в виде текста» укажите, в каком он-лайн-сервисе
выполнена работа.