Інфографіка

Відповідно до оксфордського словника Oxford English Dictionary, інфографіка (або інформаційна графіка) – «візуальне представлення інформації або даних».

Проте значення інфографіки дещо більш конкретне.

Інфографіка – це добірка зображень, діаграм і мінімального обсягу тексту, що роблять огляд теми легкозрозумілим.

Зазвичай оригінальна та креативна інфографіка є найефективнішою, бо вона привертає до себе увагу і не відпускає.

Однак дуже важливо пам’ятати, що візуальні складові інфографіки повинні не лише вражати й захоплювати. Вони ще й повинні допомагати нам розуміти і запам’ятовувати контент інфографіки, як це наочно продемонстровано у цій інфографіці Дзінь Жан, присвяченій хіромантії.

Інфографіка – чудовий спосіб перетворення складної інформації на легкозасвоювану. Інфографіка може бути у пригоді для наступних цілей:

• Швидкий огляд теми
• Пояснення складного процесу
• Подання результатів дослідження чи даних опитування
• Підсумування довгого допису блогу чи звіту
• Порівняння та співставлення декількох думок
• Привернення уваги до проблеми чи ідеї

Коли вам потрібно комусь стисло викласти складну для пояснення словами інформацію, інфографіка – чудовий спосіб це зробити.

Інакше кажучи, інфографіку можна використовувати фактично у будь-якій царині.

Маркетологи використовують інфографіку для розвитку обізнаності про бренд та збільшення залученості.

Консультанти використовують інфографіку для візуалізації графіків реалізації проектів та подання нових/галузевих тем своїм клієнтам у спрощеному для розуміння вигляді.

Викладачі використовують інфографіку для подання контенту в більш запам’ятовуваній формі для учнів та студентів.

Уряди використовують інфографіку для подання статистичної інформації та цензових даних:

А некомерційні організації використовують інфографіку для промоції заходів та привертання уваги громадськості до важливих тем.

Інфографіка може бути корисна у випадках, коли необхідно швидко подати інформацію, або ж коли ви хочете вразити аудиторію своїми даними чи посланням.

Кожен тип інфографіки налаштований на візуалізацію різних типів контенту.

• Статистична інфографіка
• Інформаційна інфографіка
• Хронологічна інфографіка
• Процесуальна інфографіка
• Географічна інфографіка
• Порівняльна інфографіка
• Ієрархічна інфографіка
• Інфографіка зі списками
• Інфографіка для резюме

Інформаційна інфографіка, наприклад, зазвичай більш обтяжена текстом, ніж інші типи інфографіки. Як от цей приклад Course Hero нижче. Дієвість такої інфографіки найкраще розкривається, коли вона є підсумковим, самостійним твором, що вичерпно пояснює якусь тему.

Статистична інфографіка, з іншого боку, більш зосереджена на числах, діаграмах та даних.

Зазвичай вони містять набагато менше тексту, ніж інформаційна інфографіка, а їх структура менш розповідна. Натомість вони доносять своє послання за допомогою великих чисел та окремих фактів.

Вибір правильного типу шаблону для вашого контенту – це один з ключових елементів успішної інфографіки.

Коли йдеться про дизайнування ефективної інфографіки, важливо розуміти, що наш мозок автоматично шукає взаємозв’язки у візуальній інформації, щоб оточуючі нас речі мали для нас сенс.

Ми можемо використати це для структуризації нашої інформації візуально та створити взаємозв’язки для підсилення послання, яке ми намагаємося донести.

Давайте переглянемо найкращі практики дизайну, які допоможуть вам створити ефективну і водночас привабливу інфографіку.

Використовуйте лінії, рамки та фігури для групування пов’язаної інформації

Навіть такі прості дії, як розміщення та групування елементів на сторінці можуть вплинути на те, як читачі сприйматимуть вашу графіку.

Використання таких базових елементів дизайну, як рамки, лінії, кола та квадрати для візуалізації контенту зробить його зрозумілішим для сприйняття та тлумачення читачами.

Наприклад, ми можемо розмістити пов’язані елементи на одному нарисі чи фігурі. Більшість інфографік, як от наведена нижче, використовують таку тактику для розбиття дизайну на декілька розділів, що спрощує візуальне сприйняття.

І навпаки, коли головним елементом інфографіки виступає структура інформації (напр., організаційна діаграма або блок-схема), корисним було б чітко поєднати елементи лініями.

Використовуйте контрастні кольори для направлення уваги читача

Ще одним важливим елементом дизайну, який варто взяти до уваги, є колір. Ми використовуємо кольори, щоб зробити інфографіку привабливою, проте колір також може бути потужним інструментом комунікації.

Так само як лінії та рамки, кольори можна використовувати для виділення інформації.

Ба більше, ми можемо використовувати колір для привертання уваги до конкретних шматків інформації і відтісняти додаткову інформацію на задній план.

Виберіть колір, який контрастує з іншими кольорами інфографіки, та використовуйте його для виділення важливої інформації.

Візьмемо для прикладу наведену нижче інфографіку. Яскраві жовті кола контрастують з блакитним тлом, що виділяє значки (найважливіший візуальний аспект графіки). До того ж така стратегія досить популярна – виділення за допомогою кольорів є одним з найпоширеніших трендів у графічному дизайні у 2019 році.

Створюйте текстову ієрархію за допомогою трьох різних стилів шрифту Шрифти – один з перших елементів, які помічають читачі у інфографіці. Хибний вибір шрифту може зруйнувати чудову інфографіку. Наша добірка популярних шрифтів виведе вас на правильний шлях.

Секрет правильного використання шрифтів у інфографіці полягає у створенні чіткої ієрархії тексту з трьома різними стилями шрифту – один для основного заголовка, один для заголовків розділів та один для основного тексту.

Шрифт основного заголовка повинен бути найбільшим і може бути найбільш стилізований. Сприймайте це як спосіб задати настрій своїй інфографіці.

Шрифт для заголовків розділів повинен бути трохи меншим та менш стилізованим, але він все одно повинен виділятися на сторінці.

Нарешті, шрифт для основного тексту має бути найменшим і без якої-небудь стилізації. Він повинен бути максимально легким для читання.

Не впевнені, як виглядає читабельний шрифт? Ось короткий довідник із чудових шрифтів для основного тексту:

Використовуйте зображення, значки та ілюстрації для легкого запам’ятовування ключових моментів І останнє, проте не менш важливе, переконайтеся, що ваша інфографіка побудована навколо візуальних елементів, як от зображення, значки, ілюстрації та діаграми.

Візуальні елементи – це те, що робить інфографіку захопливою та запам’ятовуваною. Найкращі приклади інфографіки підтримують однаковий баланс між текстом та візуальними елементами.

Найдієвіші приклади інфографіки влучно поєднують текст, зображення та дані, що виконують функцію інформування та залучення.

Якщо ви готові створити інфографіку, що поєднує розважальну функцію з навчальною, переконайтеся, що ви дотримуєтеся цих найкращих практик дизайнування:

• Використовуйте лінії, рамки та фігури для групування пов’язаної інформації.
• Використовуйте контрастні кольори для привертання уваги до ключової інформації.
• Створіть текстову ієрархію за допомогою трьох різних стилів шрифту.
• Використовуйте зображення, значки та ілюстрації для легкого запам’ятовування основних тез.

Інфографіку можна створити вручну за допомогою простих повсякденних інструментів, таких, як міліметрівка, олівці, маркери і лінійки. Тим не менш, сьогодні вони частіше створюються за допомогою комп'ютерних програм, що часто є швидшим і простішим. Вони можуть бути створені програмним забезпеченням для редагування ілюстрацій, таких, як Adobe Illustrator або безкоштовна Inkscape. Є також ряд спеціалізованих вебсайтів та інструментів, які можуть бути використані для побудови інфографіки.

Діаграми можуть бути створеними вручну, звертаючись до Creately, яку можна завантажити або використовувати через Інтернет. Він також включає ряд шаблонів, щоб користувачі легко могли почати створювати свої діаграми. Крім того, вона дозволяє користувачам спільно працювати над схемами в режимі реального часу через Інтернет. Gliffy є аналогічним інструментом створення діаграм, але вимагає платної підписки для використання.

Tableau Public є завантажуваною програмою, яка автоматично аналізує набори даних коли користувачі розміщують їх в Інтернет. Програма потім пропонує зорові образи даних і дозволяє користувачеві налаштувати інфографіки, використовуючи простий «drag-and-drop» інтерфейс. Користувачі можуть також одночасно створювати ряд інфографіки, використовуючи різні частини одного і того ж набору даних. Програма забезпечує користувачів файлом HTML з їх інфографіками так, що вони можуть публікувати їх на вебресурсах.

Piktochart — це сайт, який дозволяє користувачам створювати інфографіку, використовуючи заздалегідь визначені теми, які дозволяють деяке підлаштовування. Користувач може експортувати зображення з його інфографіки, коли все готове. Вільний доступ обмежений, але передплата дозволяє користувачам створювати більше інфографіки та використовувати значно більше тем. Infogr.am є подібним сайтом, що використовує шаблони для створення інфографіки, але це безкоштовно, причому він дозволяє легко відвантажувати дані у декілька соціальних мереж. Easel.ly є ще одним безкоштовним сайтом для створення інфографіки з використанням тем. Користувачі мають робочі області, на які вони можуть перетягнути теми і налаштовувані графіки для того, щоб налаштувати вигляд їх інфографіки.

Visual.ly − це великий сайт для обміну інфографікою, який дозволяє користувачам вивантажувати зорові образи, що вони створили, в Інтернет, і досліджувати зорові образи інших користувачів на певну тематику. Є також кілька візуалізацій, на основі даних соціальної мережі, які користувачі можуть вибрати і налаштувати відповідно до власних даних.

• Інфографіка
• ua.venngage.com