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

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

Як упоратися з проблемою?

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

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

Інфографіка з акцентом на привабливість.

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

Інша крайність - коли ми відмовляємось від зовнішньої краси заради інформації як такої.

Інфографіка з упором на інформативність.

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

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

Крок 1. Виберіть тему

Почніть із вибору теми або контенту, на основі якого ви хотіли б створити інфографіку. Можливо, у вас у голові відразу з'явилася величезна кількість геніальних ідей, але найкраща серед них – врахувати інтереси та потреби своєї цільової аудиторії. Це однозначно наблизить вас до успіху. Інший варіант – зверніть увагу на останні тенденції на ринку, вивчіть Google Trends або популярні топики на Buzzsumo.

Крок 2. Структуруйте інформацію

Наступним етапом після вибору теми є структурування матеріалу та визначення найважливіших моментів, які найбільше відповідають інтересам цільової аудиторії. Якщо ви відштовхуєтеся від статті в блозі, потрібно проаналізувати її основну структуру і виділити 4-5 ключових елементів. Якщо йдеться про набір даних, слід визначити 8-10 найбільш значущих цифр.

Допустимо, ваша тема – роль особистої ефективності у становленні стартапів. Тоді ви, наприклад, можете виділити такі основні елементи:

• працювати віддалено;
• обмежити особисті зустрічі;
• не переглядати часто електронну пошту;
• йти з роботи о 5:30 вечора;
• рано вставати;
• фокусуватися на головному, не розпорошуватися по дрібницях;
• робити менше, але більше;
• використовувати правильне ПЗ.

Крок 3: Продумайте структуру

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

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

Малюємо макет.

Крок 4. Оцифруйте макет

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

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

Крок 5. Додати контент

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

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

З і без зображення.

Ресурси для пошуку зображень та фотографій:

Ресурси для пошуку іконок:

Крок 6. Виберіть стиль, шрифт та палітру кольорів

Тепер, коли структура, контент та картинки зайняли свої місця на сторінці, починається найцікавіше.

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

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

Докладніше про шрифти у статті «Малуємо інфографіку: як підібрати шрифт».

Ресурси для пошуку шрифтів:

Вибір шрифту.

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

Одна хороша порада - вибирайте 2-3, максимум 4 різних кольори для своєї роботи і далі використовуйте різні відтінки. Докладніше про колірні палітри можна дізнатися у статті «Малюємо інфографіку: як правильно вибрати колір».

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

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, його інтерфейс великий відсоток русифікований.

І це можна пояснити: 65% людей віддає перевагу візуальному контенту, він набирає в 2-3 рази більше переглядів і лайків, ніж звичайна публікація.

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

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

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

Інфографіка як інструмент маркетингу

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

Ключовими форматами інфографіки є статичні та анімовані картинки, інтерактивні інтерфейси, а також відеоконтент.

Для просування проекту можна вибрати будь-який засіб візуалізації:

• обкладинки- Частина оформлення групи в соцмережах або інфопродукту (наприклад, );
• чек-листи– візуальний контрольний перелік;
• «дерево рішень»- Структурований посібник на вибір товару;
• інтелект-карти– систематизація відомостей для планування чи навчання (наприклад, для );
• блок-схеми– графічний алгоритм для звітів та статистики;
• інформаційні картки– для виділення факту, поради чи прикладу;
• наочні інструкції- Для швидкого вирішення проблеми користувачів;
• загадки та комікси– для інтенсивного розповсюдження у соцмережах.

Статична інфографіка з нуля на замовлення у студіях коштує 100-500 доларів. Звичайно, можна заощадити та піти на біржу фрілансу – тут ціни стартують від 500 рублів. Ще один спосіб розробляти візуальний контент самостійно за допомогою платних онлайн-сервісів, таких як Infoactive з оплатою 30 $ на місяць. Але є й райдужна альтернатива.

10 безкоштовних сервісів для створення інфографіки

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

Easel.ly

Однозначний лідер сьогоднішнього огляду – простий та багатофункціональний. Ця платформа не русифікована. Але вона має інтуїтивно-зрозумілий інтерфейс, тому створення картинки з нуля або на готовому шаблоні не вимагатиме від вас великих зусиль. Ресурс запускається як із ПК, так і з мобільних пристроїв.

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

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

Заплативши 4$ на місяць, Ви отримаєте у своє розпорядження понад 11 мільйонів об'єктів, 320 шаблонів, 112 шрифтів, 20 типів діаграм та графіків. У такому разі тільки ви бачитимете створену інфографіку, до того ж стане можливим високоякісний експорт.

Ще один англомовний ресурс із багатими можливостями. Однак, щоб ними скористатися, потрібна авторизація. Для реєстрації підійде email або аккаунт Google, Facebook.

На момент написання статті у відкритому доступіє 13 варіантів для презентацій, 25 шаблонів для друкованої продукції (листівок, звітів, плакатів) та 9 «скелетів» безпосередньо для інфографіки. Можна також додавати до панелі керування власні візуальні ефектита створювати візуальний контент з нуля. Безкоштовно файл можна завантажити тільки в форматі PNGу нормальній або середній якості. Зверніть увагу: знизу буде додано логотип Piktochart.

Щодо платних тарифів, у пакеті Lite за 12,5 доларівщомісяця на вас чекає 600 додаткових шаблонів і можливість завантаження на 100 МБ.

Є ще пакет PRO за 24,17 $ на місяць. Він включає 600 шаблонів, завантаження 1GB зображень, експорт у PDF та HD, видалення водяного знаку, персональні кольори та інші плюшки.

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

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

Платні тарифи коштують від 19 до 149 $. Усі вони передбачають:

• доступ до 550 типів карток;
• контроль конфіденційності;
• можливість завантаження HD-ілюстрацій;
• доступ до мільйона картинок та іконок;
• використання преміум-шаблонів.

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

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

Платні тарифи ( від 16 $ на місяць) відкривають спільний доступ для членів вашої команди, дозволяючи працювати над необмеженою кількістю проектів із будь-яким числом сторінок. Водяний знак сервісу у разі відсутній, а інфографіку можна додавати своє доменне ім'я. До того ж підключається аналітика, налаштування SEO, з'являється можливість експорту та введення коду.

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

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

• YouTube;
• Google Таблиці;
• Google Календар;
• Vimeo;
• API Звіти вашого сервера;
• Google Search Console;
• Google Maps;
• Google Analytics;
• бібліотека даних Світового Банку (статистика країн, регіонів).

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

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

PRO-аккаунти дозволяють розширити галерею та впровадити елементи вашого бренду, відкривають доступ до командних функцій та експорту анімації. Крім того, вони дають можливість розсортувати контент за папками, прибирають обмеження на зберігання даних – у free-версії на це дається 1 ГБ. Щомісячна вартість – від 12,95 $ на місяцьдля кожного члена команди. Передбачено безкоштовний тестовий період на 30 днів.

Cacoo

Після швидкої реєстрації в онлайн-сервісі ви зможете формувати діаграми, карти, мережеві графіки та блок-схеми. Редактор має 120 шаблонів, на основі яких легко створити власну інфографіку (додавати і редагувати текст, лінії, фігури, таблиці).

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

Безкоштовний тариф передбачає обмежений обмін схемами, створення лише шести сторінок та скачування файлів лише у png. Розширення функціоналу обійдеться вам у 4,95 $ щомісяцядля однієї людини, 18 $ для трьох осіб і 600 $ для 10 членів команди.

Prezi

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

Є фільтр дизайну за колірною гамою та тематикою. Проте безкоштовна версіядає лише базові можливості для створення та зберігання одного проекту. Якщо потрібна робота над необмеженою кількістю презентацій, збільшення функціоналу та контроль конфіденційності, доведеться платити від 5 до 59 доларів на місяць. Ціна корпоративного користування - 1800-6000 $ на рік (по 600 $ для кожного співробітника).

Це проста у використанні російськомовна онлайн-платформа, за допомогою якої легко створити:

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

Після реєстрації сервіс пропонує вибрати з маси шаблонів три варіанти, що сподобалися – на основі цих даних згодом сформується розділ «Рекомендовані». У редакторі є такі графічні інструменти: фон, текст, іконки, діаграми, карти, фото, рамки, значки і навіть інтерактив. Можна додавати зображення зі свого ПК.

Лише інфографіка включає 12 тематичних розділів, у тому числі план-графік, геодані, статистику, процеси. Але більшість шаблонів перебувають у платному доступі. Щомісячна ціна – 12 $ з особи або 49 $ з організації. Зручний експорт у pdf та png на безкоштовному тарифі недоступний (передбачено лише публікацію готового проекту онлайн).

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

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

Платна версія коштує 5$ для індивідуального використання, а також 25-45$ для команди з 5 та 10 осіб. Вона дозволяє створювати необмежену кількість проектів, малювати будь-яку кількість діаграм, використовувати Visio Import, експортувати файли у пріоритетному форматі.

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

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

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

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

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

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

Відразу ж обмовлюся, що ми розглядатимемо найпримітивнішу, але не менш вражаючу інфографіку. Залишимо професійним дизайнерам малювання унікальних 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. Захист авторських прав

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

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

Ми продовжуємо публікувати переклади найцікавіших статей зарубіжних інтернет-маркетологів, дизайнерів, спеціалістів у галузі seo та smm. Автор статті: Lilach Bullock. Її контакти: [email protected] , Pinerest: lilachbullock

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

Що таке інфографіка?

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

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

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

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

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

14 найкращих способів створення інфографіки

1. Piktochart трансформує інформацію у захоплюючі візуальні історії. Його дуже легко використати. Має функцію інфографіки, що автоматично настроюється. Ви можете додавати іконки та ваш власний логотип. Пропонує відмінний набір тем для дизайну. Сервісом можна користуватися безкоштовно, хоча якщо ви хочете мати можливість вибирати більше тем і мати при цьому найкращі ціни, налаштовані індивідуально під замовника, мінімально можлива ціна становитиме 9.99$ на місяць.
2. Visual.ly - це чудовий інструмент, який дозволяє генерувати ряд інфографік. Інфографіка у цьому випадку майже повністю буде заснована на соціальних метриках, таких як дані Twitter або Facebook. Сервіс виник нещодавно і досі додає до своїх категорій нову інформацію. Є безкоштовним та легким для використання.
3. Fluxvfx – це чудовий інструмент, за допомогою якого можна створювати відеоінфографіку. Він пропонує набір готових шаблонівтому його легко використовувати. Мінімальна ціна - 25 $.
4. Vizualize.me - новий додаток (в даний час у Beta-версії), який створює інфографіку для вашого резюме. Працює, використовуючи інформацію профілю користувача в LinkedIn, і перетворює його резюме на інфографіку, що настроюється.
5. Infogr.am досі є відносно новим сервісом та має безліч можливостей, які поки що знаходяться на стадії впровадження. Корисний інструмент для створення безкоштовних інтерактивних діаграм та інфографіки.
6. Vizify – новий інструмент створення інфографіки за даними Twitterта демонстрації детальних даних з вашої Twitter стрічки, включаючи: найактивніших фоловерів (передплатників), найпопулярніші пости і т.д.
7. Creately – зручний для користувача інструмент, який допомагає створювати професійні діаграми та динамічні схеми. Ви можете вибрати із запропонованого набору типів діаграм, і просто додати свої дані, щоб створити власну діаграму або графік.
8. Stat Planet – це відмінний інструмент, який створює інтерактивні візуалізації та статичні зображення). Надає доступ до важливих всесвітніх даних, які ви можете користуватися продемонструвати через схематичні візуалізації. Ви також можете налаштовувати ці візуалізації під свої вимоги.
9. Hohli – ще один сервіс для створення графіків та діаграм, яким легко користуватися. Дозволяє змінювати зовнішній виглядінфографікивиходячи з ваших потреб.
10. Google Public Data Explorer- корисний спосіб використовувати загальнодоступні данідля того, щоб трансформувати їх у будь-яку інфографіку на ваш смак. Ви можете додавати ці графіки на веб-сайт або в блог.
11. Tagxedo перетворює слова(відомі промови, статті новин, слогани та тематики, навіть ваші любовні зізнання) у хмари слів, що мають візуальний вплив на користувача.
12. Wordle – простий у використанні інструмент для створення ефективних словесних візуалізацій. Просто введіть свій текст (від коротких до довгих абзаців). Сервіс надає безліч дизайнів, з яких можна вибрати потрібний.
13. Cacoo - онлайн інструмент для малювання, який уможливлює створіння різних видівінфографіки, включаючи карти сайту, схеми сторінок, UML(Unified Modeling Language - уніфікована мова моделювання) та мережеві графіки.Сервіс дозволяє здійснювати спільну роботу в реальному часі, а значить, кілька користувачів можуть ділитися один з одним і додавати в блог одну діаграму одночасно.
14. Lilach & Sarah"s Inforgraphics package - якщо ви шукаєте можливість отримати в свої руки набір з 10 інфографік, де вже є весь контент, і вам потрібно тільки додати логотип та URL сайту, тоді за 10 фунтів ви можете придбати цю інфографіку (у до неї входить блог майстер, система для створення блогу WordPress.com, хостинг, заповіді інтернет-маркетингу, підсумкові поради).

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

Зависає