Инфографика для печатного издания

Информационная графика- это всевозможные карты, таблицы, диаграммы (линейные, столбиковые и ленточные, круговые, фигурные), схемы, чертежи, картограммы, картосхемы.

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

Для начала нужно было выбрать сведения, которые могли бы быть интересны читателю. Поэтому работа над созданием инфографики началась с анализа данных. Ниже приведён пример, как большое количества текста, было преобразовано в одну понятную инфографику (рис.3).

Текст:

Институт дизайна костюма:

Дизайн костюма

Дизайн костюма и мерчендайзинг

Институт дизайна и искусств:

Дизайн интерьера

Монументально-декоративное искусство

Дизайн (История и теория)

Теория и история искусств

Институт графического дизайна:

Графический дизайн (в арт-пространстве)

Графический дизайн (в рекламе и бизнес-пространстве; в мультимедийных технологиях)

Институт дизайна пространственной среды:

Дизайн интерьера, мебели и оборудования

Дизайн среды

Дизайн ландшафта

Институт текстиля и моды:

Дизайн костюма (обуви)

Конструирование изделий легкой промышленности (изделий из кожи)

Технология изделий легкой промышленности (изделий из кожи)

Торговое дело

Стандартизация и метрология

Конструирование изделий легкой промышленности (швейных изделий)

Искусство костюма и текстиля

Технология изделий легкой промышленности (швейных изделий)

Технология и проектирование текстильных изделий

Товароведение

Институт прикладного искусства:

Декоративно-прикладное искусство и народные промыслы

Технология художественной обработки материалов

Северо-Западный институт печати:

Издательское дело

Информатика и вычислительная техника

Журналистика

Технологические машины и оборудование

Менеджмент

Реклама и связи с общественностью

Технология полиграфического и упаковочного производства

Графика

Информационные системы и технологии

Институт бизнес-коммуникаций:

Реклама и связи с общественностью

История искусств

Филология

Дизайн (История и теория)

Документоведение и архивоведение

Туризм

Институт менеджмента и внешнеэкономической деятельности:

Менеджмент

Экономика

Менеджмент

Экономика

Институт экономики и бизнеса:

Менеджмент (Маркетинг)

Экономика

Менеджмент (Управление человеческими ресурсами)

Северо-Западный профессионально-педагогический институт:

Профессиональное обучение (Дизайн интерьера)

Профессиональное обучение (Правоведение и правоохранительная деятельность)

Профессиональное обучение (Имиджевый дизайн; Дизайн прически)

Профессиональное обучение (Экономика и управление)

Региональный институт непрерывного профессионального образования:

Товароведение

Факультет естественных и гуманитарных наук:

Организация работы с молодежью

Социальная работа

Факультет информационных технологий и машиноведения:

Технологические машины и оборудование

Информационная безопасность

Прикладная информатика в информационной сфере

Прикладная информатика в экономике

Автоматизация технологических процессов и производств

Прикладная информатика в дизайне

Факультет прикладной химии и экологии:

Техносферная безопасность

Химическая технология

Дизайн текстиля (промышленный дизайн)

Энерго- и ресурсосберегающие процессы в химической технологии, нефтехимии и биотехнологии

Химическая технология

Рис.3 Структура университета СПГУТД

2.6 Композиция и модульная сетка

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

Информационно-развлекательный журнал «SUTDinfo» будет выходить форматом А3 на 20 полосах раз в несколько месяцев.

Основная колонная сетка полос: 3 колонки, ширина колонки - 85 мм; межколонник (расстояние между колонками) - 5 мм. Базовая сетка основана на интерлиньяже в 15 пунктов.

Раскладка полей: верхнее - 15 мм, нижнее - 20 мм, внутреннее - 16 мм и внешнее - 15 мм.

Модульная сетка была разработана с учётом специфики издания. Примеры модульной сетки и её использования в журнале приведены на рис.4, рис.5, рис.6:

Рис. 4

Рис. 5

рис.6

2.7 Цветовое решение

Цвет в журнале основном выполняет коммуникативную, символическую (познавательную) и выразительную (эмоциональную и эстетическую) функции. Основные цвета, используемые в проекте, показаны в схеме 1:

Схема 1.

2.8 Шрифтовое решение

В своём проекте я использую шрифт «FreeSet».

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

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

Шрифт ФриСет изображён на схеме 2

Схема 2

3. ТЕХНОЛОГИЧЕСКАЯ ЧАСТЬ

Инфографика может быть создана вручную с использованием простых повседневных инструментов, таких как бумага, карандаши, маркеры, и корректоры. Тем не менее, сегодня она чаще создаётся с помощью компьютерного программного обеспечения , которое, как правило, быстрее и проще. Они могут быть созданы графических редакторах, таких как Adobe Illustrator или Inkscape. В основном, я пользовалась программой Illustrator. Но существует также ряд специализированных сайтов и инструментов, которые могут быть использованы для создания инфографики.

Есть несколько он-лайн программ для создания, такие как Infogr.am, Piktochart и Easel.ly. Это сайты, которые позволяют пользователям создавать Инфографику из готовых шаблонов, добавлять пользовательские данные и использовать такие диаграммы на сайте или скачать в виде картинок для размещения в своей презентации. Infogr.am представляет собой бесплатный сервис, который генерирует интерактивные инфографику и диаграммы. Piktochart это сайт, который позволяет пользователям создавать инфографику с использованием предварительно определенных тем. Пользователи могут экспортировать себе изображение, когда оно приготовлено. Бесплатный доступ ограничен, но платная подписка позволяет пользователям создавать более качественную инфографику. Easel.ly - ещё один бесплатный сервер для создания инфографики с использованием определённой темы. Пользователи имеют холст, на который они могут перетянуть темы и настроить графики для того, чтобы персонализировать внешний вид своего инфографики.

ManyEyes это проект IBM, которое позволяет пользователям создавать визуализации. Затем они могут поделиться своими визуализациями со всеми другими пользователями, которые в свою очередь, могут делать комментарии и изменять эту визуализацию. Проект предназначен для общего доступа, что позволяет им меняться с течением времени.

Пользователи могут просматривать и настраивать Инфографику мировых данных, таких как рождаемость и ВВП . Существует проект под названием Trendalyzer , который был продан Google в 2007 году. Сдесь прослеживаются некоторые сходства между Gapminder и Google Public Data Explorer , который является большим онлайн хранилищем общедоступных данных с таких ресурсов, как Бюро переписи населения США, Института мировых ресурсов, и Евростата. Пользователи также могут загружать свои собственные наборы данных. Пользователи могут выбрать конкретные данные из набора, и сайт будет создавать визуализации данных в виде различных графиков, таких как диаграммы и ряд графиков. Существуют несколько вариантов, чтобы адаптировать визуализации путем изменения масштаба, оси, и других параметров.

Есть также многочисленные инструменты для создания очень конкретных типов визуализации. Приложение InFoto может быть использован для создания визуализации на основе внедренных данных поверх фотографий для пользователей смартфонов. Пользователи могут создавать инфографику их резюме, используя visualize.me. Сайт Wordle позволяет пользователям создать текста и облака слов от него. ru.wikipedia.org/wiki/Инфографика

¹⁴ ru.wikipedia.org/wiki/Adobe_Photoshop

При работе над моим дипломным проектом основными рабочими программами же являлись Adobe Illustrator, Adobe Photoshop и Adobe Indesign.

Первым этапом работы было создание эскизов информационной графики от руки на бумаге карандашом. Согласно утвержденным эскизом с опорой на достоверные данные об университете были созданы графики в программе Adobe Illustrator и Adobe Photoshop.

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

· RGB

· LAB

· CMYK

· В градациях серого

· Черно-белые

· Duotone

· С 256-цветовой палитрой (Indexed)

· Многоканальные (Multichannel)

В программе Adobe Photoshop обрисовывались некоторые диаграммы.

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

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

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

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

· Специальные возможности для разных типов диаграмм. Для некоторых использовались специальные линии (например, коридор колебания и линии тренда), полосы (например, полосы повышения и понижения, планки погрешностей), маркеры данных и другие параметры, доступные на диаграммах различных типов.

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

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

Изменение контуров элементов диаграмм. С целью заострить внимание на определенных элементах диаграмм, использовались не только цвета, но и линии различных типов и толщины.

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

Adobe Illustrator -- векторный графический редактор, разработанный и распространяемый фирмой Adobe Systems. Иными словами,- это программа для создания векторной графики. Часто она используется для создания иллюстраций, мультяшной графики, диаграмм, чартов и логотипов. В отличие от растровых изображений, в которых информация хранится в сетке отдельных точек, Illustrator при создании форм использует математические уравнения. Это позволяет менять размеры векторных изображений без потерь в разрешении.1¹⁵ ru.wikipedia.org/wiki/Adobe_Illustrator? 5

В Adobe Illustrator происходило построение более сложных элементов информационной графики, нежели простая диаграмма. Тут я создавала пиктограммы, карту мира для одного из разворотов, орнамент на форзац, изменяла и редактировала диаграммы, ранее спроектированные в фотошопе, а так же многое другое.

После завершения создания иллюстраций все изображения экспортировались в формат EPS, совместимый с программой верстки Adobe Indesign.

Adobe InDesign -- издательское программное обеспечение (DTP), разработанное и распространяемое фирмой Adobe Systems. InDesign используют дизайнеры и верстальщики периодики и книг. InDesign -- это сердце десятков издательских систем для газет, журналов и другой издательской среды .

В програме Adobe InDesign после создания модульной сетки путем редактирования числового значения отступов были созданы макеты всех разворотов, импортирована графика, вставлен текст. Верстка текста осуществлялась при помощи панелей Character и Paragraph, особое внимание было уделено соблюдению основ типографике и верстки изданий.

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

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

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

4. ЭКОНОМИЧЕСКАЯ ЧАСТЬ

Наименование издания - журнал «SUTDinfo»

Вид издания - периодическое, информационное

Объем издания в физических печатных листах - 14

Объем издания в страницах - 26

Формат издания: А4

Предполагаемый тираж: 500 экз.

Внутреннее оформление издания:

· Текст

· Иллюстрации, инфографика

· Офсетная многоцветная печать

· Масса бумажного листа 120 гр/м2

Внешнее оформление издания:

· Обложка шрифтовая с иллюстрацией

· Масса 200 гр/м2

· Офсетный способ печати

· Скрепление на скрепку

Формат наборной полосы 272мм на 190мм

Кегль основного текста 8-10

Гарнитура «ФриСет»

Общее количество слов - 928

Общее количество иллюстраций - 14шт.

При работе над книжным изданием должны быть учтены возможные выгоды, эмоции и мотивы. См.таб. 3

Табл. 3 Выгоды и эмоции

Термин	Упрощенное определение	Фактические характеристики
Характеристика	Содержание журнала	Печатное издание для абитуриентов, журнал о СПГУТД
Выгода	Что хочет потребитель	Информацию, которая поможет сориентироваться в городе с первых минут пребывания
Эмоция	Что чувствует потребитель	Интерес, любопытство, удобство, увлечённость к иллюстрациям
Мотив	Зачем журнал абитуриенту	Интерес к университету, существует английская версия, что удобно для иностранца, помощь в ориентировании в университете

На схеме 3 представлены этапы работы над изданием с обозначением соотношения времени, который занял тот или иной этап.

Схема 3

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

Затраты на презентационный проект приведены в таблице 4:

Табл. 4

Вид	Характеристика	Стоимость 2 эк. для презентации
Работы дизайнера	Создание концепции, подбор и редактирование текстов, верстка издания, предпечатная подготовка	15 000 руб.
Печать издания	Печать 2 экземпляров издания для презентации проекта. Формат 210х297, 28 полос, полноцветная печать.	Печать одного разворота 210х297 = 40 руб. Печать одного издания = 40 руб. х 28 (кол-во разворотов) = 1120. Печать 2х изданий = 2240
Постпечатная обработка	Обрезка формата, фальцовка, сборка на скрепку	Сборка журнала на скрепку за 1 экз, до 50 листов бумаги 200 г/м2, с подрезкой по 3 сторонам = 50 руб. Сборка 2х шт. = 50 руб. х 2 = 100 руб.

Авторский гонорар

Авторский гонорар составляет 15000 руб. На авторский гонорар на каждую полосу журнала отводится 536 рублей, который включает в себя гонорары за текст и иллюстрации.

Типографские расходы

Стоимость всего тиража составляет (полиграфические работы) составляет 56000 руб.

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

Расходы на бумагу

Печать происходит на развороте, который составляет А3 формат. Для тиража в 500экз. требуется 7000 листов. Цена на бумагу составляет 2,88 руб. за один лист А3.Всего для реализации потребуется 2,88х7000=20171 рублей. Расходы на бумагу - одна из основных затратных статей.

Общеиздательская себестоимость

Общеиздательская себестоимость - расходы на производство журнала без коммерческих расходов. Она составляет - 156 рублей на один номер.

Полная себестоимость

Себестоимость одного номера экземпляра журнала - 183 рублей Полная себестоимость всего тиража составляет 93171 рублей. Данная сумма составляет примерную себестоимость тиража каждого номера. Возможны расхождения, так как тиражи некоторых номеров либо выше, либо ниже рассмотренного тиража. Общие затраты на весь тираж приведены в таблице 5

Табл.5

Статья затрат	Сумма	%
Расход на авторский гонорар	15000	16,10
Расход на полиграфические работы	56000	60,10
Расход на редакционные расходы	2000	2,15
Расход на бумагу	20171	21,65
Общеиздательская себестоимость	78171	83,90
Полная себестоимость	93171	100

ЗАКЛЮЧЕНИЕ

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

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

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

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

СПИСОК ЛИТЕРАТУРЫ

Основная литература

1. Желязны Д. Говори на языке диаграмм. Пособие по визуальным коммуникациям: Изд-во Манн, Иванов и Фербер, Институт комплексных стратегических исследований, 2011.

2. Хьюс А. Маркетинг на основе баз данных: Изд-во Гребенников, 2008

3. Тафти Э. Представление информации: Изд-во Graphics Press, 1990

4. Уэйншенк С. 100 главных принципов дизайна: Изд-во New Riders, 2012

5. Роэм Д. Визуальное мышление. Как "продавать" свои идеи с помощью визуальных образов: Изд-во МИФ, 2010 г.

6. Яу Н. Искусство визуализации в бизнесе: Изд-во Манн, Иванов и Фербер, Институт комплексных стратегических исследований, 2012

7. Феличи, Д. Типографика: шрифт, верстка, дизайн: Изд-во БХВ-Петербург, 2007

8. Буковецкая О.А. Дизайн текста: шрифт, эффекты, цвет: Изд-во МоскваДМК, 2000.

9. Водчиц С.С. Эстетика пропорций в дизайне: Система книжных пропорций: учеб: Изд-во Учеб. пособие для вузов. -- М.: Техносфера, 2005.

Дополительная литература

1. Волкова Л.А. Издательско-полиграфическая техника и технология: Изд-во МГУП Мир книги, 1999 - С. 81-102

2. Пахомов, В.В. Книжное искусство: Замысел оформления.,: Изд-во М.: искусство, 1961. - С. 24-30

3. Тулупов В.В. Газета: маркетинг, дизайн, реклама: Изд-во Воронеж, 2001. - С. 2-5

4. Открытая база ГОСТов Раздел: общие положения. терминология. стандартизация. Документация

5. Тафти Э. Стятья «Интеллект-карты»

6. Андреева А.Н Статья полиграфическая продукция

7. свободная энциклопедия Википедия, Статья «Инфографика»

8. Скворцов А. статья «Уроки инфографики»

9. Доброва И. статья «Три уровня визуализации: данных, информации, знания»

10. Горчаков М. Статья «История инфографики»

11. Доброва И. Статья «История инфографики»

12. Доброва И. Статья «История инфографики»

13. свободная энциклопедия Википедия, Статья «Инфографика»

14. свободная энциклопедия Википедия, Статья «photoshop»

15. свободная энциклопедия Википедия, Статья «Illustrator»

Размещено на Allbest.ru