Teorica infografia 2009

W2009 / QUE ES LA INFOGRAFÍA?

• Es una forma de representación visual en la cual interviene
una descripción, relato o proceso de manera gráfica que
puede o no interactuar con textos.
• Permite plasmar de manera visual una serie de datos que
expresados únicamente con texto y fotos son de difícil
comprensión.
• Es puramente descriptiva pero al estar cargada
conceptualmente se logra un resultado más potente que se
puede traducir en mayor pregnancia y mayor efectividad en la
comunicación.
• Básicamente podemos diferenciar dos grandes tipos de
infografías, las atemporales que no están atadas al hecho
noticioso y las temporales, y aquí incluimos los gráficos
económicos, como también las que relatan un hecho
secuencial (accidente, evento, robo, etc).

martes 14 de julio de 2009

W2009 / CAMPOS DE APLICACION

• Periódicos
• Revistas
• Medios Virtuales
• Manuales de instrucciones
• Informes de empresas
• Pedagogía
• Publicidad
• Etc.


W2009 / INICIOS
La infografía nació como un medio de
transmitir información gráficamente.

El plano más antiguo
conocido pertenece se
refiere a la ciudad de
Nippur, que surgió en
Sumeria unos 5.000 años
atrás.


W2009 / INICIOS
Los mapas, podríamos decir, fueron los primeros
gráficos destinados para este fin.

Mapa antiguo (aprox. 1650)

Estudio anatómica del feto
en la placenta materna. Leonardo Da Vinci, (1510-1513)


W2009 / INICIOS

Mapa que representa la marcha del ejército de Napoleón a Moscú, en el que se informa gráficamente sobre la cantidad
de hombres que la inició, los que se fueron perdiendo batalla tras batalla, el clima a lo largo de la travesía. Y finalmente
los que regresaron.
Vean el contraste entre el plano color beige que inicia el recorrido y la línea negra que regresa, eso representa a los
hombres que salieron y los que regresaron, Se puede ver como este gráfico sintetiza la información a la vez que nos
hace cruzar datos y hacer comparaciones de una manera sintética y pregnante.
Charles Joseph Minard, 1812


W2009

Realizado a mano por el cosmonauta ruso, Georgi Grechko, este ciclograma muestra los 96 días de vuelo del Salyut 6.
Aproximadamente 22 líneas de información paralela, muestran 1500 amaneceres y puestas de sol durante el vuelo, un
calendario para el espacio de paseos y baños, y las visitas de reabastecimiento, equipo de buques, fruta fresca, y pan de
jengibre. etc"


W2009

En este ejemplo Alberto Cairo, en un
artículo para la revista Mosaic, plantea un
ejercicio:
Eche un vistazo a la siguiente tabla Excel y
dígame en qué región de Estados Unidos de
las diez mostradas se registró
históricamente la tasa de paro más alta.
Algo que parece fácil, luego continúa:
Liste los dos estados en los que la tasa de
paro en diciembre de 2008 está más cerca
de su máximo histórico que de su mínimo.

Vean lo que sucede al transformarlo en un
sencillo gráfico.
Es obvio que el trabajo de comparar se
vuelve más sencillo. California y Florida
están cerca de batir un récord.

Dice Cairo:
La gráfica funciona mejor que una simple
tabla porque lo que estoy haciendo cuando
doy forma visual a los datos es crear una
herramienta que sirve para acelerar –y
hasta sustituír– los procesos que el
cerebro sigue para cumplir sus objetivos


W2009

En estos dos trabajos de Nigel Holmes se utiliza la comparación, un recurso muy utilizado en la infografía,
para ejemplificar el “debe” y el”haber” de la economía norteamericana, en este de aquí arriba y a la
derecha se utiliza la infografía para cuanta información se recibe y cuanta de interpreta tanto por los ojos
como por el oido.
Los números dejan de ser números y el recurso para graficarlos hace que la información sea más facil de
interpretar y de recordar.


W2009

Este trabajo permite visaulizar rápidamente como se distribuye la población en las distintas regiones de Estados Unidos.


W2009

Esta infografía de la
revista Deliver grafíca
los distintos items que
se envian por correo
postal y sus
porcentajes de
importancia.


W2009

Este cartel se encuentra en la vía pública de Iruya un pueblo de Salta de 4600 habitantes a 2800mts de
altura y como se obvio se utiiza para comunicar a sus habitantes que gran parte no están alfabetizados
como distribuir los residuos en los tachos que se ubican en las veredas.


W2009

En este caso, a falta de fotografías sobre el hecho, esta ilustración permite situarnos geograficamente en tres o cuatro
escalas distintas, ver los recorridos de los aviones, tenemos un informe cronológico desde el primer impacto hasta el
derrumbe de las dos torres, etc.


W2009

Estas son dos infografías sobre el mismo tema, el avión de TAM
que se accidentó en San Pablo.
Dos códigos gráficos distintos que desde su elección plantean una
postura o una manera de informar del medio en donde
aparecieron. Independientemente de esto cada código tiene su
particularidad y nos permite distinas cosas tanto a nivel gráfico
coom conceptual.


W2009

Aquí se reemplaza el clásico gráfico de barras por una ilustración de la bandera norteamericana que permite
conceptualizar dicho gráfico, el cual contiene la información y a la vez nos situa en el tema.
Por Good


W2009

Este gráfico SOLO lo inluimos como ejemplificación de como se modifca la manera de incluir la
información para anclarla a la temática que se trata. Aquí el tema es quien compra que y se utiliza
el recurso de la etiqueta para articular la inofrmación.


W2009

Esta es una ilustración que se utiliza en la
impresión de una remera,
En la ilustración se toma el género de
infografía y el código gráfico que utilizaba
Leonardo Da Vinci para representar el
despiece de un iPhone.

isteamphone


W2009

Aquí un ejemplo un poco confuso para la interpretación de los datos que toma el género de las carteleras de
anuncios para publicar los que pagan las empresas de los distintos rubros para entrevistarse con los legisladores.
Aquí es clara la postura que se toma para enunciar la información, es decir, no están los datos crudos, sinó que la
manera de presentarlos ya deja ver el tono de crítica o ironía sobre el tema.
Por Good


W2009

Aquí los barcos representan a una cantidad de empresas que quebraron en USA en la actual
crisis, el tamaño está en relación a los activos de la empresa antes de quebrar, el color al
rubro de empesas, la ubicación a la cronología de los hechos..
Por Good


W2009

Esta infografía publicada en el diario crítica toma el género de los juegos
de mesa, específicamente el Monopoly para hablar sobre el crecimiento y
las adquisiciones de la empresa Google.
Por Norberto Baruch


W2009 / PARA QUE SIRVEN LAS INFOGRAFIAS?

Web Trend Map 4 / Es una publicación anual que consta de un mapa con los 333 sites más influyentes y las 111 personas mas
relevantes de la web, inspirado en el mapa del metro de Tokyo. No sólo en la propuesta gráfica, sinó que el tamaño, el color y la relación
de cada empresa con su ubicación esta basada en distintas variables. Twitter está en la posición de Shibuya, la estación de tren con el
ruido (zumbido) más fuerte, Google y su red está localizado alrededor de Shinjuku, la estación con más tráfico del mundo, El New York
Times está localizado en Sugamo, el paraíso de los Shoppings para las abuelas de Tokyo.
La posición de un dominio en el mapa varía en función de tres características: altura, ancho y posición. La altura indica el éxito en
función al tráfico, ingresos y tendencias. El ancho la estabilidad del dominio y la posición indica el grupo al que pertenece.
Por Informatios Arquitects.


W2009

Este trabajo presenta las 100 Mejores fuentes de todos los tiempos, según una combinación de distintas
encuestas y las presenta como una tabla periódica de elementos.


W2009

Un trabajo que grafica los cincuenta años de exploración del espacio, cada círculo que rodea un planeta corresponde a una
misión, los distintos colores representan la nacionalidad de la misión. En este ejemplo se puede ver como, el recurso que se
utiliza para graficar los vuelos, está al servicio tanto de comunicar como de aportar a la estética de la infografía.


W2009

Tom Giesler Jason Freeny

Dos ilustradores de infografías que toman el recurso para sus proyectos artísticos.


W2009

Illinois: Visualización de Música
Senior Project

La música es poderosa, emocional, mucho más
difícil de cuantificar que, por ejemplo, datos
financieros o terremotos.
Este proyecto experimental toma un CD y hace una
deconstrucción de los diferentes puntos de vista,
ordenandolos, y con ellos genera una serie de
construcciones visuales. Este proyecto grafica las
letras de las canciones, instrumentos, notas,
modelos, y el uso de la palabra. Proporciona otra
forma de experimentar este álbum.

-Palabras utilizadas
-Letras
Trabajo experimental -Grilla vocal
de Jax de León, diseñador gráfico -Instrumentos
-Frequencia de las notas
-Palabra más utilizada en el album
-Longitudes de onda


W2009

Cada título lleva a la página
donde están las imágenes
originales y una explicación del
proceso. Palabras utilizadas Letras Grilla Vocal

Instrumentos utilizados Frequencia de las notas Palabras más utilizada
en el album.

Longitud de onda


W2009

SHOW DON’T TELL
(MUESTRA, NO DIGAS)
Esta es una máxima dentro del mundo de la
infografía por lo que hagámosle caso y veamos
algunos ejemplos de infografías.


W2009 / LA INFOGRAFIA

Es una estructura construida
entre la información y su
visualización narrativa.

Con esto podemos interpretar que las decisiones que tomemos
como diseñadores van a estar regidas por la selección,
organización y jerarquización de la información, y los recursos
gráficos que nos ayuden a tal fin, ítems que nos van a permitir
generar una pieza gráfica que genere una interpretación lo más
correcta posible de un hecho, noticia, producto, etc.
Los diferentes recursos gráficos que se utilicen deben estar
también jerarquizados, hay un lenguaje que manda y organiza
que admite ciertos niveles de apertura dependiendo de los layers
de información que necesitemos.


W2009

Para este trabajo que representa el momento y lugar de captura de Sadam Husein el infógrafo decidió que el
tipo de ilustración y la paleta cromática iban a ser los actores principales, incorporando también los diagramas
a un color de abajo y la fotografía como secundarios.


W2009

Este ejemplo a simple vista
presenta algunos problemas
• Parece mucha cantidad de texto
para transmitir la información.
• Falta de jerarquías
• Falta de Ordenes de lectura
• Falta de control de los recursos
gráficos
• Insuficiente contraste tipográfico
entre los distintos niveles de
información


W2009

En este ejemplo se pueden
ver los diferentes puntos de
referencia y acercamiento a la
zona de conflicto entre
Ecuador y Colombia, y como
cada uno de los recursos
gráficos utilizados permite
transmitir más eficientemente
la información de acuerdo a
los requerimientos de ésta.
Los mapas nos ubican
geográficamente y
conceptualmente en el
conflicto. La ilustración nos
acerca con más nivel de
detalle y por último la
fotografía es el punto de
mayor acercamiento y
dramatismo.


W2009

Este trabajo se presenta simple, amigable y de fácil lectura, podemos pensar que esto sucede porque hay un
control sobre el lenguaje, un correcto encuadre del escenario que nos permite contar lo que necesitamos, un
contraste claro la ilustración del escenario y los elemento gráficos que indican el recorrido o señalan a la
persona del puente, y también podemos seguir el relato a partir de la numeración de los párrafos que nos
guían en la lectura. Y también hay control sobre las variables tipográficas que componen a la pieza.



Permite velocidad de acceso
a la información y reemplaza
en gran medida a los textos
por la visualidad.


W2009

Este gráfico muestra
por diferencia de
tamaño las palabras
más utilizadas en los
discursos de campaña
de la elección de Jefe
de la Ciudad del año
2007.


W2009


W2009

En este ejemplo se relaciona la velocidad en la que se produce un choque con el equivalente en una
caída de ciertos edificios o monumentos conocidos.



Tiene una estructura
didáctica y sintética.


W2009

En amarillo los
adolescentes
chinos que
estudian y con
rojo los que
trabajan.

En azul el
consumo de
petróleo de la
Unión Europea y
en amarillo el
petróleo que
producen.


W2009

Aquí se contextualiza la caminata luna de Aldrin y Armstrong, lo que nos permite tener una
referencia de la extensión de la misma.


W2009

Una de las piezas en donde esperamos que haya la mayor efectividad en las decisiones tomadas para informar, por favor!!
Por Golden Sectior Graphics


W2009

Un hallazgo
interesante en la
utilización de la
imagen principal
que
contextualiza,
conceptualiza e
informa.



Establece lecturas jerárquicas
en la organización de la
información.

Para jerarquizar la información se vale de distintos recursos,
escala, lenguaje, contrastes, ubicación en el plano, color, títulos,
subtítulos, textos, referencias, íconos, etc.


W2009

En este trabajo
se muestran los
cambios más
importanes a
nivel
demográfico y
desde la
fundación de la
República
federal Alemana
en 1949.


W2009

Lo que ven acá
es una serie de
10 dobles
páginas que
conforman el
cuerpo humano
y en cada uno se
toma un sector
en particular, a
continuación van
algunas dobles.



Permite variables de escala y
puntos de vista dentro de la
misma representación.

A partir de la ilustración podemos permitirnos ver dentro de
estructuras que nos sería imposible sólo con la fotografía.



Plantea un recorrido visual
predeterminado en función
de la información.



Tiene puntos vinculantes con el
comic y las historietas, tanto por
su estructura como por los
lenguajes que utiliza.


W2009 / ANTES DE VER UNA SERIE DE TRABAJOS DE ALUMNOS
Y A MODO DE RESUMEN

• El fin del gráfico es informar.

• La función del texto en una infografía es aportar mayor precisión y
aportar a una correcta interpretación.

• El rigor y la comprensibilidad debe estar de la mano de la estética.

• El contenido debe estar muy bien organizado para que el lector siga
un orden lógico, secuencial y/o cornológico.

• La estructura y el color son aliados en la organización y
jerarquización de la información.

• La tipografía es uno de los actores principales ya que nos debemos
valer de diferentes cuerpos y variables para organizar y jerarquizar
la información.

• Si tenemos párrafos muy extensos posiblemente estemos haciendo
algo mal, o en la decisión de la información que vamos a trabajar o
en la falta de algún gráfico que me permita sintetizar.


W2009 / ANTES DE VER UNA SERIE DE TRABAJOS DE ALUMNOS
Y A MODO DE RESUMEN

• Contextualizar es un recurso muy utilizado en las infografías,
como vimos en algunos ejemplos, traducir los gráficos en
una comparación más cercana al lector hace que la
información llegue de manera mas comprensible y en la
mayoría de los casos más pregnante.

• Como decimos en cada trabajo es importante documentarse
muy bien, a pesar de que tienen una nota, y que ella es el eje
principal de la infografía, es necesario investigar más,
buscar relaciones, otros puntos de vista, etc. Si es necesario
y posible acercarse al lugar donde sucedió el hecho sería
fundamental, ya que no es el mismo ojo el nuestro que el de
quién escribió la nota.

• Y por último una máxima de los infógrafos…

SHOW, DON’T TELL
(MUESTRA, NO DIGAS)

W2009

Algunos trabajos
de alumnos.


W2009

Este trabajo y
los dos
próximos
tabajos
pertenecen a
alumnos de la
cátedra de
años
anteriores.


W2009

Los ejemplos
a continuación
son de
Curriculums
vitaes que
toman
recursos del
mundo
infográfico.


W2009

Final


Teorica infografia 2009

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Empfohlen

Empfohlen (20)

Teorica infografia 2009