Як створити інфографіку за 5 кроків [Покрокове керівництво]

By Midori, Aug 29, 2019

how to make an infographic

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

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

how to make an infographic in 5 steps


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

Ба більше, ми покажемо вам шаблони інфографіки Venngage, щоб ви могли швидко почати.

Усе ще не впевнені, що таке інфографіка і навіщо її створювати? Просте та зрозуміле визначення інфографіки (з прикладами) доступне у нашому вступному дописі «Що таке інфографіка?»

Як створити інфографіку за 5 кроків (клацніть, щоб перейти у відповідний розділ):

  1. Визначення цілей інфографіки.
  2. Збирання даних для інфографіки.
  3. Візуалізація даних для інфографіки.
  4. Створення макета інфографіки на основі шаблона (прокрутіть вниз, щоб побачити відео-керівництво)
  5. Додавання стилю до дизайну інфографіки.


Тепер нумо розглядати кожен крок більш детально.

Крок 1. Визначення цілей інфографіки

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

Коли я говорю «цілі», я не маю на увазі такі високі цілі, як «резюмувати складну інформацію» або «покращити трафік веб-сайту».

Я маю на у вазі чіткі, конкретні, досяжні комунікаційні цілі.

Визначте нагальну проблему

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

Використовуйте піраміду запитань

Тепер використайте піраміду запитань, щоб взяти нагальну проблему і перетворити її на 3-5 вирішуваних запитань, на які відповість ваша інфографіка:
how to make an infographic


 

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

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

Давайте пропрацюємо це на прикладі. Наступні інфографіки демонструють способи підбору вин:

how to make an infographic

Джерело

how to make an infographic

Джерело


 

Вони намагаються вирішити наступну нагальну проблему: «як підбирати вино до страв». Їхня піраміда запитань може виглядати наступним чином:

how to make an infographic

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

Назад до «Змісту»

Крок 2. Збирання даних для інфографіки

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

Якщо у вас є власні дані – чудово, можете сміливо переходити до третього кроку! Їх відсутність не привід для хвилювання. Існує безліч загальнодоступних даних (лише США продукують близько 2,7 мільйонів ГБ даних за хвилину), якщо знати, де їх шукати.

Давайте переглянемо деякі стратегії пошуку корисних даних, щоб самому не проводити дослідження.

Удоскональте свій пошук у Google

Google – найкраще місце, щоб почати пошук. Зробіть пошук у Google більш ефективним за допомогою символів та конкретних пошукових термінів:

  • Використовуйте лапки для пошуку конкретної фрази
    • Наприклад, “підбір вин до страв”
  • Використовуйте символ мінуса, щоб виключити слова з вашого пошуку
    • Наприклад, підбір вин до страв -червоне
  • Додайте «дані» до пошукової фрази
    • Наприклад, підбір вин до страв дані
  • Додайте конкретний файловий формат (напр., xls, csv, tsv) до своєї пошукової фрази
    • Наприклад, підбір вин до страв xls

Шукайте в існуючих сховищах даних

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

  • Відкриті дані Уряду США: тут ви знайдете дані на такі теми, як сільське господарство, клімат, екосистеми, освіта, здоров’я та громадська безпека
  • Цензові дані США для досліджень у сфері здоров’я, соціальній та економічній царині: цензові дані США з 1790 року і до сьогодні
  • Statista: ринкові дослідження
  • Kaggle: користувацькі набори даних на розмаїття тем, від шоколадних плиток, до фінансування стартапів
  • Pew Research: демографічні дослідження, думки громадськості, медіа-контент тощо
  • American Time Use Survey: дані щодо кількості часу, який витрачають американці на різні заняття, як-от сон, їжа та спортивні ігри.
  • Google Trends Datastore: добрані набори даних від Google News Lab
  • Google Scholar: зручна для користувачів пошукова система для академічних публікацій
  • Data is Plural: добірка цікавих, тематичних наборів даних з щотижневим оновленням
  • AggData: дані про місцезнаходження комерційних об’єктів
  • Cool Datasets: самопроголошене «місце, де можна знайти кльові набори даних»

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

Назад до «Змісту»

Крок 3. Візуалізація даних для інфографіки

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

 

Ми розробили метод ІПЗОРД, який допоможе вам вибрати найкращі діаграми для ваших даних. По-перше, визначте для кожного шматка даних, які ви хочете візуалізувати, чи буде він переслідувати одну з наступних цілей:

  • Інформувати,
  • Порівнювати,
  • Змінювати,
  • Організовувати,
  • Розкривати зв’язки чи
  • Досліджувати.

Потім використайте рекомендації для цієї цілі, щоб знайти найкращу діаграму для своїх даних.

А тепер давайте окремо розглянемо кожну ціль:

Інформувати

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

Створіть привабливу числову статистику, використавши великий, жирний та барвистий текст:

how to make an infographic

Додаткову увагу привертайте, комбінуючи значки з текстом:

how to make an infographic

Виокремлюйте відсотки або показники за допомогою кільцевої діаграми чи піктограми:

how to make an infographic

Порівнювати

Ви хочете показати подібності чи відмінності між значеннями чи частинами цілого. Порівняльна інфографіка допоможе провести паралель між декількома елементами даних.

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

how to make an infographic

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

how to make an infographic

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

how to make an infographic

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

how to make an infographic

Змінювати

Ви хочете показати тенденції у часі або просторі.

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

how to make an infographic

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

how to make an infographic

Використовуйте фонову картограму для відображення просторових даних.

how to make an infographic

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

how to make an infographic

Організовувати

Ви хочете показати групи, шаблони, ранжування чи порядок.

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

how to make an infographic

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

how to make an infographic

Використовуйте блок-схему, щоб показати порядок у процесі.

how to make an infographic

Використовуйте прості квадрати чи рамки для відображення організованих груп (як показано на діаграмі Венна та мапах думок).

how to make an infographic

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

how to make an infographic

Зв’язки

Ви хочете розкрити більш складні зв’язки між речами.

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

how to make an infographic

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

how to make an infographic

Досліджувати

Ви хочете, щоб читач дослідив дані та дійшов до висновку самостійно.

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

Це і є наш стислий виклад методу ІПЗОРД. Тепер у вас є усе необхідне для підбору діаграм до кожного набору даних, який ви хочете візуалізувати. Просто визначте те, що хочете підкреслити, та виберіть відповідну діаграму.

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


 

Назад до «Змісту»

Крок 4. Створення макета дизайну інфографіки

Залишилось лише зробити макет та дизайн.

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

Створіть природній інформаційний плин

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

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

Використовуйте макет сітки, щоб надати вашій інфографіці структуру та рівновагу

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

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

how to make an infographic

Використовуйте центрований макет з одним стовпчиком для контенту з лінійним плином:

how to make an infographic

Джерела: Everlane.com, Ziploc.com

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

how to make an infographic

Джерела: RemoteRelief, The Guardian, FoodBeast

Коли порядок прочитання менш важливий, спробуйте використати макет з декількома розділами:

how to make an infographic

Джерела: Lauren Conrad, Lemonly

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

Створюйте інфографіку за допомогою готового шаблону інфографіки

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

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

Це коротке відео-керівництво допоможе вам вибрати найкращий тип інфографіки для ваших даних:

 

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

how to make an infographic


 

Хочете зіставити дві діаграми? Знайдіть двостовпчиковий шаблон інфографіки:

how to make an infographic


 

Маєте 3 однаково важливі статистики? Знайдіть тристовпчиковий шаблон інфографіки:

how to make an infographic


 

Маєте багато даних? Знайдіть невеликий шаблон інфографіки з 4 чи 5 розділами:

how to make an infographic


 

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

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

Назад до «Змісту»

Крок 5. Додавання стилю до дизайну інфографіки

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

Як вибирати шрифти для інфографіки

Почніть з тексту.

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

Щойно ваш текст готовий, виберіть читабельний шрифт для усього наповнення, а потім змініть розмір та стиль основного заголовку, заголовків розділів та основних даних, щоб зробити послання вашої інфографіки очевидним:

how to make an infographic


 

Хочете опанувати мистецтво верстання? Отримайте наш повний виклад порад щодо вибору шрифтів для інфографіки.

 

Як використовувати повторення, узгодженість та вирівнювання у інфографіці

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

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

how to make an infographic


 

Або використайте базові форми, щоб виокремити заголовки та елементи списку:

how to make an infographic


 

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

how to make an infographic


 

Завжди пам’ятайте про вирівнювання повторюваних елементів! Навіть найменший огріх виведе усю композицію з рівноваги:

how to make an infographic


 

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

Як використовувати негативний простір у дизайні інфографіки

Негативний простір (т. зв. пробіл) – це області сторінки, що не містять текст чи зображення. Будь-який дизайнер вам скаже, що негативний простір настільки ж важливий, як і будь-який інший елемент дизайну.

Так само як коли ви робите фотографію, ви залишаєте простір з кожного боку суб’єкта, ви повинні залишати простір навколо основної групи елементів вашої інфографіки.

Це означає, що потрібно залишити поля навколо країв інфографіки:

how to make an infographic


 

А також інтервали між непов’язаними елементами, що полегшить розуміння того, які елементи належать до якої групи:

how to make an infographic


 

Пробіл також впливає на те, як ми читаємо колір – набагато легше підкреслити взаємодію кольорів, створивши між ними невеличкий пробіл:

how to make an infographic

Професійного дизайнера видно за його умінням поводитися з негативним простором. Оскільки ви новачок, ваші дизайни покращаться щойно ви почнете думати про негативний простір!

Як вибрати колір для інфографіки

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

Використовуйте колір для виділення важливої інформації:

how to make an infographic


 

Або для групування пов’язаних елементів:

how to make an infographic


 

Не цурайтеся нейтральних кольорів. З ними легко працювати. А коли їх використовують для виділення яскравих кольорів, вони дійсно надають композиції привабливості:
how to make an infographic


 

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

how to make an infographic


 

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

Назад до «Змісту»

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

  1. Визначте цілі своєї інфографіки
  2. Зберіть дані для інфографіки
  3. Візуалізуйте дані у своїй інфографіці
  4. Створіть макет для дизайну інфографіки
  5. Додайте стилю своїй інфографіці

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


 



Як створити інфографіку за 5 кроків [Покрокове керівництво]
Rate this post