Інфографіка існувала протягом століть, але лише в останні роки вона стала центром уваги як майже бездоганний спосіб передачі складної інформації і сценаріїв. Ми нічого не можемо вдіяти - ледве углядівши посилання на чергову інфографіку, ми просто зобов'язані ознайомитися з нею.
Якщо ви зацікавлені у створенні власної інфографіки, ознайомтеся з вмістом цієї форми. Ми розглянемо кілька прикладів і обговоримо, що слід і чого не слід робити при створенні переконливої й ефективної інфографіки.
Створіть точку фокусу уваги
Інфографіка занадто часто перетворюється в надто ускладнену кашу з картинок і тексту. Дизайнер може легко захопитися і створити замість корисної конструкції щось гнітюче.
Одним із способів уникнути подібної тенденції є створення центрального графічного елементу, наочно передає основну тему або посил.
Як бачите, графік у вигляді кукурудзяного качана тут не просто єдиний привертає увагу елемент, він з'їдає практично весь вільний простір. Така структура привертає увагу і додає відчуття, що ви легко зможете поглинути відображену інформацію.
Як тільки центральний елемент залучив вас, ви запросто зможете перемкнути увагу на розташовані по сторонам дані - як графічні, так і текстові.
Ви можете це прочитати, глянувши лише раз?
Пам'ятайте, що інфографіка, як і будь-яка інша форма дизайну, повинна мати під собою певні цілі, яких ви намагаєтеся досягти з її допомогою. Як правило, завдання інфографіки - взяти складну інформацію і за допомогою художніх удосконалень зробити її більш зрозумілою. Ваша мета полягає в тому, щоб створити щось, що може бути засвоєно максимально швидко. Це стосується не тільки окремих фрагментів, зміст яких повинен передаватися миттєво, але і загальної ідеї, яка повинна сприйматися за лічені секунди.
Якщо ви не будете приділяти увагу цієї мети, ви легко зіб'єтеся з шляху. Результат, можливо, і буде краще суцільного тексту, проте він не зможе передати інформацію в дійсно цікавому і легко усваиваемом вигляді.
Використовуйте доречні метафори
Одна з блискучих можливостей інфографіки - взяти нудну, комплексну інформацію і звернути її в графічну метафору, настільки досконалу, що навіть непрофесіонали зможуть практично миттєво зрозуміти суть посилу. Інфографіка нижче служить відмінним прикладом.
Метою дизайнерів було пов'язати п'ятдесят позицій порівняльного позитивного економічного зростання 14 країн. Будучи виражена в табличному вигляді, подібна інформація була здатна занурити в сон студента-першокурсника. Однак, завдяки метафорі змагання, вона стає цікавим, що спонукає до обговорення графіком, засвоїти який на базовому рівні здатний навіть школяр.
Тепер погляньте на графік, розташований нижче. Тут приплив іммігрантів в США представлений серією стовпців, що утворюють подобу американського прапора. Інформація швидко зчитується і, завдяки впізнаваною формі, виглядає набагато привабливішою.
використовуйте зрізи
Часом інфографіка використовується не просто для пожвавлення нудних даних, а для відображення реальної ситуації. У подібному випадку однією з популярних стратегій є уявлення обстановки в вигляді тривимірної графіки, яка виглядає майже як лабораторний зразок, наприклад - зразок дерева.
Як ви бачите, результатом цієї техніки стає надзвичайно цікава ілюстрація, що дозволяє дуже швидко вловити суть. Те, що в звичайних умовах зажадало б декількох параграфів або навіть сторінок пояснень, сконцентровано в одному наочному зображенні.
Інформацію можна зробити красивою
Іноді інфографіка бере великий обсяг даних і зводить його воєдино для зручності читання, а іноді мета її - візуалізувати просто неймовірний обсяг інформації. У подібних випадках просто не завжди можливо, а часто - і не бажано, приділяти надмірну увагу кожному значенню.
Замість цього ми ставимо за мету всю картину: що ми можемо дізнатися, відступивши назад і глянувши на всі дані разом? В таких обставинах дизайнери часто відображають дані так, що результатом стає справжній витвір мистецтва!
Якщо ви пройдете по посиланню і поглянете на графік ближче, ви переконаєтеся, що в ньому просто занадто багато даних, щоб намагатися їх засвоїти. Однак же, інфографіка тут як і раніше є чудовим джерелом, так як їй вдалося звернути смертельно нудну інформацію в щось дійсно чудове і ясно відображає об'єктивні тенденції.
Не захоплюйтеся Столбикова діаграм
Дизайнер, який навчив мене майже всьому, що я знаю, завжди говорив мені одну річ, назавжди залишилася в пам'яті: «Перша твоя ідея завжди сама банальна». У дизайні практично завжди так - перше, що спадає вам на думку, також відвідає голову і іншого дизайнера. Це не завжди погано, проте ж, веде до великих обсягів неоригінального творчості.
В інфографіку ця концепція часто знаходить форму столбцових діаграм. Звичайно ж, це неймовірно корисний інструмент, значно підсилює візуалізацію даних, але також трохи банальний і прозаїчний з точки зору дизайну.
Необхідна креативна команда для створення інфографіки або сайту?
Якщо ви не готові довірити таку роботу фрілансерам - зверніться до учасників рейтингу креативності веб-студій. Даний рейтинг враховує перемоги студій в 2 найвідоміших українських конкурсах сайтів і 4 світових, так що в якості робіт можна не сумніватися.
використовуйте повтори
Повтори є одним з ключових інструментів дизайну і повинні застосовуватися практично у всіх ваших роботах. Цей інструмент особливо корисний і доречний в інфографіку, яка демонструє одні й ті ж дані в різних контекстах.
Нижче наведено урізаний зразок інфографіки віддаленого персоналу Envato, що демонструє, як дизайнер безліч разів використовує крихітний маркер Google Maps для подання членів колективу. Так як схеми присвячені місцезнаходженням, це служить відмінною метафорою, а її повторення вписується в схему, яку ми негайно засвоюємо і можемо знайомитися з кожної із секцій даних без необхідності додаткової її інтерпретації.
Розповідайте історію в картинках
Ця рада несе в собі ту ж концепцію, що і друга порада, описаний тут вище. Так як завданням інфографіки є швидкість зчитування, ваш проект повинен миттєво розповідати історію. Інфографіка повинна грунтуватися на візуальному ряду і не дуже покладатися на текст. Звичайно ж, він повинен бути присутнім в ній для тих, хто побажає витрачати час на читання, однак ваші картинки повинні і самі по собі дуже добре передавати сенс.
Коли ви створили робочий ескіз своєї інфографіки, спробуйте прибрати з неї весь текст і показати кому-небудь, хто не бачив її раніше. Чи зможе він коротко сказати, що перед ним? Чи можете ви якось поліпшити цю візуальну зв'язок?
Ретельно зображайте порівняння
Це меншою мірою стосується нашої сьогоднішньої теми, однак, вам слід приділити цьому достатньо уваги. Найважливішим із аспектів інфографіки є не просто надання інформації, але, що більш важливо, порівняння її. Типографіка в даний час досить популярна, але просто надрукувати великі числа красивим шрифтом мало для того, щоб створити відчуття дійсного масштабу або різноманіття. З цієї причини дизайнери звертаються до діаграм, графіків, ілюстрацій і всього іншого, що може прийти в голову для додання переконливості своєї історії.
Вище я вже говорив про те, що ви повинні думати над кожною столбиковой діаграмою, яку використовуєте, тепер же я хочу розширити цю ідею до будь-якого методу візуалізації, який ви використовуєте. Ваше завдання полягає в тому, щоб показати кому-небудь, як 14,2 трильйона виглядають у порівнянні з 6,95 мільярдами - як ви це зробите? Якими інструментами і хитрощами скористаєтеся, щоб взяти ці неймовірні масштаби і перетворити в щось, що ми можемо зрозуміти за дві секунди?
Не економте на візуальних підказках
Припустимо, ви вирішили покластися на стару добру гістограму, що цілком допустимо. Вашим завданням в цьому випадку буде вирішити, яким чином ви можете зробити її ще більш Новомосковскбельной - нехай навіть на межі надмірності.
Зверніть увагу на маленькі прапорці на шпальтах внизу. Так як я здатний зчитувати дані графіка самостійно, мені зовсім не потрібні ці прапори, що відображають обсяги. Однак, цей трюк додає візуальну цікавість дизайну, разом з тим знижуючи обсяг роботи, необхідної для інтерпретації даних. Можна було б цілком обійтися без цього маленького штриха, проте ж, дизайнер витратив свій час, щоб бути впевненим в тому, що інформація буде легко Новомосковскема.
більше інфографіки
висновок
Ймовірно, ви помітили, що більшість рад вище зводяться до одного: зробіть дані зрозумілими для користувача. Будучи дизайнерами, ми дуже любимо говорити про естетичні аспектах інфографіческого дизайну і його художньої стороні, але головна наша мета - задоволення користувачів.
Інфографіка є одним з яскравих зразків графічного дизайну з тих, з якими вам коли-небудь доведеться працювати. Тут дизайн є чимось більшим, ніж просто шрифтами і кольорами, тут дизайн - креативна організація, стилізація і презентація інформації з метою підвищення цікавинки, Новомосковскемості і зрозумілості, далеко виходить за межі звичайного тексту.
Не варто захоплюватися не тільки Стовпчикові, але і круговими діаграмами. Діаграм існує більше 30 видів, а в активному використанні у нас всього 2-3.
Треба пам'ятати що у кожної діаграми є своє призначення і свої обмеження в ілюстрації даних. Наприклад кругова діаграма буде непереливки динаміку, столбиковая не відобразяться стурктуру.
Ми в своїй роботі користуємося шпаргалкою, за вибором графіка, придуманої західними колегами, ми її перевели для себе. З цієї логічної схемою ми вибираємо потрібну діаграму,
а потім вже шукаємо відповідні метафори, які зможуть зробити цей графік більш живим і цікавим.
Максим Шайхалов
Дизайнер і проектувальник інтерфейсів
Хотілося б дати дуже важлива порада. Створюючи інфографіку, треба перш за все думати про зручність і ясності подання інформації, а вже потім про красу. Не варто робити інфографіку, коли дані зрозуміліше виглядали б в таблиці. Інакше виходить «дизайн, заради дизайну».
Дуже хороші знання про те як готувати правильну інфографіку дають книги Едвард Тафті. Більшість прийомів зі статті + щось нове можна знайти в них. Також там є вражаючі приклади візуального представлення великих і структурно складних обсягів даних. Вообщем, ці книги будуть корисні кожному, хто називає себе дизайнером.
Катерина Логвінова
Якісної інфографіки вУкаіни поки не густо, тому поява кожної такої статті - це просто свято якесь. )
І якщо з креативом особливих труднощів я не бачу, то при реалізації ідей часто виникають проблеми. Одна з найбільш поширених помилок, на мій погляд, - відсутність чіткого логічного скелета. Потрібно щоб було: тут у нас ручки, тут - ніжки, а ось це - животик. На ділі: ручконожкі. Багато ручконожек. Якийсь такий животик ?!
Правило тут просте: чим більше елементів присутній на зображенні, тим більше уваги потрібно приділити їх структурування.
Ще одна поширеність - неприборкана тяга до строкатості. Відчуття, що багато дизайнерів вважають, що допомогти відрізнити елементи один від одного можуть виключно контрастні кольори. У підсумку, в очах рябить, в голові - каша.
Павло Рябов
Компанія: Infogra
Посада: СЕО