4 infographics and colours v_moroz

657 views
589 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
657
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

4 infographics and colours v_moroz

  1. 1. Світ мультимедіа для журналістів В італій Мороз Інтерньюз-Україна
  2. 2. <ul><li>Якими були онлайн-видання </li></ul><ul><li>10 років тому? </li></ul>
  3. 3. ?
  4. 4. <ul><li>1) ProUA.com </li></ul><ul><li>2) Gazeta.ru </li></ul><ul><li>3) Wyborcza.pl </li></ul><ul><li>Дивимося через: http://archive.org/ </li></ul>Як виглядали ресурси в 2000-2001 рр?
  5. 5. Kp.ru - 2001 год
  6. 6. травень 201 0 року
  7. 7. Якими можуть бути сайти? <ul><li>Персональний сайт флеш-дизайнера (Японія) </li></ul><ul><li>http://yugop.com/ </li></ul><ul><li>Сайт студії флеш-дизайну (Франція) </li></ul><ul><li>http://www.soleilnoir.net/ </li></ul>
  8. 8. Дизайн сайту. Модель David Brewer <ul><li>дизайн сайту утримання аудиторії </li></ul><ul><li>а) ефект відскоку </li></ul>
  9. 9. Дизайн сайту. Модель David Brewer <ul><li>б) ефект швидкого відвідування </li></ul>
  10. 10. Дизайн сайту. Модель David Brewer <ul><li>в) ефект утримання </li></ul>
  11. 11. Дизайн сайту. Модель David Brewer <ul><li>г) ефект “ зависання ” </li></ul>
  12. 12. Story 1 Story 2 Story 3 Story 4 Question of the day Call to action Interactivity Vote or Poll Video of day David Brewer: Less is more !
  13. 13. Сайт телекомпанії №2 в Британії- www.itv.com/ A minimalist website
  14. 14. Сайти с мінімальним інтерфейсом <ul><li>http://obkom.net.ua/ </li></ul>
  15. 15. Сайти с г іпервізуальним навантаженням http://kontra kty.ua .u a
  16. 16. Інфографіка
  17. 18. Інфографіка
  18. 19. Інфографіка <ul><li>З погляду редакції – організація простору вашого видання / c айту </li></ul><ul><li>З погляду читача – можливість довільно обирати порядок отримання інформації ( A Z чи навпаки) </li></ul>
  19. 20. Особливості інфографіки: <ul><li>Графичні об ’ єкти </li></ul><ul><li>Простота </li></ul><ul><li>Корисна інформація </li></ul><ul><li>Яскравість </li></ul><ul><li>Зрозумілість поданої теми </li></ul><ul><li>Одна ідея в одній ілюстрації </li></ul><ul><li>Нерідко ручка графіка </li></ul><ul><li>Баланс кольорів і зображень </li></ul>
  20. 21. Різновиди інфографіки: <ul><li>За формою подачі: </li></ul><ul><li>Класична інфографіка </li></ul><ul><li>Треш-інфографіка </li></ul><ul><li>Анімована інфографіка ( GE locomotives ) </li></ul><ul><li>Інтерактивна інфографіка для онлайну </li></ul><ul><li>За кількістю інформації: </li></ul><ul><li>Ненасичена </li></ul><ul><li>Концентрована </li></ul>
  21. 22. Класична інфографіка <ul><li>Журнал GEO : </li></ul><ul><li>Как делать валенки? </li></ul>
  22. 23. Треш-інфографіка <ul><li>Texty.org.ua - http://j.mp/trash_t </li></ul>
  23. 24. Інтерактивна інфографіка для онлайну <ul><li>http://mycityua.com/Kiev_crime.html </li></ul>
  24. 25. Анімована інфографіка <ul><li>YouTube: GE reports - http://j.mp/ge_report </li></ul>
  25. 26. Як читач сприймає інформацію? Текст <ul><li>У революционных волн есть свои загадки. В одних странах той группы, по которой идет волна, революции происходят. Другие страны они обходят стороной, о третьи разбиваются, как о скалы. Иногда это какой-нибудь крепкий орешек-правитель, иногда какие-нибудь особые обстоятельства. Ливия, Мавритания, Египет, Йемен, Иран, Ирак, ОАЄ, Тунис, Ливан, Палестина, кто следующий? …. </li></ul>
  26. 27. Як читач сприймає інформацію? Візуалка
  27. 28. Ресурси візуалізації: <ul><li>http://datavisualization.ch/ </li></ul><ul><li>http://vmestoslov.info/ </li></ul><ul><li>http://infographer.ru/ </li></ul><ul><li>http://kazinform.kz/rus/section/20813/1 </li></ul><ul><li>http://www.rian.ru/infografika/ </li></ul>
  28. 29. Робота над макетом сайту:
  29. 30. Робота над макетом сайту:
  30. 31. Ресурс для створення макетів <ul><li>http://balsamiq.com/ </li></ul>
  31. 32. Кольори Інтернету
  32. 33. Кольори Інтернету <ul><li>Які кольори (теплі, холодні) обирають розробники? </li></ul><ul><li>Які кольори (теплі, холодні) обирають читачі? </li></ul><ul><li>Як кольори впливають на поведінку в онлайні? </li></ul><ul><li>Як кольори вписуються в шаблон сайту? </li></ul>
  33. 34. Як використовуються в Інтернеті RED & GREEN ?
  34. 35. http://j.mp/colour_eff
  35. 36. Таблиця кольорів в Інтернеті <ul><li>Must read! </li></ul><ul><li>http://en .wikipedia.org/ wiki/Web_colors </li></ul>
  36. 37. Як колір впливає на нашу поведінку? blog.kissmetrics.com/color-psychology
  37. 38. Як колір впливає на нашу поведінку? blog.kissmetrics.com/color-psychology
  38. 39. Кольори користувачів Twitter в США http://j.mp/colour_twi
  39. 40. Кольори найбільших брендів: http://j.mp/colour_web
  40. 41. Кольори соцмереж і фотохостингів: http://j.mp/colour_web
  41. 42. Кольори блогохостингів: http://j.mp/colour_web
  42. 43. Кольори бізнесу. Червоні vs сині: http://j.mp/colour_web
  43. 44. <ul><li>Спасибі! </li></ul><ul><li>Віталій Мороз </li></ul><ul><li>Керівник програм нових медіа </li></ul><ul><li>Інтерньюз-Україна </li></ul><ul><li>06 3 700 22 66 </li></ul><ul><li>vitaliy.moroz@gmail.com </li></ul><ul><li>medianext_ua.livejournal.com, @medianext_ua </li></ul>

×