17.01.2022-23.01.2022
Тема: Інфографіка. Елементи інфографіки.
Теортетична
частина.
Інфографіка
Інфографіка - це графічне
візуальне подання інформації, даних або знань, призначених для швидкого та
чіткого відображення комплексної інформації. Вона може покращити сприйняття
інформації, використовуючи графічні матеріали для того, щоб підвищити
можливості зорової системи людини бачити моделі і тенденції. Процес створення інфографіки можна розглядати
як візуалізацію даних, створення інформаційних схем та моделей подання
інформації.
Інфографіка поширювалась
вже багато років, а теперішнє швидке зростання числа легких у використанні та
безкоштовних інструментів для їх створення зробили інфографіку доступною для
ширшого кола населення. Соціальні мережі, такі як Facebook і Twitter, також
дали поштовх для розповсюдження персональної інфографіки серед людей у всіх
куточках світу.
У газетах інфографіку зазвичай використовують для
відображення погоди, так само, як і карти, плани сайтів і діаграми для
статистичних даних.
Окремим прикладом використання інфографіки є наукова
інфографіка — метод представлення наукових фактів та теорій у вигляді
ілюстрацій та графіків.
Сучасні карти, особливо маршрутні карти для системи
перевезень, використовують техніку інфографіки для об'єднання певного ряду
інформації: концептуальних планів сітки перевезень, точок пересадки і окремих
локальних орієнтирів. Публічні карти транспортування також є яскравими
прикладами інфографіки. Наприклад, схеми для Вашингтонського метро та
Лондонської підземки. Громадські місця на зразок станцій пересадок часто
містять інтегровану знакову систему зі стандартизованими зображеннями та
стилізованими картами.
Оскільки векторна та растрова графіка набувають постійної
присутності в обчислювальній техніці у 21 столітті, візуалізація даних стала
набула широкого використання в комп'ютерних системах, включаючи комп'ютерну
верстку та геоінформаційні системи.
Близько спорідненим з інфографікою є інформаційний дизайн,
який був породжений саме інфографікою. Автор і засновник конференції TED Річард
Сол Вурмен вважається автором фрази «інформаційна архітектура», а багато його
книжок на зразок «Information Anxiety» допомогла розвинути фразу «інформаційний
дизайн» від концепту до категорії професії.[14]
Галузь журналістики також застосовує графічну інформацію у
новинах. Для розповідей, які повинні включати в себе текст, зображення і графіку,
система із назвою «концепція маестро» надає можливість всьому відділу новин
співпрацювати і організовувати статті для успішного об'єднання всіх
компонентів. У багатьох редакціях ця командна інтегрована система
застосовується для збільшення ефективності використання часу. «Система маестро»
призначена для покращення представлення історій для зайнятих читачів ЗМІ.
Багато підприємств використовують інфографіку як інструмент
спілкування з клієнтами і залучення потенційних клієнтів. Інформаційна графіка
стала інструментом для інтернет-маркетологів і компаній зі створення контенту,
на який інші будуть переходити за посиланням, а таким чином можливе підвищення
репутації компанії і її присутність в Інтернеті.
Інфографіка також використовується у навчальних класах.
Курси, які навчають студентів створювати свою власну інфографіку з
використанням різних інструментів можуть заохочувати навчання в класах і
сприяти кращому розумінню концепцій, яким відповідає графіка.
Елементи
інфографіки
1.
Списки
2.
Цикли
3.
Структури
4.
Зв’язки
5.
Процеси
6.
Матриці
7.
Піраміди
8.
Зображення
9.
Часові ряди
10.
Індексування
11.
Діаграми
12.
Ієрархії
13.
Карти
14.
Мережі
Часовий ряд даних − це одна з найбільш поширених форм візуалізації
даних. Він відображає ряд оцінок через певний час.
Індексування об’єктів в інфографіці.
Індексні діаграми є
ідеальними для використання коли необроблені значення менш важливі, ніж
відносні зміни. Це інтерактивна лінійна
діаграма, яка показує відсоткові
зміни для збірки часових рядів даних, які базуються на вибраних вказаних
точках. Наприклад, інвестори фондового ринку можуть використовувати це тому, що
вони менше стурбовані конкретними цінами і більше стурбовані темпами зростання
Діаграми в інфографіці
Стовпчикові
діаграми — це площинні діаграми, які накладені одна на одну, та зображують
сукупні зв'язки. Вони дозволяють глядачам бачити загальні зв'язки та окремі
моделі. Однак вони не підтримують від'ємні числа і ускладнюють точну передачу
зв'язків. Альтернативою до таких діаграм є невеликі збірні діаграми. Замість
складання кожної просторової діаграми, кожен ряд індивідуально зображується таким чином, щоб загальні тенденції
кожного сектора можна було легше інтерпретувати.
Горизонтальні графіки — це просторово ефективний метод збільшити щільність даних часового
ряду, зберігаючи їх роздільну здатність
Карти є
природним способом представлення географічних даних. Простір і час можуть бути
зображені через використання потокових карт. Лінії, які використовуються, мають
різну ширину та колір для кодування даних. Фонові карти, які кодують дані через
колір та географічний регіон, також часто використовуються. Градуйовані
символьні карти є іншим методом для відображення географічних даних. Вони є альтернативою
фоновим картам і використовують символи, такі як секторні діаграми для
кожної області на карті. Ця карта дозволяє більші вимірності для представлення
за допомогою різних фігур, розмірів і кольорів. Картограми, з іншого боку, повністю спотворюють обриси
регіону і безпосередньо кодують дані змінних. Замість використання географічних
карт, регіони зображені пропорційно до даних. Наприклад, кожен регіон може бути
представлений колом і розмір/колір прямо пропорційні іншим відомостям,
наприклад розміру населення.
Ієрархії
Багато наборів даних, таких, як просторове розміщення країн,
а також загальна структура урядів, можуть бути організовані в природній ієрархії.
Ланкові схеми, суміжні діаграми і корпусні діаграми є типами інфографіки, що
ефективно передають ієрархічні дані. Ланкові схеми є популярним методом у
зв'язку з акуратними і просторово ефективними результатами. Ланкова схема схожа
на дерева, де кожен вузол відгалужується на кілька відокремлених підрозділів.
Альтернативою є суміжна діаграма, яка є просторово-заповненим варіантом
діаграми вузла посилання (ланкової). Замість того, щоб малювати посилання між
ієрархіями, вузли зображені як безперервні області з відокремлених підрозділів
всередині кожного розділу. Цей метод дозволяє розміру бути легше представленим,
ніж у схемах вузлового посилання. Додавання діаграм є також просторово
заповненим візуалізаційним методом. Однак він використовує локалізацію, а не
суміжне представлення ієрархії. Вони схожі на суміжні схеми, розмір вузла легко
відображений в цій моделі.
Мережі
Мережева візуалізація розглядає відношення, такі, як дружба
і групування. Трьома основними типами є спрямований силовий макет, півколові
діаграми і матричні відображення. Спрямовані силові макети є загальним та
інтуїтивно зрозумілим підходом до мережевого розташування. У цій системі вузли
схожі на заряджені частинки, які відштовхуються одна від одної. Посилання
використовуються щоб з'єднати споріднені вузли разом. Півколові діаграми є
одновимірними макетами вузлів з круговими дугами, що пов'язують кожен вузол.
При належному використанні з добре впорядкованими вузлами угруповання і мости
легко визначаються на цьому макеті. Крім того, математики та науковці
комп'ютерної сфери частіше використовують матрицні відображення. Кожен елемент
має власне значення (x, y) у матриці, що відповідає вузлу. За допомогою кольору
та насиченості замість тексту значення, пов'язані з посиланнями, можуть
сприйматися швидко. Але цей метод ускладнює перегляд шляхів вузлів, де немає
ліній переходу, які у сильно пов'язаних мережах можуть спричинити безлад.Хоча
всі ці зорові образи можуть ефективно використовуватись окремо, багато сучасної
інфографіки об'єднує кілька типів в один графік, а також інші функції, такі, як
ілюстрації і текст. Деякі сучасні інфографіки навіть не містять візуалізації
даних і замість цього просто є барвистим і стислим способом представлення
знань. П'ятдесят три відсотки з 30ти найбільш популярних інфографік у спільному
доступі до сайту visual.ly не містять фактичних даних.
Зразки інфографіки
Практична частина
Практична
робота «Елементи інфографіки»
Завдання.
Самостійно створити презентацію згідно сценарію.
СЦЕНАРІЙ
УЧНІВСЬКОЇ ПРЕЗЕНТАЦІЇ «Елементи інфографіки»
Слайд
1(застосувати до слайдів довільний стиль фону ). Заголовок(розмір: 47 пт):
Елементи інфографіки
(анімований). Підзаголовок(розмір: 35 пт): П.І.Б учня,
котрий створює презентацію, клас, дата створення. Ілюстрації: зображення, що містить
інфографіку. Анімація для переходу
до наступного слайду.
Слайд 2. Заголовок «Елемент
інфографіки: Списки». Ілюстрації: Створити схему: відкрити
вкладку SmartArt і вибрати опцію: списки.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 3. Заголовок «Елемент інфографіки:
Цикли». Ілюстрації: Створити схему: відкрити вкладку SmartArt і
вибрати опцію: цикли. Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 4. Заголовок «Елемент інфографіки:
Структури».
Ілюстрації: Створити схему: відкрити
вкладку SmartArt і вибрати опцію: структури.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 5. Заголовок «Елемент інфографіки:
Зв’язки». Ілюстрації: Створити схему: відкрити
вкладку SmartArt і вибрати опцію: зв’язки.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 6. Заголовок «Елемент інфографіки:
Процеси». Ілюстрації: Створити схему: відкрити
вкладку SmartArt і вибрати опцію: процеси.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 7. Заголовок «Елемент інфографіки:
Матриці». Ілюстрації: Створити схему: відкрити вкладку SmartArt і
вибрати опцію: матриці. Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 8. Заголовок «Елемент інфографіки:
Піраміди». Ілюстрації: Створити схему: відкрити вкладку SmartArt і вибрати піраміди: списки.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 9. Заголовок «Елемент інфографіки:
Рисунок». Ілюстрації: Створити схему: відкрити
вкладку SmartArt і вибрати опцію: рисунок.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 10. Заголовок «Елемент інфографіки:
Часові ряди».
Ілюстрації: Створити схему: відкрити браузер і в рядку пошук написати: числові ряди. Налаштувати
і відформатувати цей елемент інфорграфіки. Анімація для переходу до
наступного слайду.
Слайд 11. Заголовок «Елемент інфографіки:
Індексування».
Ілюстрації: Створити схему: відкрити
браузер і в рядку пошук написати: індексування.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 12. Заголовок «Елемент інфографіки:
Діаграми». Ілюстрації: Створити схему: відкрити браузер і в рядку пошук написати: діаграми. Налаштувати і
відформатувати цей елемент інфорграфіки. Анімація для переходу до
наступного слайду.
Слайд 13. Заголовок «Елемент інфографіки:
Ієрархії». Ілюстрації: Створити схему: відкрити
браузер і в рядку пошук написати: ієрархії.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 14. Заголовок «Елемент інфографіки:
Карти». Ілюстрації: Створити схему: відкрити
вкладку браузер і в рядку пошук
написати: карти. Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 15. Заголовок «Елемент інфографіки:
Мережі». Ілюстрації: Створити схему: відкрити браузер і в рядку пошук написати: мережі. Налаштувати і
відформатувати цей елемент інфорграфіки. Анімація для переходу до
наступного слайду.
Слайд 16. Заголовок «Зразки інфографіки в маркетингу». Ілюстрації: Створити схему: відкрити браузер і в рядку пошук написати: інфографіка в
маркетингу. Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 17. Заголовок «Зразки інфографіки в освіті». Ілюстрації: Створити схему: відкрити браузер і в рядку пошук написати: інфографіка в освіті.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 18. Заголовок «Зразки інфографіки в спорті». Ілюстрації: Створити схему: відкрити браузер і в рядку пошук написати: інфографіка в спорті.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 19. Заголовок «Зразки інфографіки в туризмі». Ілюстрації: Створити схему: відкрити браузер і в рядку пошук написати: інфографіка в туризмі.
Налаштувати і відформатувати цей елемент інфорграфіки. Анімація для переходу до наступного слайду.
Слайд 20.
Заголовок «Зразки інфографіки в культурі». Ілюстрації: Створити схему: відкрити браузер і в рядку пошук написати: інфографіка в культурі.
Налаштувати і відформатувати цей елемент інфорграфіки.
Результат цієї роботи треба надіслати на електронну адресу учителя інформатики: vinnser@gmail.com (Сергій Петрович)
Немає коментарів:
Дописати коментар