Herramientas para hacer infografías.


12

¿Cuáles son las mejores herramientas para producir infografías? Atractivas pantallas que combinan gráficos, diagramas y texto para transmitir una gran cantidad de información de manera sucinta. Estoy interesado tanto en contenido visualizable en la web como en carteles para imprimir.

Específicamente, estoy preguntando:

  • ¿Qué combinaciones de herramientas se utilizan (por ejemplo, una herramienta para hacer gráficos, otra para ensamblar gráficos y texto en la infografía final)?
  • ¿Hay alguna herramienta de gráficos vectoriales (por ejemplo, Illustrator) particularmente más o menos adecuada para la tarea que otras?
  • ¿Existen herramientas en línea que sean útiles en el proceso de ensamblaje?

(Como ejemplo del tipo de cosas que me interesa hacer [pero en una escala mucho más modesta], http://xkcd.com/980/ )


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 con los datos. Es posible que no pueda usarlos en su próximo proyecto (o nunca), pero son divertidos y lo harán pensar.
Amanda

Respuestas:


18

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ía que hago es en Illustrator. Querrá mantener todo en formato vectorial tanto como sea posible porque la escala, alineación, agrupación, ajustes y cambios precisos son muy importantes. Si se trata de una buena presentación de buena información, entonces se puede solicitar versiones distribuidas de manera diferente: web, impresión, póster, imágenes interactivas, pequeñas y compartibles para redes sociales, miniaturas ... y tal vez incluso una versión actualizada con los datos del próximo año. Si mantiene todo flexible, se lo agradecerá más tarde. Algunas características específicas de Illustrator:

    • Sus herramientas de gráficos, que son oxidadas y frustrantes, pero precisas y vale la pena usar (algunos consejos: recuerde usar sy rescalar y rotar, los métodos normales no funcionan, y cuando necesite romper y desagrupar los gráficos, siempre mantenga un grupo copiar) y superar las soluciones 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 desde Excel: funciona, se pegan como vectores, pero en algún punto de la línea se distorsionan ligeramente y pierden precisión.
    • Sus características para aplicar efectos a formas dibujadas con precisión de forma ajustable, como pinceles artísticos, pinceles de patrones y efectos de transformación. Otros programas vectoriales tienen características como estas, pero no en la misma medida. Cualquier cosa que haga que los elementos sean reutilizables, ajustables y reconfigurables ayuda.
    • Hay muchos scripts para cuando necesita hacer cosas de una manera numérica precisa. Cuando necesita hacer algo inusual y preciso, a menudo hay un script para ello. Además, la paleta Align es excelente y tiene trucos prácticos 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 texto de un gráfico, colocando todos los elementos de Illustrator). Dos excepciones donde lo uso:

    • Cualquier cosa construida alrededor de un formato de tabla (incluso entonces, es una buena idea mantener elementos totalmente gráficos como archivos ilustradores y colocarlos según sea necesario, particularmente para cualquier cosa ajustable 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, se parece más a un diseño de revista con varios gráficos que a un gráfico con fragmentos de texto
  • En ocasiones, Photoshop es 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 la web principalmente usando Photoshop o Fireworks.

  • Si está interesado en la infografía interactiva, y si usted o un colega conocen algún javascript, otra ventaja de Illustrator (también cierto para Inkscape y CorelDraw) es que puede exportar SVG que puede usarse como elementos vectoriales interactivos en un navegador .

Las personas a veces usan programas más simples como la omnigrafía para diagramas simples, y la idea de herramientas de creación de infografías de baja barrera a la entrada a veces flota, pero las que he visto han sido solo un montón de infografías prefabricadas disfrazadas (por ejemplo, visual.ly create) o ridículamente superficial (por ejemplo, easel.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 rudimentarias, y dado que son esencialmente aplicaciones de juguete, es poco probable que sean de alguna utilidad para los diseñadores, excepto para las personas internas que evitan el trabajo trivial que adormece 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 señalar sobre ellos: 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 publicarlas en páginas web, y si simplemente haces un png o un gif y dices trabajo hecho sin usar métodos como este para generar el texto como texto real, real, en vivo y semántico en el marcado de la página web, esto significará que los juguetes automáticos como estos sitios van a producir resultados que tienen una ventaja sobre su trabajo ... Siempre uso Raphael para cosas como esta porque es lo único que funciona en IE e iOS antiguos.

Editar 2 ---

El influyente diseñador de información / pionero del periodismo de datos Alberto Cairo recientemente escribió en un 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 dataviz Flowing Data también tiene periódicamente tutoriales que a veces son código, a veces estadísticas, a veces diseño . Estos generalmente están dirigidos a estadísticos que buscan mejorar sus habilidades de diseño y visualización que al revés, pero podrían ser útiles.


44
+1000 para "mantener una copia agrupada de su gráfico si va a desagruparlo". Madre de la misericordia, tratar de trabajar con el gráfico logarítmico desagrupado de otra persona del S&P desde 1923 hasta el presente es como apuñalarse en el ojo con un palillo humedecido en jugo de limón.
Lauren-Clear-Monica-Ipsum

+1 para el recuerdo obviamente doloroso de un gráfico desagrupado.
Huzzah

Fantástica respuesta. Gracias especialmente por el puntero sobre infografías interactivas, definitivamente algo para explorar.
Steve Bennett

1
@SteveBennett Gracias! Por cierto, desde que escribí esto, vi este increíble ejemplo de Raphael que se usa para hacer que lo que parece ser un gráfico imprimible diseñado para ser estático sea más atractivo en línea. Está en francés, pero debería ser bueno para obtener ideas ... simplemente no espere que la implementación sea necesariamente fácil parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

wow, eso es bastante espectacular. (tema interesante también: viví en Francia durante dos años, aunque antes de Sarkozy). raphaeljs.com
Steve Bennett

8

WebCode es una aplicación de dibujo vectorial excelente y 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.

ingrese la descripción de la imagen aquí


7

Ilustrador para los gráficos. Dependiendo de qué más hay 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 sin duda está bien para un póster de una hoja. Una vez que ingrese a varias páginas, probablemente esté mejor con InDesign.


4

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

En realidad, la mayoría de las piezas no se crean con una sola pieza de software. Tablas y gráficos realizados en Illustrator, fotos o ilustraciones posiblemente completadas con Photoshop. Luego, todo se combinó con tablas en Indesign ya que Indesign tiene mejores herramientas de escritura.

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


2

"Infografía" no es realmente una tecnología particular o incluso estética. Realmente solo representa datos visualmente. Use las herramientas que tenga sentido para usar. Para la ilustración vectorial, Adobe Illustrator está bien. Inkscape es una buena opción también. Corel Draw podría funcionar. Hay muchas opciones.


2

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 de Nathan Yau, Visualize This (o el sitio web Flowdata.com), que si no recuerdo mal, menciona un montón de herramientas avanzadas de creación de infografías y (2) la charla TED de Jer Thorpe sobre "Making Data More Human" http: // www.ted.com/talks/jer_thorp_make_data_more_human.html ¡ Disfruta en algún momento cuando tengas unos minutos extra!


1

Utilizo 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 de video paso a paso sobre cómo otros que no tienen acceso a las herramientas de Adobe CS5 pueden construir una biblioteca gráfica de información en MS Word. https://gumroad.com/l/MDDPA

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.