Your SlideShare is downloading. ×
0
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Visualization
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Visualization

316

Published on

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

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

Published in: Design
1 Comment
2 Likes
Statistics
Notes
  • Хорошая презентация, Антон! Спасибо, что поделился:)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
316
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
1
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Инфографика для повседневной работы, или почему круговая диаграмма - это зло Brain Storm Analytics BSAnalytics.com Антон Осипов Аналитик
  • 2. Диаграммы основной инструмент визуализации 2
  • 3. Первые диаграммы 3
  • 4. График 2 4 6 8 10 0 2 4 6 8 10 0 5 10 15 20 4
  • 5. 0 1 2 4 8 16 0 4 8 12 16 График 5
  • 6. 30 36 42 48 54 60 31 33 37 45 41 59 График 6 30 40 50 60
  • 7. 0 30 60 90 120 150 30 35 40 45 50 График 7
  • 8. Гистограмма 0 2 4 6 8 10 0 5 10 15 20 0 2 4 6 8 10 8
  • 9. 3,9 4,0 4,1 4,2 4,3 0 1 2 3 4 5 Гистограмма 9
  • 10. 0,0 4,0 4,1 4,2 4,3 Гистограмма 0 1 2 3 4 5 3,9 4,0 4,1 4,2 4,3 10
  • 11. Гистограмма 0" 1" 2" 3" 4" 5" 4" 5" 4" 5" 11
  • 12. 0,0# 0,5# 1,0# 1,5# 2,0# 2,5# 3,0# 1,0# 2,5# 3,0# Гистограмма 12
  • 13. Гистограмма 13
  • 14. 14Круговая диаграмма
  • 15. Круговая диаграмма 0 2 4 6 8 10 15
  • 16. Пузырьковая диаграмма 16
  • 17. Пузырьковая диаграмма 17
  • 18. 0 1 2 3 4 5 6 7 8 2 4 6 8 10 Точечная и пузырьковая диаграммы 18 0 1 2 3 4 5 6 7 8 2 4 6 8 10 0 1 2 3 4 5 6 7 8 2 4 6 8 10 0 1 2 3 4 5 6 7 8 2 4 6 8 10
  • 19. 19Пузырьковая диаграмма
  • 20. Другие виды диаграмм 20
  • 21. 2000# 2002# 2004# 2006# 2008# 0# 10# 20# 30# 40# 50# 60# 70# 80# Россия#Украина#Казахстан#Австрия# Великобритания#Франция# Финляндия# СШ А# Ю жная#Корея#Япония# 0 10 20 30 40 50 60 70 80 90 2000 2001 2002 2003 2004 2005 2006 2007 2008 Россия Украина Казахстан Австрия Великобритания Франция Финляндия США Южная Корея Япония 0 10 20 30 40 50 60 70 80 90 2000 2001 2002 2003 2004 2005 2006 2007 2008 Россия Украина Казахстан Австрия Великобритания Франция Финляндия США Южная Корея Япония Новые виды диаграмм 21
  • 22. Новые виды диаграмм 22
  • 23. Новые виды диаграмм 23
  • 24. Новые виды диаграмм 24
  • 25. Дизайн основные принципы 25
  • 26. Результат зависит от задачи 26
  • 27. Без цели нет результата 27
  • 28. Дизайн – это исследование 28
  • 29. 29
  • 30. 30
  • 31. 31
  • 32. 0" 5"000" 10"000" 15"000" 20"000" 25"000" 30"000" 35"000" Литва" Эстония" Финляндия" Украина" Латвия" Стоимость"отдыха"зарубежом"(руб.)" 0" 5"000" 10"000" 15"000" 20"000" 25"000" 30"000" 35"000" Литва" Эстония" Финляндия" Украина" Латвия" Стоимость"отдыха"зарубежом"(руб.)" Цвет 32
  • 33. Логика, зашифрованная в цвете 0,0 0,5 1,0 1,5 2,0 2,5 3,0 3,5 4,0 0,0 0,5 1,0 1,5 2,0 2,5 3,0 3,5 4,00,0 0,5 1,0 1,5 2,0 2,5 3,0 3,5 4,0 0,0 0,5 1,0 1,5 2,0 2,5 3,0 3,5 4,0 0,0 0,5 1,0 1,5 2,0 2,5 3,0 3,5 4,0 33
  • 34. 256 x 256 цветов 32 цвета Иногда, выбор слишком широк 34
  • 35. Противоположные Равноудаленые Аналогичные Составные 35Логика, зашифрованная в цвете
  • 36. Edwardian Script American Typewriter Chalkduster Гельветика Футура Баскервиль Шрифт – это просто/сложно Обычный Средний Светлый Сверхсветлый Курсивный Облегченный курсивный Сверхоблегченный курсивный Жирный Жирный курсивный Узкий жирный Узкий насыщенный жирный 36
  • 37. Кегль Если использовать цвет все уже привыкли, то различные размеры шрифтов практически не меняют (я имею в виду не инфографику, а рутинные документы: отчеты, презентации и т.п.) Бояться использовать крупные шрифты не нужно, главное чтобы это было оправдано. Не забывайте про размер (размер шрифта) 37
  • 38. Выделять размером можно только блоки текста целиком. Если вы все же попробуете выделить одно или несколькословтаким образом, то увидите, что это ломает единство текстового блока (то же самое относится и к шрифтам). Для того чтобы выделить слово, фразу или цифру внутри текста, можно использовать жирное или курсивное написание. При этом, курсивный шрифт читатель замечает в процессе чтения текста. В то время, как жирный шрифт виден читателю еще до чтения текста. Различные начертания для различных целей 38
  • 39. Близкие объекты связаны Нижний Киселевск Новгород Великий Нижний Киселевск Новгород Великий 39
  • 40. объекты Нижний Киселевск Новгород Великий Нижний Киселевск Новгород Великий 40Близкие объекты связаны
  • 41. 0" 20"000" 40"000" 60"000" Эстония" Нидерланды" Великобритания" Латвия" Италия" Стоимость"отдыха"зарубежом"(руб.)" 0" 20"000" 40"000" 60"000" Нидерланды" Италия" Великобритания" Эстония" Латвия" Стоимость"отдыха"зарубежом"(руб.)" Элементы, расположенные по прямой линии или вдоль плавной кривой воспринимаются как группа и кажутся более взаимосвязанными, чем элементы, не выровненные по линии или кривой. 41Невидимые линии связи
  • 42. 1 2 3 4 5 6 7 8 2 4 6 8 10 1 2 3 4 5 6 7 8 2 4 6 8 10 1 2 3 4 5 6 7 8 2 4 6 8 10 Форма Размер Цвет Сходные параметры объединяют объекты 1 2 3 4 5 6 7 8 2 4 6 8 10 42
  • 43. 1 2 3 4 5 6 7 8 2 4 6 8 10 1 2 3 4 5 6 7 8 2 4 6 8 10 Расстояние Объединяющий объект Сходные параметры объединяют объекты 43
  • 44. 44Сетка есть всегда
  • 45. 45Способы создания сетки По формату листа По фиксированной пропорции По формату контента
  • 46. 46Способы создания сетки
  • 47. 47Способы создания сетки
  • 48. 48 Выровненные по краю абзацы текста зрительно кажутся более устойчивыми, чем абзацы, выровненные по центру. Однако этот метод хорошо работает только с едино- образными симметричными элементами. Если ваши объекты не входят в эту категорию, их лучше вырав- нивать по визуальному центру. Однородные симметричные объекты Остальные объекты Способы создания сетки
  • 49. 49 Выровненные по краю абзацы текста зрительно кажутся более устойчивыми, чем абзацы, выровненные по центру. Однородные симметричные объекты Остальные объекты Выравнивание Однако этот метод хорошо работает только с едино- образными симметричными элементами. Если ваши объекты не входят в эту категорию, их лучше вырав- нивать по визуальному центру.
  • 50. Не плодите лишние сущности 0" 5000" 10000" 15000" 20000" 25000" 30000" 35000" Литва" Эстония" Финляндия" Украина" Латвия" Стоимость,)руб.) Страна) Отдых)зарубежом) Перелет" Проживание"в"отеле" 0" 5"000" 10"000" 15"000" 20"000" 25"000" 30"000" 35"000" Литва" Эстония" Финляндия" Украина" Латвия" Стоимость"отдыха"зарубежом"(руб.)" Перелет" Проживание"в"отеле" При подготовке отчетов, у меня часто возникает необходимость вставлять в документ информацию, которая не нужна подавляющему большинству читателей (ссылки на источники информации, условия проведения исследований, пояснения). Их легко можно сделать с одной стороны, читаемыми, с другой стороны – не отвлекающими внимание. 50 27
  • 51. Используйте пустые пространства 51
  • 52. Простота и пустота 52
  • 53. Одна сущность – несколько смыслов 53
  • 54. anton@bsanalytics.com 54 on.fb.me/16yNB7E vk.com/realinf Продолжить обсуждение можно здесь: Присылать отзывы и предложения сюда:

×