Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Смотрите в оба или немного об инфографике

31,535 views

Published on

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

Published in: Design

Смотрите в оба или немного об инфографике

  1. 1. СМОТРИТЕ ОБАВ
  2. 2. НЕТ: Названий Имен Характеристик Стоимости
  3. 3. ПОНИМАЕМ: Быстро Эффектно Стильно Ярко Круто Громко Догорого
  4. 4. ПОЧЕМУ? Зрение является главным каналом восприятия То, что воспринимают наши глаза, является только частью общего процесса. Изображения, поступающие в мозг, изменяются и интерпретируются.
  5. 5. Можно с полным основанием сказать, что МОЗГ «ВИДИТ»
  6. 6. Что, какая, зачем и как? ИНФОГРАФИКА
  7. 7. Infographic
  8. 8. Info graphic
  9. 9. Info graphic+
  10. 10. Info graphic+
  11. 11. Info graphic Info graphicby +
  12. 12. это графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподносить сложную информацию. ИНФОГРАФИКА -
  13. 13. показывает скрытое, объясняет запутанное и адаптирует непонятное. ИНФОГРАФИКА
  14. 14. История инфографики Первый пример инфографики в СМИ USA TODAY, 1982г.
  15. 15. История инфографики Карта заболевания холерой Джон Сноу, 1854г.
  16. 16. История инфографики Коммерческий и политический атлас Уильям Плейфэр, 1786г.
  17. 17. История инфографики В смом широком смысле
  18. 18. НАХРЕНА ЕЙ ПОЛЬЗОВАТЬСЯ?
  19. 19. 80% Зрение 11% Слух 3%Обоняние 2%Осязание Объем информации, поступающий через органы чувств
  20. 20. Механизм восприятия мозгом изображений и текста Красивая красная машина мчится по шоссе, пересекая двойную сплошную
  21. 21. Именно настолько увеличивается число просмотов контента с преобладающей визуальной составляющей. Визуальный контент в 40 раз чаще расшаривается в социальных сетях. Изображения в интернете 94% х40
  22. 22. Человек мыслит образами. Образы имеют визуальную форму. Информация, представленная визуально, воспринимается быстрее и вызывает повышенное внимание. Информация, представленная визуально, легче воспринимается, поскольку составляет комплекс готовых образов. Изображения в интернете. Основные тезисы
  23. 23. ВИДЫ ИНФОГРАФИКИ
  24. 24. По формату По способу Статическая Динамическая Интерактивная Сравнение Развитие, тенденция Доля Пространство Алгоритм Устройство
  25. 25. Виды инфографики по формату представления Статическая
  26. 26. Виды инфографики по формату представления Динамическая
  27. 27. Виды инфографики по формату представления Интерактивная
  28. 28. Виды инфографики по способу представления Сравнение
  29. 29. Виды инфографики по способу представления Развитие, тенденция
  30. 30. Виды инфографики по способу представления Определение доли
  31. 31. Виды инфографики по способу представления Пространственное представление
  32. 32. Виды инфографики по способу представления Алгоритм
  33. 33. Виды инфографики по способу представления Внутреннее устройство
  34. 34. КТО КРАЙНИЙ?
  35. 35. Аналитик Собирает информацию, потом анализирует и обрабатывает её, приводит к одному знаменателю - обычно это неоформленные графики, гистограммы
  36. 36. Аналитик Собирает информацию, потом анализирует и обрабатывает её, приводит к одному знаменателю - обычно это неоформленные графики, гистограммы Журналист Пишет тексты, придумывает конву
  37. 37. Аналитик Собирает информацию, потом анализирует и обрабатывает её, приводит к одному знаменателю - обычно это неоформленные графики, гистограммы Журналист Пишет тексты, придумывает конву Дизайнер Компанует полученный материал, наводит марафет
  38. 38. Аналитик Собирает информацию, потом анализирует и обрабатывает её, приводит к одному знаменателю - обычно это неоформленные графики, гистограммы Журналист Пишет тексты, придумывает конву Дизайнер Компанует полученный материал, наводит марафет Программист Работает над интерфейсом и динамическими элементами
  39. 39. КАК СДЕЛАТЬ? 5 шагов
  40. 40. Ни одна инфографика, даже с самым красивым дизайном и идеально подобранными цветами не сможет заинтересовать без соответствующего текстового наполнения. Не важно, какой тип инфографики вы собираетесь создать, текстовый контент всегда будет на первом месте. 1. Сбор информации
  41. 41. Качественная инфографика это не просто набор картинок и текста: это изложение своей точки зрения. Так что, нужнопораскинуть мозгами и подумать как превратить факты в историю. Да, и нужно не забыть придумать запоминающееся, интригующее название. 2. Создаем историю
  42. 42. Советы — рассказ о том, как поступить в том или ином случае. Рассчитаны на определенную категорию читателей, отличаются тем, что со временем не устаревают. 2. Создаем историю
  43. 43. Факты, которые вы не знали — инфографика представляет новые или малоизвестные факты в интересном свете. Можно также комбинировать известные факты и представить их по-новому. 2. Создаем историю
  44. 44. Новости/тренды — могут включать: биографию или факты из жизни звезд, научные новинки, фестивали, войны и т.д. 2. Создаем историю
  45. 45. Сравнение — в основном, используются для выделения преимущества одного продукта над другим. 2. Создаем историю
  46. 46. Вдохновение infographicsmag.ru infografics.ru infogra.ru mercator.ru ria.ru/infografika lenta.ru/parts/infographics visual.ly good.is 5coins.ru infographer.ru informationisbeautiful.net datavisualization.ch 2. Создаем историю
  47. 47. В сети информацию представляют поэтапно – по частям. Степень детализации в эскизах или раскадровке зависит от глубины проработки темы. Эскизы используются в печатной инфографике, а раскадровка в интернет-инфографике. 3. Эскизы/раскадровка
  48. 48. Основной объект в печатных СМИ – это центральное изображение. Оно должно привлекать внимание читателя. В интернет-проекте позиция того или иного аргумента зависит не от размера элемента, а от его положения в цепи логических представлений, так как порядок представления информации следует по принципам цифровой презентациию. 4. Основной и второстепенные объекты
  49. 49. Для печатных СМИ на данном этапе дизайнер сглаживает все элементы на один «слой» и начинает создавать из них информационную композицию, размещая текст. Дизайнер веб-инфографики собирает все воедино, анимирует элементы, накладывает текст или звук, при необходимости. 5. Макетирование
  50. 50. infogr.am piktochart.com visual.ly easel.ly gliffy.com pixlr.com wordle.net dipity.com 5. Макетирование
  51. 51. ЭПИЛОГ ПАРА ТЕЗИСОВ
  52. 52. Лаконичность подачи информации Наглядность Доступность Особенности Содержательность Смысл Легкость восприятия Эмоции Принципы
  53. 53. — И ВСЕ?
  54. 54. Инфографику создают сейчас все, кому не лень. Инфографику нужно продвигать — НЕТ!
  55. 55. Но это история уже другого автомобиля

×