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


12

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

Я прошу:

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

(Як приклад того, що я хочу зробити [але в набагато скромніших масштабах], http://xkcd.com/980/ )


На вже відмінні відповіді, я просто хочу вкласти пару ресурсів, які трохи підштовхують конверт (все одно мій конверт) до того, що ви можете зробити з даними. Можливо, ви не зможете використовувати їх у своєму наступному проекті (або коли-небудь), але вони веселі, і вони змусять вас задуматися.
Аманда

Відповіді:


18

Дизайн інфографіки - це велика частина того, що я роблю. Ось груба розбивка того, що я використовую.

  • Можливо, 95% роботи над інфографікою, яку я роблю, знаходиться в Illustrator. Ви хочете, щоб все було збережено у векторному форматі, оскільки точне масштабування, вирівнювання, групування, налаштування та зміна так важливі. Якщо це гарне представлення хорошої інформації, то може бути заклик до різних викладених версій: веб, друк, плакат, інтерактивні, невеликі спільні зображення для соціальних медіа, ескізи ... і, можливо, навіть оновлена ​​версія з даними наступного року. Якщо ви будете тримати все гнучко, згодом ви подякуєте. Деякі особливості Illustrator:

    • Її інструменти діаграм, які іржаві та розчаровують, але точні та їх варто використовувати (кілька порад: пам’ятайте про використання sта rмасштабування та обертання, звичайні методи не працюють, а коли вам потрібно зламати та розгрупувати діаграми, завжди зберігайте групування скопіювати) та перемістити обхідні шляхи, необхідні в Corel Draw . Зважаючи на це , я вважаю, що Inkscape має деякі плагіни і в цьому плані вдосконалюється, в той час як Adobe нехтує своїми відверто застарілими інструментами графіків . Настільки, наскільки мені подобається Illustrator, я потрапляю на мить, якби суперник мав хороші, сучасні, надійні інструменти для створення графіків. Не спокушайтесь копіювати, розгрупувати та редагувати діаграми з Excel - це працює, вони вставляються як вектори, але десь уздовж лінії вони дещо спотворюються і втрачають точність.
    • Її особливості в застосуванні ефектів до точно накреслених фігур регульованим способом, як художні пензлі, кисті для малюнка та ефекти трансформації. Інші векторні програми мають подібні функції, але не в тій же мірі. Все, що робить елементи, які можна повторно використовувати, налаштувати і налаштувати, допомагає.
    • Існує безліч сценаріїв, коли потрібно робити речі точно в числовому вигляді. Коли вам потрібно зробити щось незвичне і точне, часто існує сценарій для цього. Крім того, палітра вирівнювання чудова та має не очевидні зручні хитрощі, як точно складати речі .
  • Я рідко використовую InDesign, якщо графіка не є частиною багатосторінкового документа (хоча деякі люди використовують його для всієї сторони тексту графіки, розміщуючи кожен елемент із Illustrator). Два винятки, де я його використовую:

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

  • Якщо вас взагалі цікавить інтерактивна інфографіка, і якщо ви або колега знаєте будь-який JavaScript, ще однією перевагою Illustrator (також стосується Inkscape та CorelDraw) є те, що він може експортувати SVG, який може використовуватися як інтерактивні векторні елементи у браузері. .

Люди іноді використовують простіші програми, такі як омніграфле, для простих діаграм, і ідея щодо створення інструментів створення інфографіки з низьким рівнем бар'єру для входу іноді розпливається навколо, але ті, кого я бачив, були просто масою заздалегідь зробленої інфографіки в маскуванні (наприклад, visual.ly create) або смішно дрібної (наприклад, easel.ly) .

Редагувати--

Зараз існує декілька інструментів для входу з низьким рівнем бар'єру, які не забирають на 100% і що додають щось, що варто згадати, до стандартного формату інфографіки ( Vennage та infogr.am ). Вони на ранній стадії і трохи грубі, і оскільки вони по суті є іграшковими програмами, вони навряд чи колись принесуть велику користь дизайнерам, за винятком внутрішніх людей, які уникають вражаючої душевної роботи («Текст і пара діаграм? Це Насправді просто, ви можете зробити це самостійно, ось як ... ") - але про них варто щось відзначити: вони експортують як HTML і SVG (infogr.am використовує Raphael, Venngage використовує HTML, CSS і D3).

Чому це має значення? Тому що якщо ви розробляєте інфографіку для публікації на веб-сторінках, і якщо ви просто збиваєте png чи gif і скажете, що виконано без використання таких методів, щоб вивести текст як фактичний, реальний, живий, семантичний текст у розмітці веб-сторінки, це буде означати, що автоматичні іграшки для сирів, як-от ці сайти, випускатимуть вихід, який має перевагу перед вашою роботою ... Я завжди використовую Рафаель для подібних речей, тому що це єдине, що працює у старих IE та iOS.

Редагувати 2 ---

Невдалий піонер-розробник інформаційної / журналістської журналістики Альберто Каїр нещодавно провів журнал про інструменти торгівлі та опублікував декілька відеоуроків з інфографіки в Illustrator, орієнтованих на новачків (я не пробував їх, тому не можу за них поручитися). У популярному блозі dataviz Flowing Data також періодично є навчальні посібники, які іноді є кодом, іноді статистикою, іноді дизайном . Зазвичай вони спрямовані на статистиків, які прагнуть підвищити свої навички дизайну та візуалізації, ніж навпаки, але можуть бути корисними.


4
+1000 для "зберігайте згруповану копію діаграми, якщо ви збираєтесь її розгрупувати". Мати милосердя, намагаючись співпрацювати з чужою негрупованою логарифмічною схемою S&P з 1923 року по теперішній час - це як забивати себе в очі паличкою, змоченою в лимонному соку.
Лорен-Ясний-Моніка-Іпсум

+1 за очевидно болісну пам’ять негрупованої діаграми.
huzzah

Фантастична відповідь. Особливо дякую за вказівку про інтерактивну інфографіку - обов'язково щось вивчити.
Стів Беннетт

1
@SteveBennett Дякую! До речі, з моменту написання цього досвіду я побачив цей дивовижний приклад Рафаеля, щоб зробити те, що, здається, розробленою для статики графікою для друку, приваблює більше в Інтернеті. Це по-французьки, але це має бути добре для отримання ідей ... просто не сподівайся, що реалізація обов'язково буде простою parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

вау, це досить ефектно. (цікава тема теж - я жив у Франції два роки, хоча до Саркозі). raphaeljs.com
Стів Беннетт

8

WebCode - це чудовий та простий у використанні векторний додаток для малювання, який миттєво генерує JavaScript + Canvas, SVG або CSS + HTML-код. Він спеціально орієнтований на веб-інфографіку.

введіть тут опис зображення


7

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


4

Я погоджуюся з Лорен - ілюстратором графіків. І можна використовувати Illustrator на весь твір. Однак я б схилявся до використання Indesign для багатьох табличних даних, а не просто декількох сторінок. Indesign обробляє дані таблиці набагато простіше, ніж Illustrator.

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

Але з цього питання можна було скласти цілий твір в Illustrator або Photoshop.


2

"Інфографіка" насправді не є певною технологією чи навіть естетичною. Це дійсно просто візуально представляє дані. Використовуйте будь-які інструменти, які мають сенс для використання. Щодо векторної ілюстрації, то це добре, Adobe Illustrator. Inkscape також є прекрасним варіантом. Corel Draw міг працювати. Існує ряд варіантів.


2

На вже відмінні відповіді, я просто хочу вкласти пару ресурсів, які трохи підштовхують конверт (все одно мій конверт) до того, що ви можете зробити графічно з даними. (1) Книга Натана Яу «Візуалізуй це» (або веб-сайт flowingdata.com), яка, якщо я пам’ятаю, правильно згадує купу вдосконалених інструментів для створення інфографіки та (2) розмова з TED Джера Торпа на темі «Зробити дані більш людськими» http: // www.ted.com/talks/jer_thorp_make_data_more_human.html Насолоджуйтесь колись у вас кілька додаткових хвилин!


1

Я використовую Microsoft Word для виготовлення інфографіки за допомогою макета публікацій, інструментів форм, текстових полів та посібників. Мені вдалося зробити такі графіки дуже просто і хотів би дати покрокові відеоінструкції про те, як інші, хто не має доступу до інструментів Adobe CS5, можуть створювати інформаційну графічну бібліотеку в MS Word. https://gumroad.com/l/MDDPA

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.