GRAFICOmundo INFOINFO

GRAFICOmundo INFO

MUNDO INFOGRAFICO.Por: GIOvANNy ANDRés BeNItO BAeNe

Original english language edition published salt lake city, utah, U:s:A

Copyright 1987 por editorial norma s.AReservado todos los derechos. Prohibida la reproducción

total o parcial de esta obra.

Director editorial: Giovanny Andrés BenitoDiseñador cubierta: Giovanny Andrés Benito

Impreso en Colombia. 2011

GRAFICOmundo INFO

CONTENIDO

INTRODUCCION 4

12

20

FUNCIONAMIENTO

INFOGRAFISTAS

4INTRODUCCIONHistoria

significado

La infografía es una representación más visual que la propia de los textos, en la que intervienen descripciones, narraciones o interpretaciones, pre-sentadas de manera gráfica normalmente figurati-va, que pueden o no coincidir con grafismos abs-tractos y/o sonidos. La infografía nació como un medio de transmitir información gráficamente. Los mapas, gráficos, viñetas, etc. son infogramas, es decir unidades menores de la infografía, con la que se presenta una información completa aunque pue-da ser complementaria o de síntesis.

el término también se ha popularizado para referirse a todas aquellas imágenes generadas por ordenador. Más específicamente suele hacer re-ferencia a la creación de imágenes que tratan de imitar el mundo tridimensional mediante el cálcu atmósfera, las sombras, las texturas, la cámara, el movimiento, etc.

Infografia tomada de “http://formacion.universiablogs.net” como ejemplo de explicacion.

INFOmundo infografico5

terminologia

el término también se ha popularizado para referirse a todas aquellas imágenes generadas por ordenador. Más específicamente suele hacer re-ferencia a la creación de imágenes que tratan de imitar el mundo tridimensional mediante el cálcu-lo del comportamiento de la luz, los volúmenes, la atmósfera, las sombras, las texturas, la cámara, el movimiento, etc.

Además de las ilustraciones, podemos ayudar más al lector a través de gráficos que puedan enten-derse en interpretarse instantáneamente. Aunque los cuadros gráficos tienen una existencia que data de muchísimos años atrás, desde la aparición del diario norteamericano UsA today en 1982 estos elementos ahora llamados infográficos han revolucionado el di-seño, especialmente el periodístico y editorial. De acuerdo con Richard Curtis, director de fotografía y diseño de dicho diario, “la gente lee los gráficos pri-meros; algunas veces es la única cosa que leen”.

Infografia tomada de “http://formacion.universiablogs.net” como ejemplo de explicacion.

INFO

tipica infografia al estilo diagramatica donde tiene

casi todos los componentes basicos; graficos, texto, cuadros de explicacion,

ayudas visuales, lineas o flechas, cronologia y analisis.

6INTRODUCCION

acontecimientos

en lo visual, el lugar podrá ser representado por un mapa o un dibujo, mientras en lo verbal se indicará su nombre (ciudad o comuna, nombre del edificio...)

Los protagonistas se representarán general-mente en los 2 códigos (recurriendo habitualmente a algún pictograma, en lo visual).

Aunque todo puede ser verbalizado, ha de recordarse que el texto no ha de ser necesaria-mente una oración o un párrafo gramaticalmen-te correcto: pueden ser palabras insertadas en el icono, ya que su función es aportar mayor pre-cisión y asegurar una correcta interpretación. No es un buen infógrafo el que describe todo verbalmente y anexa al texto una ilustración, a modo de comentario del mismo.

infografia explicativa de los diferenes contentenidos

dispuestos para realizar dicha infografia.

el contenido

INFOmundo infografico7

procesos

Un proceso consiste en una secuencia de ac-ciones o acontecimientos. el desarrollo temporal puede ser fácilmente expresado graficando los mo-mentos claves (etapas) del proceso. Para ello vale lo dicho acerca de los acontecimientos, teniendo en cuenta que la secuencia temporal supone y ad-mite la presencia repetida de iconemas represen-tando las personas u objetos involucrados, mientras no es necesario repetirlos en lo verbal.

se deben poner claramente en evidencia los detalles que diferencian las diferentes etapas e ilustrar solamente los “momentos” realmente sig-nificativos (como en el ejemplo anexo). La clave, entonces, reside en determinar estos “momentos” e ilustrar claramente su secuencia y las diferencias entre ellos.

infografia de proceso donde se ve la secuencia y los

acontecimientos en una mina de carbon.

8INTRODUCCION

definicion

en el intento de una definición de infografía de la prensa diaria aparecen serias dudas, el infoperio-dismo y su producto por excelencia la infografía, circunscrita básicamente a la que aparece en pe-riódicos y revistas, es considerada por todos como una de las mejores herramientas para desarrollar y favorecer la supervivencia de la tan traída y llevada crisis de la prensa. Por ello, parece que los profe-sionales y lectores tienen que ir acostumbrándose cada vez más a este elemento de la cultura visual que poco a poco se va imponiendo en estos medios.ustración, a modo de comentario del mismo.

Al referirse a los infográficos, a menudo se piensa en las grandes y complejas infografías co-lectivas, que podemos llamar megainfografías aun-que algunos les llaman megagráficos y tampoco en inglés queda aclarado con the graphics; de todas maneras, hay una cierta confusión con este término incluso en libros y tesis doctorales.

Infografia tomada de del periodico chino “CHINA DAILY”

infografía clásica de un periódico moderno,

donde sus máximos detalles están en las

graficas 3d tanto imágenes como

vectores.

info de prensa

INFOmundo infografico9

características de la infografía

La infografía de prensa tiene un total de ocho ca-racterísticas peculiares. estas son:

-Que dé significado a una información plena e independiente.

-Que proporcione la información de actuali-dad suficiente.

-Que permita comprender el suceso acontecido. -Que contenga la información escrita con for-

mas tipográficas. -Que contenga elementos icónicos precisos. -Que pueda tener capacidad informativa su-

ficiente y sobrada para tener entidad propia o que realice funciones de síntesis o complemento de la información escrita.

-Que proporcione cierta sensación estética, no imprescindible.

estas características se compilan en dos ras-gos esenciales: 1º la infografía es una aportación útil a la comunicación de informaciones y 2º contie-ne características de visualidad.

Infografía tomada del periódico mexicano “LA LIBERTAD”

infografía de una prensa muy convencional donde se aprecian los graficos planos y colores pocos llamativos pero igual resalta el valor de la informacion que se

quiere dar.

10INTRODUCCION

utilidad

Utilidad es el provecho, conveniencia, interés o fruto que se saca de una cosa, es el grado de sig-nificación, información y funcionalidad que puede tener una infografía en el momento en que es edi-tada en un periódico.

significación en el sentido de que destaca lo más importante de los acontecimientos, acciones o cosas que se tratan en un determinado momento en el contenido informativo de cuestiones conocidas, cercanas y que afectan de alguna manera al lector.

Lo real es lo que tiene existencia significati-va en función del punto de vista desde el que se estudie con una intencionalidad objetiva clara. La realidad es una importante fuente de información para la narración y descripción de un suceso o cosa.

en esta infografía se ve la utilidad y el significado a

llegar con un acontecimiento de por medio. tiene un

efecto visual fácil para el que lo aprecio dado a su simplicidad ejecutada.

“la visualidad es la habilidad de tomar palabras, números y hechos y convertirlos en una pieza de presentación que permita al lector ver los hechos en lugar de leerlos”.

Infografia tomada de “http://elantroposofista.blogspot.com” Realizada para guitarras Gibson

los aspectos

INFOmundo infografico11

Visualidad

también hay que tener en cuenta que los ojos son una de las vías de entrada de conocimientos más utilizadas por el ser humano, quizá una de las más importantes vías de acceso a la cultura.

visualidad es el efecto agradable de los obje-tos vistosos que pertenece a la vista. No debemos confundir visual con visualidad, pues el primero es el medio y el segundo el efecto que produce la uti-lización de los ojos y ésta se desarrolla con la ex-periencia, ya que consiste en reconocer y percibir algo que antes ha filtrado el órgano de la vista.

¿Cuándo las infografías tienen visualidad? Cuando una información se explica mejor con estos productos icónicos y tipográficos, percibidos por la vista experta y educada de los lectores que les per-mite recibirlos.

Infografia tomada de “http://elantroposofista.blogspot.com” Realizada para guitarras Gibson

12FUNCIONAMIENTO

Los infográficos pueden dividirse en las categorías de gráficos, mapas, tablas y diagramas.

de línea muestra los cambios, expresados

en números, a través del tiempo. Los gráficos de fiebre funcionan si la línea que traza el cambio de cantidades representa un período de tiempo.

los gráficos son los más comúnmente utilizados y presentan información numérica y es-tadística. se dividen, a su vez, en gráficos de barra, de torta y de fiebre.

el mapa es necesario para mostrar la ubica-ción de un acontecimiento. el público lector está siempre interesado en conocer dónde ha ocurrido un determinado hecho. Cuando se realiza un mapa de una determinada zona de una ciudad, por ejem-plo, a veces es sólo necesario ubicar las calles más importantes que circundan en suceso.

Infografías tomadas de “Infografica.com”

clases y tipos

INFOmundo infografico13

de diagrama es un gráfico que puede precisar de mayores habi-lidades artísticas. “Cuando el propósito del cuadro es mostrar cómo se ve o funciona algo” Los objetos o sucesos pueden mostrarse con leyendas o pue-den ser graficados de diversos ángulos, su interior, o cómo un objeto ha evolucionado.

De esta manera, podemos graficar un acciden-te, el interior de un edificio, el funcionamiento de una cámara de televisión debajo del agua o la caída de un niño en un pozo.

infógrafia iluminista Proponemos llamarlos “iluministas”, por referencia al estilo de los manuscritos de la Alta edad Media que incluían ilustraciones dentro del texto, sea me-diante recuadros sea utilizando la forma o el fondo de alguna letra inicial.

14FUNCIONAMIENTOpartes y divisiones

Para que un cuadro gráfico sea considerado completo debe poseer un titular, un texto explicativo, un cuer-po de información, una fuente y un crédito de autor.

el titular debe ser directo, preferente-mente sintético a la vez que expreso el contenido del cuadro. si se cree conveniente y está determi-nado en el manual de diseño, el titular puede venir acompañado de un subtítulo, siempre opcional.

el texto debe ser sucinto y proveer al lec-tor de toda la explicación necesaria para la com-prensión del cuadro. Lo que el cuerpo del cuadro no explica debe ser explicado por dicho texto.

el cuerpo viene a ser la esencia misma del cuadro, la propia información visual: las barras, la torta, las líneas de fiebre, el mapa, etc. este cuerpo necesita y presenta información tipográfica explicativa a manera de etiquetas que pueden ser números, fechas o palabras descriptivas.

Infografia tomada de “http://e4comunidad.blogspot.com/2011/02.html”

INFOmundo infografico15

la fuente indica de dónde se ha obtenido la información que se presenta en el infográfico y es muy importante, pues señala el origen de la misma.

el crédito señala al autor o autores del in-fográfico, tanto de la configuración como de la in-vestigación. también se suele acompañar del nom-bre de la publicación en la cual se ha producido el cuadro. La fuente y crédito utilizan, por lo general, una tipografía que no excede los siete puntos y se ubica en un lugar que no distraiga la atención del lector.

la importancia de la ética el cuadro gráfico debe ser ético, en su propósito de mostrar un contenido objetivo y veraz, acorde con la realidad. No se necesita llenar de elementos visuales para hacer al gráfico más atractivo; “hay que ser sencillo y económico con los elementos” y no distorsionar la información en un afán de ser diferente

Infografia tomada de “http://e4comunidad.blogspot.com/2011/02.html”

16FUNCIONAMIENTOfactores de diseño

A la hora de diseñar un infográfico hay que tener en cuenta muchos factores. entre ellos:

la proporción debe ser la correcta y no se debe agrandar un elemento a lo largo ni a lo ancho. Un elemento aumentado en las dos dimen-siones no se habrá duplicado, y en ese ejemplo se estaría distorsionando la información.

la perspectiVa puede otorgar atractivo al cuadro, especialmente a los mapas. se debe utilizar respetando las medidas que en éste se coloquen. A pe-sar de vivir en un mundo tridimensional, la bidimensio-nalidad se entiende mejor en la página impresa.

las texturas en los cuadros, si no son bien utilizadas pueden causar confusiones en inclusive ilusiones ópticas. éstas pueden parecer inestables o al ser representadas. De igual modo, cuando se comparan datos, todos los elementos deben pre-sentar las mismas texturas y los mismos valores.

Infografia tomada de “http://edgardude.blogspot.com/2010/08/infografia.html”

INFOmundo infografico17

las formas deben ser universales. Así, las barras serán rectangulares completamente y no con terminaciones redondeadas o triangulares; el gráfi-co de pastel será circular y no ovalado; las líneas serán rectas y no curvas.

¿cuándo se necesita un infográfico? “Los gráficos tienen más valor que llenar un hueco por falta de ilustración” y en eso parecen coincidir todos los directores de arte. se recuerda cuando le pidieron un gráfico porque la página necesitaba algo de arte. es por eso que se afirma que la info-grafía no es “arte de relleno”.

Un gráfico es muy útil cuando el artículo pre-senta información numérica y el lector se perdería en las cifras al leer la historia. Igualmente, resulta más apropiado colocar un mapa, por ejemplo, que estar describiendo con palabras la ubicación de un lugar. O cuando el artículo presenta información que se piensa visualmente. Allí, cuando se predice que el lector va a imaginarse las cosas, es adecuado elaborar un cuadro.

es un ejemplo claro de los factores de diseño a tener en

cuenta, en cuanto a la proporción es correcta y armónica, la

perspectiva de los graficos son muy acordes y bien manejadas

por el diseñador, las texturas bien elaboradas y muy semejantes a la realidad y las formas son muy precisas y sencillas, todo esto hace una infografía bien

elaborada.

Infografia tomada de “http://edgardude.blogspot.com/2010/08/infografia.html”

infografISTAS18edward tufte

Edward TufTE (1942, Kansas City Misuri, ee. UU.), es profesor emérito de la Universidad de yale, en la que dictó cursos sobre evidencia esta-dística y diseño de información y de interfaces. es autor de varios libros sobre visualización de infor-mación cuantitativa.

es defensor del minimalismo en la representa-ción gráfica de datos y de la eliminación de todo tipo de atributo que estorbe su comprensión. Propugna un estilo sobrio en el que prime la información sobre el adorno. Así, ha acuñado términos como tablasu-ra para referirse a aquellos elementos no esenciales de una gráfica que complican su lectura y del ratio tinta-información, que mide la cantidad de la prime-ra que es preciso utilizar para representar efectiva-mente un determinado conjunto de datos.

Autor de la famosa cita: “Power Corrupts. PowerPoint Corrupts Absolutely” (el poder corrom-pe, PowerPoint corrompe absolutamente).

mundo infografico INFO19

es un crítico feroz de las presentaciones rea-lizadas con Microsoft Powerpoint en los ámbitos técnicos, científicos y empresariales por la manera tan ineficiente en que tiende a ser utilizado para transmitir información.

“No existe el exceso de información, sino un mal diseño de la presentación o del software” - edward tufte, padre de la Presentación de la Información

“el punto común entre la ciencia y el arte es tratar de ver a profundidad. Desarrollar estrategias para ver y mostrar información”.

dos de sus mas exitosas clases de infografía, a la izquierda una infografía de mapa y arriba la clásica infografía de las rutas de trasporte, esta vez el metro de londres, pionero

en este estilo de infografía.

infografISTAS20

NigEl HolmEs (1942) es diseñador gráfico y teórico británico, que se centra en la información gráfica y diseño de información.

Holmes recibió un MA en la ilustración de la Royal College of Art en 1966. De 1966 a 1977 traba-jó como ilustrador freelance y diseñador gráfico en Londres, Inglaterra para periódicos y revistas. en-tre 1978 y 1994 se fue a Nueva york trabajando para la revista time en el diseño llamado “explicación gráfica” de la revista. en ese momento él también siguieron otros trabajos como diseñador freelance, conferencista y autor de un libro sobre “esquemas sin palabras”.

Después de un año sabático en 1994, en 1995 comenzó su compañía propia ilustración, trabajan-do para clientes como Apple, Fortune, Nike, the smithsonian Institution, sony, United Healthcare, ee.UU. Airways y visa. también continúa la crea-ción de ilustraciones y gráficos para Harper, the New york Observer y the New york times.

nigel Holmes

infografía al estilo de línea de tiempo y textos con objetos explicativos, típico de Holmes.

Infografia tomada de “http://cuatrotipos.wordpress.com/2008/10/page/2/”

mundo infografico INFO21

Holmes ha dado conferencias en el mundo en-tero, a menudo clarificando los temas mediante so-fisticados accesorios y pidiendo la colaboración del público. Produce animaciones sobre estadística en sociedad con su hijo Rowland.

Wordless Diagrams, su publicación más re-ciente, consiste en una colección de instrucciones exclusivamente visuales. Un libro que permite co-nocer su carrera profesional, sus fuentes de inspi-ración y teorías acerca de la comunicación gráfica. graficos creados por holmes en los

90 se hicieron famosos gracias a el.

Infografia tomada de “http://cuatrotipos.wordpress.com/2008/10/page/2/”

infografISTAS22micHel gafré

El disEñador francés Michel Gafré, que fue director de diseño del diario ‘Le Monde’, de París, y que ha sido asesor en el rediseño de varios diarios argentinos, como ‘Clarín’, ocupa el cuarto capítulo de la serie sobre infografía periodística. en esta ocasión, Gafré se ocupa de exponer el papel del diseñador ante la posibilidad de introducir infos en un rediseño de diario, tal y como le cupo hacer en el rediseño que hizo en ‘Clarín? a comienzos de los años 90. se trata de la cuarta entrega del libro colectivo sobre infografía periodística, iniciado por Mario R. García, del Poynter Institute de Florida.

famoso infografo por diseñar al estilo de tortas o diagramas. este ejemplo es uno de

las mas innovadores

mundo infografico23 elio leturia

infografía de prensa que complementa la infamación del texto de un periódico. esta tendencia se hizo famoso a

finales de los 90 y que hoy en día es muy utilizada.

El disEñador peruano elio Leturia cam-biaba el mundo de las redacciones por los claustros. Hoy, después de un año en Illinois, Leturia nos pre-senta la revista echo que hacen los estudiantes en su clase, en la Columbia College de Chicago, donde es profesor de periodismo visual.

Leturia llegó al Detroit en 1995 y ha ganado siete premios BOBs del Detroit Free Press, dos pre-mio de diseño de la NAHJ y cinco de la sND. Antes fue director de arte en exito, el diario de lengua española del “Chicago tribune”. en Perú, él trabajó en el diario “el Comercio” de Lima.

las mejores infografias del 2011

infografía realizada por el clarin de Buenos aires ganadora en américa latina,

infografía realizada para la revista infoprensa de miami, ganadora de la mejor infografía documental.

GRAFICOmundo INFOINFO

edicion 2011