SlideShare une entreprise Scribd logo
1  sur  58
Краще один раз побачити,
   ніж сто разів почути
• 90% інформації людина сприймає
  візуально;
• Писемність походить із малювання і
  піктографічного письма (відображення
  змісту у малюнку або серії малюнків);
• Візуальна обробка даних не нова, а є
  частиною нашої історії.
Інформаційний
дизайн
Що таке
інформаційний дизайн?
Інформаційний дизайн використовує
картинки, символи, кольори і текст для
обміну ідеями, ілюстрації інформації або
вираження зв’язків між об’єктами візуально.
Трішки історії :)
Марш армії Наполеона (1869 р.)
   (карта Шарля Мінарда)
Карта Джона Сноу: смертність від
   холери в Лондоні (1854 р.)
Інформаційний дизайн розказує
історію
Він може розказати «скільки?», «коли?» чи
«де?». Він може показати тенденції у часі,
порівняти окремі елементи або виявити
приховані закономірності.
Інформаційний дизайн зробить
ваші дані:
Зрозумілими
Складна інформація стане зрозумілішою і
простішою для сприйняття
Привабливими
Візуальні образи притягують увагу
Переконливими
Люди, яких важко переконати сирими
числами чи статистикою, можуть краще
зрозуміти і довіритись тому, що вони
побачать на графіку чи діаграмі
Як ви можете використати
інформаційний дизайн?
•   Розказати свою історію
•   Проаналізувати дані
•   Показати процес або механізм дії
•   Зробити інформацію візуалізованою
•   Спростити і внести ясність
Що таке
інфографіка?
Це інформаційна графіка, або візуальна
репрезентація інформації, даних або знань.
Інфографіка
• Показує приховане
• Пояснює заплутане
• Адаптує незрозуміле
Для успішного створення
інфографіки потрібно:
1) чітко розуміти, що за тип інформації буде
представлений: просторовий, хронологічний,
кількісний або змішана їх комбінація;
2) уявляти собі відповідний образ інформації
як єдиного цілого, тобто набагато більше, ніж
просто сукупність карт, схем, креслень і
діаграм;
3) вибрати потрібний тип презентації –
статичний, динамічний або інтерактивний.
Що таке
візуалізація даних?
Це наглядне відображення великих масивів
числової та іншої інформації, за допомогою
комбінованого використання точок, ліній,
системи координат, чисел, символів, тіней і
кольорів.
Спростіть сприйняття
великої таблиці з даними
їх візуалізацією
Як створити інфографіку?
1. Ідея
Ідеї приходять:

•або в душі




•або о 3-й ранку,
в стадії глибокого сну
Якщо ви ще не знаєте, про що зробити
матеріал / інфографіку — помийтеся і
лягайте спати.

Втім, не обов’язково в такій послідовності.
Виберіть актуальну і затребувану вашою
аудиторією тему.
2. Данні/інформація
Задайте собі кілька питань
• Яку інформацію мені необхідно зібрати?
• Яку інформацію я вже маю?
• Чи маю я інформацію, яку варто
  використати?
• Яке моє ключове повідомлення чи бажаний
  результат?
• Що я можу випустити з уваги?
Де взяти данні?
• Знайдіть експерта в потрібній вам галузі і
  запитайте про тему, яку ви плануєте
  дослідити. Це може бути академік,
  професор, науковець, людина, яка має
  особистий досвід вирішення або вивчення
  даної проблеми.
• Запит до державної організації (
  www.ukrstat.gov.ua)
• Допомога недержавних організацій
3. Систематизація
Організуйте зібрану інформацію
 та створіть план її презентації
4. Ескіз
5. Вибір основного і
другорядних об’єктів
Виділіть один об’єкт, який привабить увагу
читачів.
6. Макетування
Це може бути оплачуваною роботою дизайнера.
Але ви можете зробити це самі за допомогою
доступних інструментів.
Інструменти
Он-лайн інструменти для створення
інфографіки
•   infogr.am
•   easel.ly
•   creately.com
•   venngage.com
•   charts.hohli.com
•   wordle.net
•   manyeyes.alphaworks.ibm.com/manyeyes/
•   tableausoftware.com
infogr.am
easel.ly
wordle.net
Ага, і про кольори
І наостанок…
Кілька порад
• Не ускладнюйте! Не намагайтесь втиснути
  все на одну картинку.
• Дотримуйтесь схем кольорів.
• Дослідіть тему і знайдіть цікаву статистику
  або кілька вражаючих фактів.
• Вважайте це вашим візуальним есе:
  переконайтесь, що ваші аргументи надійні і
  релевантні.
І ще кілька…
• Пам’ятайте, що ваша задача – це швидко
  передати суть великого масиву даних і
  цифр.
• Зобразіть висновки.
• Посилайтесь на джерела, які ви
  використали в своїй інфографіці.
• Не забудьте вставити свої контактні дані
  для того, щоб люди могли з вами
  зв’язатись.
Корисні посилання
www.vmestoslov.info
www.infogra.ru
www.visual-study.tumblr.com
www.informationisbeautiful.net
www.good.is
www.visual.ly
http://infographer.ru
Кореспондент газети «Біла Альтанка»
Ялина
www.pirc.org.ua

Contenu connexe

Tendances

десидентство
десидентстводесидентство
десидентство
svinchuk
 
Бібліографічний опис традиційних ресурсів
Бібліографічний опис традиційних ресурсівБібліографічний опис традиційних ресурсів
Бібліографічний опис традиційних ресурсів
ДБУ для юнацтва
 
види друкованої продукції та принципи їх оформлення та верстки
види друкованої продукції та принципи їх оформлення та версткивиди друкованої продукції та принципи їх оформлення та верстки
види друкованої продукції та принципи їх оформлення та верстки
zaykoannaivanivna
 
форми подання алгоритмів
форми подання алгоритмівформи подання алгоритмів
форми подання алгоритмів
NVK4
 
Презентація-огляд «Вони боролися за волю України»
Презентація-огляд «Вони боролися за волю України» Презентація-огляд «Вони боролися за волю України»
Презентація-огляд «Вони боролися за волю України»
Тернопільська обласна універсальна наукова бібліотека
 
Андрей Шептицький - духовний будівничий української нації
Андрей Шептицький - духовний будівничий української націїАндрей Шептицький - духовний будівничий української нації
Андрей Шептицький - духовний будівничий української нації
Nataliya Shulgan
 

Tendances (20)

Краєзнавча діяльність бібліотеки
Краєзнавча діяльність бібліотекиКраєзнавча діяльність бібліотеки
Краєзнавча діяльність бібліотеки
 
десидентство
десидентстводесидентство
десидентство
 
Соломія Крушельницька
Соломія КрушельницькаСоломія Крушельницька
Соломія Крушельницька
 
Бібліографічний опис традиційних ресурсів
Бібліографічний опис традиційних ресурсівБібліографічний опис традиційних ресурсів
Бібліографічний опис традиційних ресурсів
 
Презентація дисертації
Презентація дисертаціїПрезентація дисертації
Презентація дисертації
 
Топографія і картографія
Топографія і картографіяТопографія і картографія
Топографія і картографія
 
види друкованої продукції та принципи їх оформлення та верстки
види друкованої продукції та принципи їх оформлення та версткивиди друкованої продукції та принципи їх оформлення та верстки
види друкованої продукції та принципи їх оформлення та верстки
 
14. Як поводитись у громадських місцях
14. Як поводитись у громадських місцях14. Як поводитись у громадських місцях
14. Як поводитись у громадських місцях
 
Бібліотечний простір: трансформація та організація в сучасному вимірі
Бібліотечний простір: трансформація та організація в сучасному вимірі Бібліотечний простір: трансформація та організація в сучасному вимірі
Бібліотечний простір: трансформація та організація в сучасному вимірі
 
3 клас урок 17 що таке комп'ютерна презентація
3 клас урок 17 що таке комп'ютерна презентація3 клас урок 17 що таке комп'ютерна презентація
3 клас урок 17 що таке комп'ютерна презентація
 
Український правопис: етапи історії
Український правопис: етапи історіїУкраїнський правопис: етапи історії
Український правопис: етапи історії
 
5 клас урок 27 нова програма
5 клас урок 27 нова програма5 клас урок 27 нова програма
5 клас урок 27 нова програма
 
KomunikacjaNiewerbalnaPolityka
KomunikacjaNiewerbalnaPolitykaKomunikacjaNiewerbalnaPolityka
KomunikacjaNiewerbalnaPolityka
 
форми подання алгоритмів
форми подання алгоритмівформи подання алгоритмів
форми подання алгоритмів
 
Bibliotheques et Numérique
Bibliotheques et NumériqueBibliotheques et Numérique
Bibliotheques et Numérique
 
Презентація-огляд «Вони боролися за волю України»
Презентація-огляд «Вони боролися за волю України» Презентація-огляд «Вони боролися за волю України»
Презентація-огляд «Вони боролися за волю України»
 
організація системи електронного документообігу
організація системи електронного документообігуорганізація системи електронного документообігу
організація системи електронного документообігу
 
Андрей Шептицький - духовний будівничий української нації
Андрей Шептицький - духовний будівничий української націїАндрей Шептицький - духовний будівничий української нації
Андрей Шептицький - духовний будівничий української нації
 
Медіаграмотність: вчися та використовуй
Медіаграмотність: вчися та використовуйМедіаграмотність: вчися та використовуй
Медіаграмотність: вчися та використовуй
 
посібник Power point
посібник Power pointпосібник Power point
посібник Power point
 

Similaire à Інформаційний дизайн в ЗМІ

Similaire à Інформаційний дизайн в ЗМІ (20)

Інфографіка для громадських організацій
Інфографіка для громадських організаційІнфографіка для громадських організацій
Інфографіка для громадських організацій
 
Informatyka 6-klas-morze-2019
Informatyka 6-klas-morze-2019Informatyka 6-klas-morze-2019
Informatyka 6-klas-morze-2019
 
1
11
1
 
6 i m_2019
6 i m_20196 i m_2019
6 i m_2019
 
Підручник Інформатика 4 клас Т. Г. Гільберг, О. В. Суховірський, Л. В. Грубія...
Підручник Інформатика 4 клас Т. Г. Гільберг, О. В. Суховірський, Л. В. Грубія...Підручник Інформатика 4 клас Т. Г. Гільберг, О. В. Суховірський, Л. В. Грубія...
Підручник Інформатика 4 клас Т. Г. Гільберг, О. В. Суховірський, Л. В. Грубія...
 
Informatyka 4-klas-gilberg-2021
Informatyka 4-klas-gilberg-2021Informatyka 4-klas-gilberg-2021
Informatyka 4-klas-gilberg-2021
 
1
11
1
 
Візуалізація даних. Презентація (v.2)
Візуалізація даних. Презентація (v.2)Візуалізація даних. Презентація (v.2)
Візуалізація даних. Презентація (v.2)
 
Підручник Інформатика 4 клас О. О. Андрусич, І. Б. Стеценко (2021 рік)
Підручник Інформатика 4 клас О. О. Андрусич, І. Б. Стеценко (2021 рік)Підручник Інформатика 4 клас О. О. Андрусич, І. Б. Стеценко (2021 рік)
Підручник Інформатика 4 клас О. О. Андрусич, І. Б. Стеценко (2021 рік)
 
Informatyka 4-klas-andrusych-2021
Informatyka 4-klas-andrusych-2021Informatyka 4-klas-andrusych-2021
Informatyka 4-klas-andrusych-2021
 
1
11
1
 
4 klas-informatyka-andrusych-2021
4 klas-informatyka-andrusych-20214 klas-informatyka-andrusych-2021
4 klas-informatyka-andrusych-2021
 
1
11
1
 
Ja doslidzhuju-svit-3-klas-vdovenko-2020-2
Ja doslidzhuju-svit-3-klas-vdovenko-2020-2Ja doslidzhuju-svit-3-klas-vdovenko-2020-2
Ja doslidzhuju-svit-3-klas-vdovenko-2020-2
 
3 yds vd_2020-1
3 yds vd_2020-13 yds vd_2020-1
3 yds vd_2020-1
 
Урок №6. Етапи побудови інформаційної моделі.
Урок №6. Етапи побудови інформаційної моделі. Урок №6. Етапи побудови інформаційної моделі.
Урок №6. Етапи побудови інформаційної моделі.
 
450,23.docx
450,23.docx450,23.docx
450,23.docx
 
Инфографика для чайников
Инфографика для чайниковИнфографика для чайников
Инфографика для чайников
 
сист урокив правильна
сист урокив правильнасист урокив правильна
сист урокив правильна
 
3
33
3
 

Plus de Jalyna

Концепція розвитку велоінфраструктури міста Полтави на 2016-2020 рр. (чернетка)
Концепція розвитку велоінфраструктури міста Полтави на 2016-2020 рр. (чернетка)Концепція розвитку велоінфраструктури міста Полтави на 2016-2020 рр. (чернетка)
Концепція розвитку велоінфраструктури міста Полтави на 2016-2020 рр. (чернетка)
Jalyna
 

Plus de Jalyna (20)

Програма розвитку велосипедної інфраструктури м. Полтава на 2020 – 2024 роки
Програма розвитку велосипедної інфраструктури  м. Полтава на 2020 – 2024 рокиПрограма розвитку велосипедної інфраструктури  м. Полтава на 2020 – 2024 роки
Програма розвитку велосипедної інфраструктури м. Полтава на 2020 – 2024 роки
 
Рішення про передачу "Твого простору" на баланс КП Декоративні культури
Рішення про передачу "Твого простору" на баланс КП Декоративні культуриРішення про передачу "Твого простору" на баланс КП Декоративні культури
Рішення про передачу "Твого простору" на баланс КП Декоративні культури
 
ПРАВИЛА благоустрою міста Полтава
ПРАВИЛА благоустрою міста ПолтаваПРАВИЛА благоустрою міста Полтава
ПРАВИЛА благоустрою міста Полтава
 
Аналіз нової полтавської велоінфраструктури
Аналіз нової полтавської велоінфраструктуриАналіз нової полтавської велоінфраструктури
Аналіз нової полтавської велоінфраструктури
 
Аудит велопішохідної доріжки (вул. М. Бірюзова, Полтава)
Аудит велопішохідної доріжки (вул. М. Бірюзова, Полтава)Аудит велопішохідної доріжки (вул. М. Бірюзова, Полтава)
Аудит велопішохідної доріжки (вул. М. Бірюзова, Полтава)
 
План дій сталого енергетичного розвитку міста Полтави до 2020 року
План дій сталого енергетичного розвитку міста Полтави до 2020 рокуПлан дій сталого енергетичного розвитку міста Полтави до 2020 року
План дій сталого енергетичного розвитку міста Полтави до 2020 року
 
Презентація про проект "Твій простір"
Презентація про проект "Твій простір"Презентація про проект "Твій простір"
Презентація про проект "Твій простір"
 
ВелоУкраїна: історії успіху
ВелоУкраїна: історії успіхуВелоУкраїна: історії успіху
ВелоУкраїна: історії успіху
 
Біла Альтанка №55
Біла Альтанка №55Біла Альтанка №55
Біла Альтанка №55
 
Протокол засідання РГ з питань розвитку велоінфраструктури 17.06.16
Протокол засідання РГ з питань розвитку велоінфраструктури 17.06.16Протокол засідання РГ з питань розвитку велоінфраструктури 17.06.16
Протокол засідання РГ з питань розвитку велоінфраструктури 17.06.16
 
Проект "Твій простір": ревіталізація неактивного громадського простору силами...
Проект "Твій простір": ревіталізація неактивного громадського простору силами...Проект "Твій простір": ревіталізація неактивного громадського простору силами...
Проект "Твій простір": ревіталізація неактивного громадського простору силами...
 
Концепція розвитку велосипедної інфраструктури міста Полтави
Концепція розвитку велосипедної інфраструктури міста ПолтавиКонцепція розвитку велосипедної інфраструктури міста Полтави
Концепція розвитку велосипедної інфраструктури міста Полтави
 
Презентація по площі безЛеніна
Презентація по площі безЛенінаПрезентація по площі безЛеніна
Презентація по площі безЛеніна
 
Умови та вихідні дані конкурсу на комплексну реконструкцію благоустрою площі ...
Умови та вихідні дані конкурсу на комплексну реконструкцію благоустрою площі ...Умови та вихідні дані конкурсу на комплексну реконструкцію благоустрою площі ...
Умови та вихідні дані конкурсу на комплексну реконструкцію благоустрою площі ...
 
Настанова щодо проектування та розміщення об’єктів дизайну міського середовищ...
Настанова щодо проектування та розміщення об’єктів дизайну міського середовищ...Настанова щодо проектування та розміщення об’єктів дизайну міського середовищ...
Настанова щодо проектування та розміщення об’єктів дизайну міського середовищ...
 
Стала мобільність у містах або Навіщо нам повітря
Стала мобільність у містах або Навіщо нам повітряСтала мобільність у містах або Навіщо нам повітря
Стала мобільність у містах або Навіщо нам повітря
 
«Полтава велосипедна»: підсумки проекту
«Полтава велосипедна»: підсумки проекту«Полтава велосипедна»: підсумки проекту
«Полтава велосипедна»: підсумки проекту
 
Проект "Полтава велосипедна": презентація на Велофорумі-2015
Проект "Полтава велосипедна": презентація на Велофорумі-2015Проект "Полтава велосипедна": презентація на Велофорумі-2015
Проект "Полтава велосипедна": презентація на Велофорумі-2015
 
Презентація Велоконцеції Полтави
Презентація Велоконцеції ПолтавиПрезентація Велоконцеції Полтави
Презентація Велоконцеції Полтави
 
Концепція розвитку велоінфраструктури міста Полтави на 2016-2020 рр. (чернетка)
Концепція розвитку велоінфраструктури міста Полтави на 2016-2020 рр. (чернетка)Концепція розвитку велоінфраструктури міста Полтави на 2016-2020 рр. (чернетка)
Концепція розвитку велоінфраструктури міста Полтави на 2016-2020 рр. (чернетка)
 

Інформаційний дизайн в ЗМІ