ILUSTRACION INFOGRAFICA

Desde hace mucho no se publicaba en este blog. Para resucitarlo público aquí una pequeña seleccion de los mejores trabajos de este semestre. Los desarrollos corresponden a Infografia Escenica (accidente vehicular) e Infografia Documental (tema personal). Esperamos sus comentarios.

Diego Cardozo

Maria Paula Yanquen

Natalia Linares

Natalia Linares

Ana Maria Pineda

Daniela Santamaria

Diego Olaya

Diego Olaya

Viviana Delgado

Arturo Muñoz

Daniela Aguirre

Yadurani López

Edwin Gonzalez

Diana Lucia Vargas

Yadurani López

La cotidianidad, entendida como ese repertorio de procedimientos que nos permiten realizar nuestras actividades diarias, ha pasado de ser algo muy simple a algo complejamente abrumador. Los dispositivos han mejorado sustencialmente su capacidad; tanto asi que ahora podemos realizar varias tareas en un mismo instante. Desde que despertamos hasta que ponemos nuestra cabeza en la almohada nuevamente, nos vemos enfrentados a el modo de empleo o el cómo hacer algo.


Acorde a Costa, los instructivos estan asociados y son un espejo de su complejidad en la medida de su grado de usabilidad (el grado de facilidad de uso, de aprendizaje y de uso que nos permite evaluar la experiencia de usuario), con lo cual concluye que la instruccion es: Una secuencia de pasos que buscan capacitar al usuario en el modo de empleo de algun producto o procedmimiento, que luego se almacena en el repertorio de acciones y se reproduce mecánicamente.

matthew vescovo instructoart

Frascara por ejemplo, en su libro "Diseñar para la gente", expone el siguiente enunciado: la gente piensa que un mal diseño no mata a nadie, pero si una instrucción de seguirdad aerea queda mal…las consecuencias son nefastas. Esto es un llamado a la responsabilidad que coincide con el punto de Costa. Muchos instructivos van a una yuxtaposicion de imagen texto netamente plana, es decir no se teje una relacion entre el potencial de la imagen y el texto como encadenamiento. Asi las cosas uno de los desafios mas interesantes, y que exige una alta responsabilidad es diseñar un instructivo para seguridad aerea. Aqui algunos ejemplos de interes:


Future Shorts


Air France Safety demo


Virgin America Safety video

Los instructivos pueden contener niveles de información como:

1. Procesos
2. Esquemas
3. Formas sintetizadas
4. Secuencias
5. Diagramas
6. Patrones
7. Especificaciones técnicas
8. Medidas
9. Relaciones de causa y efecto
10. Acciones

Y lo muestran con estos elementos:

1. Imágenes
(dibujos, fotografías, videos)
a. Color
b. Detalles y acercamientos
c. Transparencias
d. Vistas aumentadas
2. Texto (Usos funcional y textual)
3. Flechas y señales de dirección
4. Analogías
5. Contraste (Haga, no haga)
6. Onomatopeyas visuales
7. Elipsis
8. Signos de advertencia y atención
9. Convenciones

Para mas información consulten las lecturas: Una didáctica de la cotidianidad(Joan Costa), El arte de las instrucciones (Gombrich), Wordless Diagrams (Nigel Holmes) y Show me How

Este ya es el penultimo tema de la clase, por ende, al que mas le dedicaremos tiempo. Para este bloque tematico vamos a desarrollar tres proyectos, uno muy corto con infografia colectiva escenica, otro con infografía colectiva documental y el ultimo una infografia sobre una tribu urbana o subcultura capitalina.

Para que se vayan preparando, aqui les dejo la definición y ejemplos para el desarrollo de la infografia escenica. Recuerden que los datos deben ser extraidos de la lectura El Enigma de París del escritor Pablo de Santis.

Este es un fragmento del libro La Infografía: Técicas, análisis y usos periodisticos del periodista José Luís Valero Sancho

Infografías Escénicas:

Las infografías de escenas o escénicas son muy comúmente empleadas en atentados, accidentes de circulación o guerras. En ellas muchas veces se pretende narrar un suceso o reproducir unas imagenes como si hubieran sido vistas por un observador situado desde cierta distancia, en el momento o momentos mas importantes de la información.

Normalmente hay unos protagonistas de acciones o bien unos acontecimientos que no necesaria y directamente implican al ser humano, aunque éste sea el elemento normalmente el estudio de las consecuencias o del desarrollo de los hechos, que son los verdaderos protagonistas.

El escenario es un elemento siempre presente en la escena, pero a menudo carece de significación como elemento informativo, salvo que se de un terremoto en el que hay personas corriendo, pero entonces es el centro de la escena y no tiene funciones ubicativas dado que es el actente (actor) principal del suceso; la gente no es la informacion principal, aunque es fundamental el conocimiento de la cifra de muertos. A menudo, se debe distinguir entre el lugar físico de los hechos, el fenómeno físico de desplazamiento de tierras y la catástrofe humana que haya podido ocasionar. La infografía que pretenda lo primreo es ubicativa, la segunda puede ser escénica o documental y la tercera escénica comparativa.

Las infografías escénicas son distintas, en ellas se pretende narrar una secuencia de acciones o acontecimientos, como puede ser la cronología sucesiva de ataques en una confrontacion bélica, deportiva, de los diferentes momentos en el recorrido del asesino que va disparando a todo el que va encontrando por el camino, de las fases por las que pasó el barco hasta acabar en el fondo de mar. A esta clase la denominamos de secuencias y puede presentarse mediante viñetas sucesivas. Algún autor las llama de paso a paso, en etapas de un proceso o como los fotogramas de una película (Martín, 1995: 206 y Pablos, 1999:76)

Ahora algunos ejemplos:

Vayan entonces trabajando el texto, seleccionen el caso de su predilección y comiencen a buscar información gráfica: mapas, vestuario, locaciones, personajes, objetos, utensilios, detalles; recuerden que un buen infografista tiene un 25% de curiosidad periodistica y buena observación.

Estas son las medidas del formato a trabajar:

Tamaño tabloide: 43cm x 28cm vertical o Horizontal
Policromia, tecnica libre


Como siempre que la ilustraciòn me los proteja y la infografía me los oriente.

El ser humano, en su afan de saber y conocimiento, ha establecido diversas formas de clasificar, organizar, jerarquizar y presentar datos estructurados. Dichos datos, entendidos como unidades esenciales que convergen dentro de un sistema informativo, se pueden ver bajo la mirada del diseño de información, categoria incluida dentro de la arquitectura de informacion ha establecido una serie de parametros que han permitido a las tablas de datos afrontar nuevos horizontes en lo que respecta a su forma de ser abordados.


La preocupación por cuantificar, tabular, organizar y presentar información ha acompañado al ser humano desde siempre, solo que se hizo mas imperativa con el crecimeinto del comercio y los sistemas económicos. Uno de los responsables fue el economista ingles William Playfair quien elaboro todo un sistema de visualizacion tomando como base el plano cartesiano, propuesto anteriormente por Rene Descartes, y mediante el cual pudo generar un metodo para presentar datos relacionados a la económia de inglaterra y escocia. Otros que tambien hicieron parte de esta noble tarea fueron: Florence Nightingale, Jhon Snow y Charles Joseph Minard.


Florence Coxcomb animado



Hoy dia, la visualizacion de datos se ha convertido en un campo de exploracion, sobre todo desde el trabajo de colectivos de diseño, la prensa y los medios interactivos. Uno de estos es Visual Complexity quienes han desarrollado un proyecto de investigación en relación a la forma como los procesos cognitivos, la síntesis y la recepcion de datos se ve afectada por la forma de visualizar los datos.


Para esta ocasión, el proyecto busca una forma de establecer confianza con el tema a partir del levantamiento de información desde lo personal para presentar una pieza que de cuenta de las multiples formas de visualizar datos. Barras, tortas, gráficas de fiebre, colores, convenciones, cartografía y su distribucion en el mismo, con la finalidad de revelar, encontrar y ver otra forma de lectura sobre si mismos.


Y como siempre, la presentación.

David McCandless convierte series de datos complejos, como el gasto militar mundial, la cobertura mediática, las actualizaciones en los perfiles de Facebook, entre otros, en los diagramas más preciosos y simples. Propone el diseño de información como herramienta para navegar a través de la superabundancia de la información actual, buscando patrones y conexiones únicas que pueden lograr cambiar la forma de ver el mundo. (tomado de TED.com) Bueno, gracias al trabajo de arqueología digital de las discipulas Sandra Staub y Ana María Robles (ademas de mis archivos personales), comparto estos links y otros mas que me encontre con respecto al trabajo que estamos desarrollando. Recuerden que lo primero es ver y reconocer las formas básicas para reconocer en ellas como les podemos dar el giro orientativo para hacer un trabajo proyectual atractivo y eficiente. Agradezco nuevamente los aportes de Sandra y Ana María. Enjoy!!!! He aqui los referentes:

Informationgraphics in context (2010) Britistics – UK Infographic Visual Feed Este sitio no esta disponible, pero es bien interesante, se llama Ionz y es de unos desarrolladores brasileros: Y aqui mas ejemplos:

Como lo comentamos en clase entonces el viernes me entregan una infografia documental sobre el objeto descotextualizado. Ustedes acorde a la plantilla de evaluacion saben que es lo bueno, lo excelente y lo pesimo, asi que con esa informacion deben resolver el trabajo. bueno aqui pueden ver mas ejemplos infografistas y una ñapa informativa

"Nada es verdad, todo está permitido" (versión completa) from jaime serra on Vimeo.

He aquí un ejemplo de como se debe entregar el análisis infografico. por favor tener en cuenta el comunicado enviado a los monitores de la clase. Nos vemos el viernes.

Discipulos de la verdad infográfica y el amor visual.

Aqui estan los parametros de la entrega:

Piezas a entregar: Cuatro tabloides (habitante, flora, fauna, tecnología) montados sobre cartulina negra, a modo de passepartout o marco. Los tabloides deben quedar bien unidos, como lo muestran los ejemplos que previamente habia dispuesto.

Parametros a evaluar:

1) Forma: Impresión, presentación, manejo técnico, color, selección tipográfica, composición y manejo de jerarquias de texto (atributos de texto) esto tiene un valor de 30% es decir 1.5

2) Contenido: Redacción, Ortografía, sintesis narrativa, información suministrada (entre mas explique, mas completo sera) Valor 30% / 1.5

3) Propuesta gráfica: el tema de la exploración, el proceso de trabajo(muestras clase a clase) enfasis narrativo (creatividad en el tema) Valor 40% / 2.0

Nota adicional
Proceso de trabajo (de la clase n 3 a la 5)

Hora de entrega:

Grupo del Viernes de 7am a 9:30am: 7:30am (a esa hora ya debe estar el montaje listo, el proceso de evaluacion dura una hora, y luego la retroalimentación.

Grupo del Viernes de 2:15pm a 4:30pm: 1:00pm (punto de encuentro 5 piso y buscamos salon) el proceso se inicia a la 1:20pm (a esa hora debe estar listo el montaje)

Advertencias:

*Revisen muy bien el trabajo de los textos, recuerden que en infografia el texto se aborda mas como capsulas informativas, No es editorial.

*La hora de entrega esta coordinada con el reloj atomico y Transmilenio, una vez se cumpla el plazo se colocaran las respectivas señales reglametarias que prohiben el ingreso mientas se evalua, no insistan. Una vez termina la evaluacion pueden seguir y se descuenta un 20% de la nota final.

Comuniquese y cumplase.