Как Сделать Инфографику - Киев, Атмасфера 360

866 views
681 views

Published on

Данна презентация объясняет основные принципы построения инфографики и знакомит с основами информационного дизайна.
Инфографики представленные в презентации находятся на сайте: http://ru.fundersandfounders.com/

Транскрипт лекции:

Хорошая инфографика должна:
- доносить смысл
- выражать сложное явление просто
- все гафические элементы на одном холсте
- напоминать виденное ранее, знакомое, потому должна содержать аналогии
- по порядку представления образов быть похожа на историю жизни, расказывать её, так легче запоминаются факты
- содержать минимум слов, понятия стараться выражать пиктограммами, значками, иконками; количество чего-либо или его соотношение отображать не цифрой а количеством графических объектов.
- быть удобной в пользовании, навигации. Например, при взгляде на инфографическую карту сразу должно становиться ясно откуда её читать.
- быть фрактальной, содержать 3 уровня масштаба объектов; группы объектов разделять свободным пространством, так легче отделить главное от второстепенного, выделить главные объекты.
- быть расцвечена правильно подобранными цветовыми гаммами
- выражать эмоции через рисунок и способ отображения
- использовать не более 2х сочетаемых между собой видов шрифтов
- содержать сведенния и факты (Например, если инфографика о компании, то это могут быть факты из истории компании, о её деятельности)
- основываться только на достоверных, проверенных источниках
ЭТАПЫ СОЗДАНИЯ ИНФОГРАФИКИ
- сначала решить какой смысл мы хотим донести людям
- выбрать предмет или явление, которое лучше всего подходит для несения этого смысла
- найти сведения о предмете или явлении, которое станет объектом нашей инфографики
- т.к. сведений множество, то выбрать из найденых те, которые лучше всего, на наш взгляд, смогли бы выразить исходный смысл
- прописать сценарий, как должна развёртываться картина, какой образ за каким должен следовать
- как они совмещаются, "рассказывают" историю
- прикидываем в уме (визуализируем) конечный результат
- выбраем стиль графики
- сначала рисуем на бумаге (скетч)
- упрощаем нарисованное, выделяя главное
- создаём изображения на компьютере
- тестируем полученное на всевозможных девайсах - ноутбуках, планшетах, см

Published in: Design
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total views
866
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
22
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Как Сделать Инфографику - Киев, Атмасфера 360

  1. 1. Hey, Guys! @annavitals@markvitals
  2. 2. Почему инфографика?
  3. 3. будуйщее информации
  4. 4. ЧТО ТАКОЕ ИНФОГРАФИКА
  5. 5. Кто знает что такое инфографика?
  6. 6. Типы график
  7. 7. Классическая инфографика
  8. 8. MindMap Майнд Мэп Диаграмма Связей
  9. 9. Timeline Тайм Лайн
  10. 10. Anatomy-infographic
  11. 11. Bar Chart Гистограмма
  12. 12. Donut Chart круговая диаграмма
  13. 13. Motion graphic: Анимационная графика (видео)
  14. 14. Motion graphic: Анимационная графика (видео)
  15. 15. Карта
  16. 16. Bubble chart, Пузырьковый чарт
  17. 17. Сейчас в этом зале находится не меньше 500 инфографик, где они?
  18. 18. Лицо - это инфографика
  19. 19. Вы - это инфографика
  20. 20. РЕАЛ-ТАЙМ ПОСТРОЕНИЕ ИНФОГРАФИКИ
  21. 21. Семья Карьера Красота Духовность Путешествие
  22. 22. 20 ПРИНЦИПОВ СОЗДАНИЯ ИНФОГРАФИКИ
  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. Используют аналогии
  40. 40. Инфо- графики просторны
  41. 41. Не говорят того, что можно показать
  42. 42. ДИЗАЙН Юзабилити
  43. 43. Почему инфографики такие длинные?
  44. 44. Фрактальный дизайн
  45. 45. Фрактальный дизайн
  46. 46. Фрактальный дизайн
  47. 47. Фрактальный дизайн
  48. 48. Навигация
  49. 49. Цветовая гамма
  50. 50. Визуальность
  51. 51. Сравните яблоки с апельсинами
  52. 52. Простор
  53. 53. Один главный елемент
  54. 54. Покажите эмоции
  55. 55. Шрифты
  56. 56. by Cam Wilde bit.ly/cZCvHB
  57. 57. ДАННЫЕ
  58. 58. Расскажи историю
  59. 59. Используите большую дату
  60. 60. Где пишите о людях, проводите интервью
  61. 61. Сверяйте источники
  62. 62. Дьявол в деталях
  63. 63. ДЕМОНСТРАЦИЯ ИНТЕРАКТИВНОЙ ГРАФИКИ
  64. 64. ИНФОГРАФИКА - ЭТО КОМАНДНАЯ РАБОТА
  65. 65. РЕАЛ-ТАЙМ ИНФОГРАФИКА
  66. 66. Вопросы
  67. 67. ru.fundersandfounders.com

×