Создание инфографикиTools & tipsRussia |  2011Jane Smorodnikova contact@freshle.com
Что такое инфографика?Создание инфографики, tools & tipsИнфографика – это способ визуального представления данных и знаний, которые упрощает и ускоряет восприятие. Фактически, это один из популярных современных вариантов сделать доносимый мессадж вкусным, даже если он содержит сложные статистические данные.Принципы, положенные в основу инфографики, говорят о том, что визуальное представление информации всегда эффективней, чем текстовое, голосовое, табличное или даже совмещенное (слайдовое).Простой пример
Структура инфографикиСоздание инфографики, tools & tipsВизуализация:- продумайте цветовое решение- создайте графическое представление- добавьте иконки для ссылокСодержимое:- обозначайте временные рамки- приводите статистику- давайте подтвержденияЗнания:- приводите факты- делайте выводыСтруктурирование:- для длинной инфографики (более листа) отдельно важно продумать структуру и поток движения внимания читателя.Структура инфографики
Цветовое решениеСоздание инфографики, tools & tips  Основная роль цветового решения – это удержание внимания читателя и направление его внимания по нужном руслу.  Продумать цветовые схемы лучше до того, как создавать саму инфографику  Для глубоких (длинных) инфографик цветовые схемы нужно использовать для разделения глав или разделов.  Количество используемых цветовых схем может варьироваться от 2 до 10ти в зависимости от объема инфографики.Подсказки по цветам
Исследования и цифрыСоздание инфографики, tools & tipsСоотношение данных к графике – примерно 1 к 1муВсе данные должны иметь подтверждение и быть основанными на фактахПри выборе данных и способе презентации нужно обязательно учитывать целевую аудиторию инфографикиПодсказки по данным
Передача знанийСоздание инфографики, tools & tips  Наиболее важный контент должен быть в центре  Если инфографика горизонтальная, то слева начало, а справа – окончание. Если вертикальная, то сверху начало, а снизу окончание  При выборе цветовых схем проверяйте ассоциации (ex. солнечными цветами не обозначают депрессивные цифры)  Первый экран инфографики – должен быть сборным выводом, остальное – доказательстваФокусируйтесь на целевой аудиторииКак передать знания
Типы инфографикиСоздание инфографики, tools & tipsСтатистическая инфографикаИнфографика на линии времениПроцесс-ориентированная инфографикаГео-ориентированная инфографикаТипографика
Процесс созданияСоздание инфографики, tools & tipsОпределить цель. Это определяет данные, которые нужно собрать.Понять как преподнести. Свести данные, выбрать методы визуализацииПроверить, понятно ли это на самом деле (показать кому-нибудь)Сделать несколько итераций, меняя цветовые решения, структуры, типографику, пока это не станет вкусно и просто.Что определяет дизайн?
Примеры инфографикиСоздание инфографики, tools & tipsСтранные карты
Стена
Комплексная визуализация
Чистая инфографика
Управление данными
Потоки данныхДругие ресурсы с примерами:Блога Эдварта Тафте - гуру инфографикиНовостной блог об инфографикеКоллекция 1, Коллекция 2, Коллекция 3,Коллекция 4, Коллекция 5Коллекция инфографики и блогBlog c инфографикой историиBlog Data Visualization,Blog Graphics explained,Blog Simple ComplexityBlog Well Formed Data, Blog Information BeautifulФликр Группа 1, Фликр Группа 2, Фликр Группа 3Разные способы

Инфографика. Краткая вводная

  • 1.
    Создание инфографикиTools &tipsRussia | 2011Jane Smorodnikova contact@freshle.com
  • 2.
    Что такое инфографика?Созданиеинфографики, tools & tipsИнфографика – это способ визуального представления данных и знаний, которые упрощает и ускоряет восприятие. Фактически, это один из популярных современных вариантов сделать доносимый мессадж вкусным, даже если он содержит сложные статистические данные.Принципы, положенные в основу инфографики, говорят о том, что визуальное представление информации всегда эффективней, чем текстовое, голосовое, табличное или даже совмещенное (слайдовое).Простой пример
  • 3.
    Структура инфографикиСоздание инфографики,tools & tipsВизуализация:- продумайте цветовое решение- создайте графическое представление- добавьте иконки для ссылокСодержимое:- обозначайте временные рамки- приводите статистику- давайте подтвержденияЗнания:- приводите факты- делайте выводыСтруктурирование:- для длинной инфографики (более листа) отдельно важно продумать структуру и поток движения внимания читателя.Структура инфографики
  • 4.
    Цветовое решениеСоздание инфографики,tools & tips Основная роль цветового решения – это удержание внимания читателя и направление его внимания по нужном руслу. Продумать цветовые схемы лучше до того, как создавать саму инфографику Для глубоких (длинных) инфографик цветовые схемы нужно использовать для разделения глав или разделов. Количество используемых цветовых схем может варьироваться от 2 до 10ти в зависимости от объема инфографики.Подсказки по цветам
  • 5.
    Исследования и цифрыСозданиеинфографики, tools & tipsСоотношение данных к графике – примерно 1 к 1муВсе данные должны иметь подтверждение и быть основанными на фактахПри выборе данных и способе презентации нужно обязательно учитывать целевую аудиторию инфографикиПодсказки по данным
  • 6.
    Передача знанийСоздание инфографики,tools & tips Наиболее важный контент должен быть в центре Если инфографика горизонтальная, то слева начало, а справа – окончание. Если вертикальная, то сверху начало, а снизу окончание При выборе цветовых схем проверяйте ассоциации (ex. солнечными цветами не обозначают депрессивные цифры) Первый экран инфографики – должен быть сборным выводом, остальное – доказательстваФокусируйтесь на целевой аудиторииКак передать знания
  • 7.
    Типы инфографикиСоздание инфографики,tools & tipsСтатистическая инфографикаИнфографика на линии времениПроцесс-ориентированная инфографикаГео-ориентированная инфографикаТипографика
  • 8.
    Процесс созданияСоздание инфографики,tools & tipsОпределить цель. Это определяет данные, которые нужно собрать.Понять как преподнести. Свести данные, выбрать методы визуализацииПроверить, понятно ли это на самом деле (показать кому-нибудь)Сделать несколько итераций, меняя цветовые решения, структуры, типографику, пока это не станет вкусно и просто.Что определяет дизайн?
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
    Потоки данныхДругие ресурсыс примерами:Блога Эдварта Тафте - гуру инфографикиНовостной блог об инфографикеКоллекция 1, Коллекция 2, Коллекция 3,Коллекция 4, Коллекция 5Коллекция инфографики и блогBlog c инфографикой историиBlog Data Visualization,Blog Graphics explained,Blog Simple ComplexityBlog Well Formed Data, Blog Information BeautifulФликр Группа 1, Фликр Группа 2, Фликр Группа 3Разные способы