4 infographics and colours v_moroz

Світ мультимедіа для журналістів

Віталій МорозІнтерньюз-Україна

Якими були онлайн-видання 10 років тому?

1) ProUA.com 2) Gazeta.ru 3) Wyborcza.pl

Дивимося через: http://archive.org/

Як виглядали ресурси в 2000-2001 рр?

Kp.ru - 2001 год

травень 2010 року

Якими можуть бути сайти?

Персональний сайт флеш-дизайнера (Японія)

http://yugop.com/

Сайт студії флеш-дизайну (Франція)http://www.soleilnoir.net/

Дизайн сайту. Модель David Brewer

дизайн сайту утримання аудиторії а) ефект відскоку


б) ефект швидкого відвідування


в) ефект утримання


г) ефект “зависання”

Story 1

Story 2 Story 3 Story 4

Question of the day

Call to actionInteractivityVote or Poll

Video of day

David Brewer: Less is more!

Сайт телекомпанії №2 в Британії- www.itv.com/

A minimalist website

Сайти с мінімальним інтерфейсомhttp://obkom.net.ua/

Сайти с гіпервізуальним навантаженням

http://kontrakty.ua.ua

Інфографіка

Інфографіка

• З погляду редакції – організація простору вашого видання / cайту

• З погляду читача – можливість довільно обирати порядок отримання інформації (A Z чи навпаки)

Особливості інфографіки:

- Графичні об’єкти- Простота- Корисна інформація- Яскравість- Зрозумілість поданої теми- Одна ідея в одній ілюстрації- Нерідко ручка графіка- Баланс кольорів і зображень

Різновиди інфографіки:

За формою подачі:• Класична інфографіка• Треш-інфографіка• Анімована інфографіка (GE locomotives)• Інтерактивна інфографіка для онлайну

За кількістю інформації:• Ненасичена • Концентрована

Класична інфографіка

Журнал GEO: Как делать валенки?

Треш-інфографіка

Texty.org.ua - http://j.mp/trash_t

Інтерактивна інфографіка для онлайну

http://mycityua.com/Kiev_crime.html

Анімована інфографіка

YouTube: GE reports - http://j.mp/ge_report

Як читач сприймає інформацію? Текст

У революционных волн есть свои загадки. В одних странах той группы, по которой идет волна, революции происходят. Другие страны они обходят стороной, о третьи разбиваются, как о скалы. Иногда это какой-нибудь крепкий орешек-правитель, иногда какие-нибудь особые обстоятельства. Ливия, Мавритания, Египет, Йемен, Иран, Ирак, ОАЄ, Тунис, Ливан, Палестина, кто следующий? ….

Як читач сприймає інформацію? Візуалка

Ресурси візуалізації:

• http://datavisualization.ch/ • http://vmestoslov.info/• http://infographer.ru/• http://kazinform.kz/rus/section/20813/1• http://www.rian.ru/infografika/

Робота над макетом сайту:

Ресурс для створення макетів

http://balsamiq.com/

Кольори Інтернету

Кольори Інтернету

• Які кольори (теплі, холодні) обирають розробники?

• Які кольори (теплі, холодні) обирають читачі?

• Як кольори впливають на поведінку в онлайні?

• Як кольори вписуються в шаблон сайту?

Як використовуються в Інтернеті RED&GREEN?

http://j.mp/colour_eff

Таблиця кольорів в Інтернеті

Must read!

http://en.wikipedia.org/wiki/Web_colors

Як колір впливає на нашу поведінку?

blog.kissmetrics.com/color-psychology

Кольори користувачів Twitter в США

http://j.mp/colour_twi

Кольори найбільших брендів: http://j.mp/colour_web

Кольори соцмереж і фотохостингів: http://j.mp/colour_web

Кольори блогохостингів: http://j.mp/colour_web

Кольори бізнесу. Червоні vs сині: http://j.mp/colour_web

Спасибі!

Віталій Мороз

Керівник програм нових медіа Інтерньюз-Україна 063 700 22 66 [email protected] medianext_ua.livejournal.com, @medianext_ua

4 infographics and colours v_moroz

Documents