Your SlideShare is downloading. ×
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
4 infographics and colours v_moroz
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

4 infographics and colours v_moroz

513

Published on

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

  • Be the first to like this

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

×