Ми випустили нову книгу «Контент-маркетинг у соціальних мережах: Як засісти в голову передплатників та закохати їх у свій бренд».

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

Більше відео на нашому каналі - вивчайте інтернет-маркетинг із SEMANTICA

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

Види інфографіки

У ній використовуються різні засоби візуалізації:

• графіки;
• зображення;
• діаграми;
• таблиці;
• карти;
• схеми.

Для чого використовується

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

Часто її можна зустріти у презентаціях, особливо це корисно при розробці нових проектів. Зустріти таку передачу інформації можна на телебаченні. Такі інформаційно-аналітичні програми, як «Світ цифр», «Економіка» використовують із подання інформації графіки, схеми, блоки.

Як створити хорошу інфографіку

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

• Складіть план.
• Зберіть інформацію.
• Виберіть аргументи.
• Зробіть висновки.
• Виберіть методи надання інформації – графіки, діаграми, схеми тощо.
• Додати логотип фірми або порталу.
• Розмістіть водяні знаки для захисту роботи.
• Вибудуйте причинно-наслідкові зв'язки.
• Намалюйте схематично на папері.
• Виберіть кольори – краще використовувати не більше 4 відтінків, що поєднуються між собою.

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

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

Сервіси та програми для створення інфографіки

Є кілька популярних сервісів:

• Piktochart.com – сервіс, який трансформує інформацію у візуальні історії. Є найлегшим у використанні. З переваг – функція автономного настроювання інфографіки, великий вибір тем для дизайну та можливість накласти логотип.
• Creately.com – інструмент, що дозволяє легко створювати діаграми та схеми. Є можливість вибрати відповідну діаграму та накласти на неї свої дані, щоб вийшла абсолютно нова діаграма або графік.
• Infogr.am – нова програма, яка активно впроваджує неймовірні можливості. Відмінно підходить для створення безкоштовних діаграм та інфографіки.
• Visual.ly - сервіс, що дозволяє генерувати між собою відразу кілька інфографіки.
• Fluxvfx – інструмент, що дозволяє створювати відеоінфографіки.
• Vizualize.me створює проекти для резюме.

Приклади

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

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

Тему можна вибрати будь-яку. Це підтверджує наступна досить жартівлива картинка.

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

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

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

Сервіси для створення інфографіки:

1 easel.ly

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

2 visual.ly

visual.ly — Знайшов посилання на цей сервіс у якомусь огляді. Став реєструватися і дуже довго шукав де можна створити інфографіку, в результаті розібрався - http://create.visual.ly/. Багато красивих шаблонів інфографіки, але практично не можна вносити зміни. Сама компанія, що надає сервіс, займається розробкою інфографіки, відео та веб-додатками, ціни дуже великі (на мій погляд). А сам сервіс просто рекламний хід. По-справжньому своєї інфографіки ви тут не зробите.

3 cacoo.com

cacoo.com — це сервіс дозволяє створювати різні діаграми: блок-схеми, майнд-карти, графіки і навіть листівки. Шаблонів для інфографіки немає, але якщо вивчити всі інструменти можна зробити щось гідне. Сервіс працює безкоштовно, але із незначними обмеженнями. Користувався ним і раніше, рекомендую, якщо на комп'ютері немає спеціального програмного забезпечення для цих цілей (наприклад Microsoft Visio)

4 infogr.am

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

5 piktochart.com

piktochart.com - Відмінний сервіс створення інфографіки. Багато якісних безкоштовних шаблонів, широкі можливості для редагування можна навіть малювати з нуля. У безкоштовному обліковому записі при експорті додається логотип сервісу, але його за бажання можна обрізати. Думаю, що більшості буде достатньо безкоштовного функціоналу, а тим, хто займається інфографікою професійно, не гріх перейти і на платний.

Онлайн-сервіси інфографіки російською

— Основна мета сервісу — створення різних діаграм і спільна робота над ними. Але можна робити інфографіку. Після реєстрації можна одразу приступати до роботи. Сам редактор російською мовою, назви об'єктів англійською, але з превью можна розібратися і не звертати уваги на назви взагалі. Під час створення документа потрібно вибрати тип Infographics.

Багато різних графічних об'єктів, але готових шаблонів інфографіки не знайшов. Хоча, зважаючи на приклади на сайті, шаблони все-таки є.

7 canva.com

— Графічний конструктор, у якому вся робота будується на готових шаблонах та їхній зміні. У ньому можна вибрати вже створену дизайнерами інфографіку та змінити її під свої потреби. Сервіс дозволяє завантажувати зображення, обробляти їх, додавати/змінювати текст та використовувати вже створені варіанти. Більшість зображень і заготовок у сервісі безкоштовні, але є й ті, за які можна заплатити 1$.

Підсумки: Найкращий сервіс інфографіки

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

Для себе я відзначив два сервіси:

• easel.ly— за те, що він дуже легкий для розуміння та простий у роботі. Як я вже писав, розбереться навіть дитина. Підійде тим, кому потрібно швидко створити просту інфографіку.
• piktochart.com— за велику кількість шаблонів та налаштувань, при цьому також досить простий для освоєння. Підійде для створення складної інфографіки, причому безкоштовно.

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

Актуальність інфографіки

Як показує статистика, практично кожен користувач соціальних мереж набагато охочіше ділиться зображенням, ніж текстом. У текст потрібно вчитуватися, докладати до цього зусилля та час, а зображення одразу визначає основний посил. Отже, для ухвалення рішення про те, чи варто продовжити читання чи краще перегорнути далі, знадобиться не більше кількох секунд. Та й засвоюється така інформація набагато простіше.
Як відомо, практично 90-95% користувачів соціальних мереж не створюють взагалі ніякого інформаційного контенту, лише визначають, який найбільш точно відображає їхню думку. І це цілком нормально, оскільки унікальні дані вимагають значних зусиль щодо їх знаходження, систематизації та викладу. Якщо ви ставитеся до цих 5-10% (або збираєтеся поповнити їх ряди), то рано чи пізно вам доведеться вдатися до застосування графічних інструментів для зручнішого представлення даних. До того ж візуалізація необхідна не тільки для пустопорожнього вираження своїх думок, але і для зручності роботи, якщо необхідно просто і доступно представити якийсь проект.

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

Самостійне створення інфографіки

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

• Визначте, що саме ви хочете донести до аудиторії та з якою метою. Виділіть основні моменти в сукупності даних, які мають стати основними, це буде «скелет» вашої інфографіки.
• Максимально спростіть подачу інформації, розбийте її розділи, якщо масив даних занадто великий. Кожен розділ подайте окремим графіком або зображенням.
• Підберіть для кожного масиву даних найбільш вдалий формат для візуалізації. Відмінності тільки допоможуть краще закріпити цільову аудиторію надану інформацію. Найкращому розумінню сприяє правильний вибір колірної гами.
• Обов'язково вказуйте джерела даних та своє авторство. Слід зазначити, що меж для польоту фантазії немає зовсім і уявити дані можна навіть найнезвичнішим способом, проте для цього необхідно знати хоча б основні типи, види та напрямки інфографіки. Всі вони залежать від різновиду інформації, яка визначає форму.
• Після цього потрібно визначитися, який тип інфографіки підходить вам найкраще.
• Статична інфографіка. Тут представлені лише факти та цифри, їх взаємозв'язок та залежність щодо один одного. Вона має вигляд діаграм, графіків та інших простих форм.
• Динамічна інфографіка. Вона відображає динаміку розвитку чи прогрес. Найчастіше використовується для візуалізації економічних та соціальних показників.
• Інфографіка-інструкція. Вона показує послідовність дій з метою навчання чи пояснення будь-яких процесів. Графічні або символьні схеми допомагають викласти дані. Широко використовується в інструкціях будь-якого роду.
• Відеоінфографіка. Однією з останніх тенденцій у цьому напрямі, яка допомагає наочно донести до глядача інформацію, подану як інфографіки. Може поєднувати різні напрями візуалізації даних, закріплюючи у свідомості глядача дані у вигляді їх зачитування. Таким чином, понад 80% почутого та побаченого запам'ятовується з першого перегляду. Сьогодні практично будь-яка інформація легко виражається за допомогою відеоінфографіки, а подібні відеоролики стабільно набувають статусу вірусних (тобто швидко поширюються серед користувачів Інтернету).

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

ІНСТРУМЕНТИ ДЛЯ СТВОРЕННЯ ІНФОГРАФІКИ

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

EASELLY

Сервіс Easelly пропонує суттєво спростити створення інфографіки за допомогою вже готових шаблонів. Внести сюди статистичну інформацію, яка автоматично відобразиться у вигляді діаграми чи графіка, не можна, хіба що доведеться вводити вручну свідомо структуровані дані, підганяючи їх під вибраний шаблон.
Даний сервіс дозволяє просто красиво структурувати інформацію, не вимагаючи ніяких знань у дизайні. Працює він за принципом drag&drop, тобто методом перетягування на робоче поле елементів, що найбільш підходять для цієї мети. Кожному елементу, чи то картинка, лінія чи текст, можна надавати потрібну величину і форму, просто розтягуючи або зменшуючи його за допомогою курсору. Також є можливість додавати свої зображення: піктограми, фотографії і т.д. Кожен шаблон, що надається, служить лише відправною точкою для вашої інфографіки - фон і всі елементи взаємозамінні. Незважаючи на те, що сайт англійською мовою, він не бачить різниці між латиницею та кирилицею. Зберігати готовий проект можна у форматах JPEG та PDF. Реєстрація не є обов'язковою.

RAW

Raw найкраще підходить для створення графіків з цікавою візуалізацією, але без істотних витрат часу та сил. Спосіб створення вкрай простий: введіть наявну у вас інформацію у вигляді тексту, який буде відразу сформований в таблицю, виберіть форму візуалізації, а потім просто перетягніть потрібні вам дані у відповідні поля для
відображення взаємозв'язку між ними. Після цього ви можете в реальному часі спостерігати створюваний графік, змінюючи при необхідності параметри. Сервіс дозволяє зберегти діаграму у форматах PNG, SVG, JSON та HTML-коді. На жаль, на даному етапі розробки ресурсу немає можливості додавати заголовки, підзаголовки та різні підписи, проте варто відзначити підтримку кирилиці.

AMCHARTS LIVE

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

PIKTOCHART

Цей ресурс можна охарактеризувати як симбіоз Easelly та Infogram, тому що він дозволяє редагувати вже завантажені (або створювати свої з нуля) макети методом позиціонування на робочому полотні піктограм та текстових підписів, але при цьому дає можливість створювати графіки та діаграми із завантаженими табличними даними. Оскільки Pictochart дозволяє не просто створювати графіки, але й цікаво їх оформляти візуально, він є найбільш популярним серед користувачів у порівнянні з вищеназваними конкурентами. Додає йому окуляри та можливість зберігати готову картинку у форматах JPEG та PNG відразу на жорсткий диск. Само собою, як і у випадку з іншими зарубіжними сервісами, Pictochart є умовно безкоштовним, надаючи доступ лише до кількох шаблонів та обмеженої кількості піктограм та зображень. Щомісячна плата дозволить відкрити доступ до сотень нових можливостей для редагування інфографіки.

INFOGRAM

Infogram можна назвати одним із найбільш доброзичливих до користувача сервісів. Назва сайту не дарма нагадує всім відомий Instagram, тому що розробники спочатку виходили з ідеї найбільшого спрощення інтерфейсу: "Зайшов, створив, поділився". Щоб створити свій графік, необхідно або завести обліковий запис на сайті, або увійти через профіль Facebook або Twitter і вибрати один із шести запропонованих шаблонів. Незважаючи на повністю англомовний інтерфейс, Infogram сприймає кириличний текст як рідний, а розібратися з послідовністю дій можна навіть методом «наукового тику».
Створюючи свою інфографіку, можна додавати до шаблону необхідні вам діаграми, завантажувати фотографії (чи інші графічні дані), відео. Все це розташовуватиметься на одному полі в задуманому вами порядку. Редагування даних відбувається у таблиці, що нагадує Excel-документ, що з'являється після подвійного клацання на полі графіка. Табличні дані можна вносити безпосередньо, а також копіюючи з відкритого файлу або завантаживши таблицю у форматі Excel. Вся внесена інформація відразу відобразиться на графіку.
Збереження вашої інфографіки відбувається автоматично, і кожен відкритий шаблон розміщується у вашій профільній бібліотеці (Library). Все зберігається на віддаленому сервері, а тому ви будь-якої миті можете легко повернутися до потрібного проекту і поміняти дані при необхідності. Відправити на жорсткий диск готовий результат не вийде, оскільки сервіс надає можливість ділитися ним тільки в соціальних мережах Facebook, Twitter і Pinterest, або отримати код самостійного вбудовування на свій сайт.

CACOO

Дає можливість створювати прості діаграми та схеми. Дуже схожий на Creatly завдяки підтримці російської мови, великому набору шаблонів, макетів, елементів та піктограм, опції роботи в команді над одним проектом та багато іншого. За допомогою Сасо можна, в першу чергу, швидко створити потрібну схему онлайн. Як і у випадку з іншими подібними сервісами, не потрібно встановлювати на комп'ютер програму-редактор, він є виключно веб-додатком. Cacoo - платна платформа, проте надає більш широкі можливості для користувача в некомерційній версії, ніж Creately. Незважаючи на те, що зберігати на жорсткий диск дозволено лише у форматі PNG, в інших форматах (SVG, PS, РРТ, PDF) можна зберегти три пробні документи на кожен формат окремо. При цьому в одній доступній папці можна зберігати до 25 робіт, а кількість користувачів зростає до 15 осіб. До мінусів відноситься неможливість імпорту до таблиці відеороликів.

CREATELY

Сервіс Creately надає більші можливості для створення красивої інфографіки. При цьому він абсолютно відкритий для будь-якого користувача, а роботу над проектом можна розпочати без попереднього навчання. Для того щоб розібратися в інтерфейсі, вам не знадобиться багато часу, тим більше, що він перекладений російською мовою.
Зручний редактор дозволяє створювати діаграми будь-якої складності на широкому робочому полі. Для цього є більше тисячі вже заготовлених шаблонів, трафаретів, піктограм та інших елементів, які допоможуть спроектувати потрібну вам інфографіку. Вся робота будується на банальному перетягуванні необхідного елемента на робоче поле.
Особливістю цього сервісу є опція командної роботи, що дає можливість стежити за створенням інфографіки онлайн всім, хто має допуск до проекту. Це суттєво прискорює роботу в тому випадку, коли замовник хоче бути в курсі справ або бере безпосередню участь у розробці інфографіки.
Але така відкритість ресурсу не повинна вас дурити. Доступність дозволяє навчитися працювати з Creately, але тут не все так просто. У безкоштовній версії працює обмеження на кількість учасників (не більше трьох осіб), кількість проектів (загалом один), кількість створюваних діаграм (не більше п'яти). Проект буде мати логотип Creately, а доступ до нього відкриється для всіх відвідувачів сайту. Відповідно, для зняття обмежень доведеться переходити на платну версію. Creately не є професійним сервісом, хоча й має дуже багаті можливості. Він ідеально підійде тим, хто бажає освоювати інфографіку більш серйозному рівні.

TABLEAU PUBLIC

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

WORDLE

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

TAGXEDO

Саме тому краще скористатися сервісом Tagxedo, який підкуповує своєю простотою та вибором можливостей. Досить просто ввести текст (або вставити посилання на нього), вибрати одну зі 114 форм розташування слів, підібрати колірну гаму та шрифт, і – вуаля! — можна зберігати отриманий результат у будь-якому форматі і в будь-якому розмірі. Недолік у тому, що кириличний шрифт лише один, тоді як латиниця представлена ​​двадцятьма двома. Але це причіпки, не більше.

Свобода творчості

Запропоновані до вашої уваги послуги — не єдині у своєму роді: на просторах Інтернету можна знайти багато інших. Однак перераховані вище рішення є зрозумілими і доступними більшості людей, оскільки практично не вимагають навичок графічного дизайну. Необхідно лише вміти правильно розміщувати графіки, діаграми, картинки, піктограми, текст та інші елементи на робочому полі для кращої візуалізації. При цьому можна користуватися не одним конкретним сервісом, а декількома, оскільки, незважаючи на свою схожість, вони мають різні умови щодо їх використання. Так, створені елементи на кількох різних сервісах легко об'єднати в більш підходящому для цього додатку.
Якщо ви новачок у справі створення інфографіки, то сміливо використовуйте безкоштовні шаблони, що надаються різними сервісами, для навчання, перш ніж оплачувати право на розширені можливості. Навчіться завчасно визначати, як найкраще візуалізувати наявну у вас інформацію, які графіки та діаграми використовувати, як відобразити текстові дані. Інфографіка має широке поле для застосування і допомагає не лише урізноманітнити методи подання інформації, а й створювати нові напрямки у цій галузі. Вона доступна людям будь-якого віку та з будь-яким ступенем освіти. У XXI столітті важливо не так володіти інформацією, скільки вміти її правильно подавати.

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

1. Piktochart

Piktochart - це додаток, за допомогою якого будь-яка людина, навіть зовсім позбавлена ​​художнього таланту, зможе створити ефектну інфографіку для використання в Інтернеті, презентаціях та доповідях. При цьому йому не знадобляться жодні дорогі професійні програми та спеціальні вміння. Все, що необхідно – це сучасний браузер та з'єднання з Інтернетом. Базова версія безкоштовна, розширена коштуватиме $29 на місяць. У безкоштовній версії є кілька досить стильних шаблонів.

2. Сreately

Дизайн у Сreately, можна сказати, не дуже сучасний. Підтримує 7 мов, серед яких  - російська. Більше можна використовувати, якщо потрібно таблично виразити дані.

3. Infogr.am

Infogr.am – це онлайн-сервіс для створення інтерактивних візуалізацій та інфографіків. Все, що потрібно зробити - це завантажити дані на сайт, зробити кілька клацань мишею і автоматично створити із завантажених даних інфографіку. Після публікації на сайті ви можете вбудувати її на власному ресурсі, так само, як ви ставите на сторінку відео з YouTube. Отриману картинку можна розшарити у Facebook, Twitter та Pinterest. Найприємніше тут те, що зовсім не потрібно програмувати чи розуміти основи дизайну. Все дуже просто і виглядає гарно.

4. Visual.ly

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

5. Google Charts

Google Chart дозволяє створювати 11 типів різних діаграм. Ось вони:

1. Лінійний графік
2. Гістограма
3. Пухирцевий графік
4. Пелюсточна діаграма
5. Японські свічки
6. Діаграма Венна
7. QR-код
8. Карта
9. Формула
10. Кругова діаграма

6. Vizualize.me

Сервіс Vizualize.me, що перетворює ваше LinkedIn-резюме на інфографіку. Російський аналог - Resumup.ru.

7. Easel.ly

У Easel.Ly більш сучасний стиль графіки та шрифтів, той самий основний принцип Drag and Drop та кастомізація. На головній викладено 15 темплейтів, які можна взяти за основу своєї інфографіки, а можна одразу розпочати із чистого аркуша.

8. Draw.io

Draw.io – це робочий стіл для онлайн-редагування інфографіки, схожий Creately.Com. Він безкоштовний для всіх користувачів та оцінений на 5 балів на Google Apps Marketplace, звідки його можна приєднати до свого облікового запису Google. Оцінки користувачів масштабуються не надто: від «дуже корисний безкоштовний інструмент» до «чудово». Draw. io дозволяє відразу шукати в Google тематичні фото для фонів і елементів, що здорово. З погляду стилю він досить нейтральний і багатьом сподобається більше, ніж Creately.Com - не супермодно, але цілком гідне візуальне рішення з безліччю «робочих» ікон. Оскільки Draw.io орієнтований на Google Drive, його інтерфейс великий відсоток русифікований.
Якщо ви вирішили відкрити цю статтю, то, напевно, чули магічне слово «інфографіка» і приблизно уявляєте, що воно означає. Сьогодні комбінації тексту та картинок присутні практично на кожному сайті.

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

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

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

Етапи створення

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

1. Формування ідеї

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

2. Збір та систематизація інформації

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

3. Малюнок

Зробіть попередню блок-схему майбутньої інфографіки. Групувати дані можна:

• з хронології;
• за логікою;
• з ієрархії;
• з геолокації;
• за алфавітом.

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

4. Написання тексту

Для кожного пункту напишіть чорновий варіант підпису. Допустимо, ви з'ясували, що 80% слов'янок виходять заміж у віці від 20 до 26 років. Цю інформацію можна подати кількома способами:

а) 20-26 років – 80% дівчат;
б) 80% - віком від 20 до 26 років.

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

5. Вибір графічного супроводу

Хорошим тоном створення якісної інфографіки є використання двох типів графічних об'єктів. Один – основний та кілька додаткових. Перший розставляє акценти і дає уявлення про тематичну спрямованість контенту (великий графік, діаграма, чоловічок тощо), другий - робить дані доступнішими для сприйняття (стрілки, виноски, блоки).

6. Верстка

На цьому етапі ви маєте право скористатися спеціальними сервісами (про них ми поговоримо трохи пізніше) або згортати макет власноруч, скориставшись тим же фотошопом. Я рекомендую освоїти базові інструменти роботи з графічним редактором і «паяти» інфографіку самостійно, адже так ви будете впевнені в унікальності візуального контенту, навіть незважаючи на використання завантажених з мережі png-об'єктів.

7. Фінальні штрихи

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

Ознаки якісної інфографіки

1. Достовірність

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

2. Зрозумілість

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

3. Лаконічність

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

4. Структурованість

Основна мета структурування полягає у забезпеченні ясності та формуванні причинно-наслідкових зв'язків. Необхідно, щоб окремі елементи поєднувалися в єдине ціле. Хаотичне розміщення інформаційних блоків не вітається. Серед дизайнерів існує поняття «скелета», «м'яса» і «шкіри», причому перший явно виділяється на загальному тлі.

5. Цілеспрямованість

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

6. Своєчасність

Дані мають бути актуальними і точка. Нема чого годувати користувача інформацією 5-річної давності.

7. Єдиний стиль

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

8. Потужний заголовок

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

9. Читабельність

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

10. Цінність

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

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

Сервіси для інфографіки

1. Easel.ly – безкоштовний сервіс із гнучкими налаштуваннями;
2. piktochart.com – жирний сайт із соковитою бібліотекою шаблонів;
3. infogr.am – дозволяє доповнити зображення відео та аудіоматеріалами;
4. vizualize.me – окрім створення своєї інфографіки можна переглянути приклади чужих робіт;
5. venngage.com – містить безкоштовні барвисті макети та готові дизайнерські рішення;
6. creately.com - створює діаграми в пару кліків.

Це були англомовні портали, а ось вам парочка вітчизняних:

1. resumup.com – створює надпривабливе резюме;
2. ruseller.com – непрофільний сайт із онлайн редактором для верстки інфографіки з готових шаблонів;
3. www.mindomo.com - промальовування карт мозкового штурму.

Де брати шаблони?

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

Корисна література

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

1. Ден Роем – «Практика візуального мислення»
2. Джин Желязни – «Говори мовою діаграм»
3. Сьюзан Уейншенк - «100 основних принципів дизайну» та «100 основних принципів презентації»
4. Девід Маккендлес- "Інфографіка"
5. Ренді Крам – «Інфографіка. Візуальне подання даних»
6. Девід Сіббет - «Візуалізуй це! Як використовувати графіку, стікери та інтелект-карти для командної роботи»
7. Майк Роуді - «Візуальні нотатки. Ілюстрований посібник зі скейтчингу»

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

2. Спрощуйте

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

3. Менше декору

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

4. Трохи про шрифти

Дизайнери рекомендують використовувати максимум 1-2 шрифти (перший для заголовка, другий – для основного тексту) у не більш ніж трьох розмірах. Уникайте рукописних шрифтів та імітаторів графіки. При їх читанні надмірно напружується зір та інформація засвоюється набагато гірше.

5. Відповідайте на запитання

Прийнято вважати ідеальним тактичним ходом, коли кожен об'єкт відповідає на конкретне питання з розряду «Як? Навіщо? Що робити? Чому? Скільки?». Керуючись цим нехитрим принципом, ви перетворите інфографіку на мануал або довідник.

6. Ліплення протипоказане

Блоки повинні відокремлюватись один від одного. Обов'язково залишайте на аркуші вільний простір. Дані в жодному разі не можна накладати і ліпити монолітними шарами. Текстовий і об'єктний достаток провокує брижі в очах.

7. Захист авторських прав

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

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