Herramientas para hacer infografías.

Diseñar infografías es una gran parte de lo que hago. Aquí hay un desglose aproximado de lo que uso.

• Probablemente el 95% del trabajo en infografías que hago es en Illustrator. Querrá mantener todo en formato vectorial tanto como sea posible porque el escalado, la alineación, la agrupación, los ajustes y los cambios precisos son muy importantes. Si se trata de una buena presentación de buena información, es posible que se requieran versiones diseñadas de manera diferente: web, impresa, póster, imágenes interactivas pequeñas para compartir en las redes sociales, miniaturas... y tal vez incluso una versión actualizada con los datos del próximo año. Si mantienes todo flexible, te lo agradecerás más tarde. Algunas características específicas de Illustrator:

  • Sus herramientas de gráficos, que están oxidadas y son frustrantes pero precisas y vale la pena usarlas (algunos consejos: recuerda usar sy rescalar y rotar, los métodos normales no funcionan, y cuando necesites dividir y desagrupar los gráficos, mantén siempre un grupo copiar) y supere las soluciones alternativas necesarias en Corel Draw . Dicho esto, deduzco que Inkscape tiene algunos complementos y está mejorando en este sentido , mientras que Adobe descuida sus herramientas gráficas francamente anticuadas . Por mucho que me guste Illustrator, caería en un instante si un rival tuviera herramientas de gráficos buenas, modernas y confiables. No caiga en la tentación de copiar, desagrupar y editar gráficos de Excel: funciona, se pegan como vectores, pero en algún momento se distorsionan ligeramente y pierden precisión.
  • Sus características para aplicar efectos a formas dibujadas con precisión de forma ajustable, como pinceles de arte, pinceles de patrones y efectos de transformación. Otros programas de vectores tienen características como estas, pero no en la misma medida. Cualquier cosa que haga que los elementos sean reutilizables, modificables y reconfigurables ayuda.
  • Hay montones de scripts para cuando necesite hacer las cosas de forma numérica precisa. Cuando necesita hacer algo inusual y preciso, a menudo hay un guión para ello. Además, la paleta Align es excelente y tiene trucos útiles no obvios como apilar cosas con precisión .

• Raramente uso InDesign a menos que un gráfico sea parte de un documento de varias páginas (aunque algunas personas lo usan para todo el lado del texto de un gráfico, colocando cada elemento de Illustrator). Dos excepciones donde lo uso:

  • Cualquier cosa creada en torno a un formato de tabla (incluso entonces, es una buena idea mantener elementos totalmente gráficos como archivos de Illustrator y colocarlos según sea necesario, especialmente para cualquier cosa que se pueda ajustar en función de datos como minigráficos). InDesign está bien para colocar datos, pero no puede hacer nada. con eso)
  • Si tiene mucho texto, parece más un diseño de revista con varios gráficos que un gráfico con fragmentos de texto.

• Photoshop es ocasionalmente muy útil para los momentos en que el uso de gráficos de trama es inevitable, y Fireworks puede ser útil para preparar cosas complejas para la web o para un conjunto de variantes con la misma estructura básica. Utilizo ambos muy raramente para infografías, aunque hay algunas personas que diseñan infografías simples únicas para web principalmente usando Photoshop o Fireworks.

• Si está interesado en infografías interactivas, y si usted o un colega saben algo de javascript, otra ventaja de Illustrator (también válida para Inkscape y CorelDraw) es que puede exportar SVG que se puede usar como elementos vectoriales interactivos en un navegador. .

  • Si ese es el camino que desea seguir, eche un vistazo a Raphael y gRaphael , que pueden tomar SVG y funcionar en todo, desde IE6 hasta iPads.
  • Vale la pena conocer D3 , que también es SVG (más fácil de usar pero no funciona en IE<8) y es muy utilizado por el departamento de gráficos del New York Times ,
  • Processing y Processing.js ( lienzo HTML5 ) también son bastante populares y los utilizan varios nombres importantes en gráficos de datos interactivos como Jer Thorp y Ben Fry .

La gente a veces usa programas más simples como omnigraffle para diagramas simples, y la idea de herramientas de creación de infografías de baja barrera de entrada a veces se plantea, pero las que he visto han sido solo un montón de infografías prefabricadas disfrazadas. (por ejemplo, creación visual.ly) o ridículamente superficial (por ejemplo, caballete.ly) .

Editar--

Ahora hay un par de herramientas de baja barrera de entrada que no apestan al 100% y que agregan algo que vale la pena mencionar al formato infográfico estándar ( Vennage e infogr.am ). Son etapas iniciales y un poco toscas, y dado que son esencialmente aplicaciones de juguete, es poco probable que alguna vez sean de mucha utilidad para los diseñadores, excepto para las personas internas que evitan el trabajo trivial que aturde la mente ("¿Texto y un par de gráficos? Eso es realmente simple, puedes hacerlo tú mismo, así es como...") - pero hay algo que vale la pena mencionar: se exportan como HTML y SVG (infogr.am usa Raphael, Venngage usa HTML, CSS y D3).

¿Por qué importa esto? Porque si diseñas infografías para publicar en páginas web, y si simplemente creas un png o un gif y dices trabajo hecho sin usar métodos como este para generar el texto como texto semántico real, real, en vivo en el marcado de la página web, esto significará que los juguetes automatizados cursis como estos sitios producirán una salida que tiene una ventaja sobre su trabajo... Siempre uso Raphael para cosas como esta porque es lo único que funciona en los antiguos IE e iOS.

Edición 2 ---

El influyente diseñador de información/pionero del periodismo de datos, Alberto Cairo, escribió recientemente en su blog sobre herramientas del oficio y ha publicado algunos tutoriales en video sobre infografías en Illustrator dirigidos a principiantes (no los he probado, así que no puedo responder por ellos). El popular blog de visualización de datos Flowing Data también tiene periódicamente tutoriales que a veces son código, a veces estadísticas, a veces diseño . Por lo general, están dirigidos a estadísticos que buscan mejorar sus habilidades de diseño y visualización en lugar de al revés, pero pueden ser útiles.

Ilustrador de los gráficos. Dependiendo de qué más haya en su infografía, puede usar Illustrator o InDesign para los materiales que no son gráficos. Illustrator se puede usar para diseños básicos a moderados, y ciertamente está bien para un póster de una hoja. Una vez que ingresa a varias páginas, probablemente esté mejor con InDesign.

WebCode es una excelente aplicación de dibujo vectorial fácil de usar que genera instantáneamente código JavaScript+Canvas, SVG o CSS+HTML. Está específicamente diseñado para infografías web.

Estoy de acuerdo con Lauren - Illustrator para gráficos. Y es posible usar Illustrator para toda la pieza. Sin embargo, me inclinaría por usar Indesign para una gran cantidad de datos tabulares y no simplemente para varias páginas. Indesign maneja los datos de las tablas mucho más fácilmente que Illustrator.

En realidad, la mayoría de las piezas no se crean utilizando una sola pieza de software. Cuadros y gráficos realizados en Illustrator, fotografías o ilustraciones posiblemente realizadas con Photoshop. Luego, todo combinado con tablas en Indesign, ya que Indesign tiene mejores herramientas de tipo.

Pero uno podría completar una pieza completa en Illustrator o Photoshop para el caso.

"Infografía" no es realmente una tecnología en particular o incluso una estética. En realidad, solo representa visualmente los datos. Use cualquier herramienta que tenga sentido para usted. Para ilustraciones vectoriales, Adobe Illustrator está bien. Inkscape también es una buena opción. Corel Draw podría funcionar. Hay muchas opciones.

A las excelentes respuestas ya dadas, solo quiero agregar un par de recursos que empujan un poco el sobre (mi sobre de todos modos) sobre lo que puede hacer gráficamente con los datos. (1) el libro Visualize This de Nathan Yau (o el sitio web flowingdata.com), que si no recuerdo mal menciona un montón de herramientas avanzadas para crear infografías y (2) la charla TED de Jer Thorpe sobre "Hacer que los datos sean más humanos" http:// www.ted.com/talks/jer_thorp_make_data_more_human.html ¡ Disfruta en algún momento cuando tengas unos minutos extra!

Uso Microsoft Word para hacer infografías con el diseño de publicación, herramientas de formas, cuadros de texto y guías. Pude hacer gráficos como estos de manera muy simple y me gustaría dar instrucciones paso a paso en video sobre cómo otras personas que no tienen acceso a las herramientas de Adobe CS5 pueden crear una biblioteca de información gráfica en MS Word. https://gumroad.com/l/MDDPA