Sie sind auf Seite 1von 289

g

rfica didctica
Imgenes que ensean

rfica didctica
Imgenes que ensean

Sealizacin

rfica didctica

Sealizacin

Imgenes que ensean

Sealtica

rfica didctica

Sealizacin

Imgenes que ensean

Sealtica
Instrucciones

rfica didctica
Imgenes que ensean

Sealizacin
Sealtica
Instrucciones
Infografa

El Siglo XX supone una invasin grfico-informativa.


Una Babel Grfica.
javier mariscal

rfica didctica
Lenguaje funcional

Eficacia
Universalidad
Rpidez
Objetividad

rfica didctica

Sealizacin

Imgenes que ensean

Sealtica
Instrucciones
Infografa

Formas de llevar a cabo una accin


concreta.

Combinacin de imgenes y textos


con el fin de comunicar informacin
de manera visual para facilitar su
transmisin.

Ordenar y presentar datos

Explicar cmo es
o como funciona

Resumir una
trayectoria,
una poca, un
acontecimiento...

Completar noticias
difciles de describir con
palabras o fotografas.

Proponer una hiptesis


Mostrar una idea o
proyecto

Establecer una
asocicacin
o una comparativa

Publicitar un producto, una empresa


o un servicio

Medio de expresin o ejercicio


creativo/humorstico

Medio de expresin o ejercicio


creativo/humorstico

Gestin de informacin
Presenacin de datos
Resumen
Implementacin
Comparacin
Hiptesis

Composicin
Compaginacin
Ritmo

Impacto
Artisticidad
Plasticidad
Esttica Cromatismo
Belleza...

Antepasados

1. Ciencias
2. Arte
3. Cmic

Desde Galeno (SII) se ha buscado un sistema de


representacin anatmico que cubra una funcin didctica y
que no suponga una abstraccin para el estudiante.

La cercana y la empata han jugado siempre un papel


importante en la ilustracin cintifica

El uso de recursos artsticos o icnico facilito el ejercicio


de ilustracin ya que proporcionaba imgenes ms
asequibles

Los apuntes de Leonardo


son los primeros ejercicios
netamente cintificos de los
que se tienen datos.
Maquetacin involuntaria

Alberto Durero

Andreas Vesalius

El desarrollo de otras
disciplinas cientficas es ms
lento pero similar

Manuscrito
Voynich

Viajes, extismo, las nuevas


experiencias: Fuentes de
imgenes

John James Audubon

Cartografa
Dibujos de lo intangible
Fantasa y realidad

Arquitectura
Secciones, alzados, planos...

Aficiones nobles:
Ilustraciones para deportes,
protocolos, bailes...

La Enciclopedia
unifica critrios
aporta rigor Cientfico

Testut y Latartjet: el modelo definitivo

Testut y Latartjet: el modelo definitivo

Testut y Latartjet: el modelo definitivo

Testut y Latartjet: el modelo definitivo

Fernando Vicente

Fernando Vicente

Juan Gatti

Fritz Kahn

Felipe Bedoya

Natalie Shau

Ejercicio1

Qu hay dentro de la cabeza de...?


Un escritor o un director de cine
A4 Vertical
Tcnica Libre
Fondo blanco

Antepasados

1. Ciencias
2. Arte

Holbein

Pieter Brueghel

Ambrosius Brueghel

Watteau

Magritte

Dal

Antepasados

1. Ciencias
2. Arte
3. Cmic

Comic
Fue el primer tipo de visualizacin que apareci en la prensa.
Permite ver gran cantidad de datos de forma sencilla y directa.

Ejercicio de sntesis

Composicin

El infografista

El infografista
1. Periodista

2. Diseador

3. Ilustrador

1. Periodista
Definir los objetivos
Realizar una indagacin
Redactar textos

El infografista
1. Periodista

2. Diseador

3. Ilustrador

2. Diseador
Ordenar la informacin y establecer una jerarqua
Elegir una estrategia narrativa adecuada
Planificar y localizar (o desarrollar) recursos necesarios
Maquetar

El infografista
1. Periodista

2. Diseador

3. Ilustrador

3. Ilustrador
Definir un estilo visual a partir de las intenciones
Elegir la tcnica idnea
Desarrollar las imgenes

Anotacin Terminolgica

Informacin
Conocimiento en forma de palabras, nmeros o conceptos que se quiere comunicar.

Datos
Informacin cuantificable de manera numrica.

Anotacin Terminolgica

Conjunto de datos
Coleccin depurada y ordenada de datos que permiten el reconocimiento y anlisis.

Ilustracin
Representacin dibujada de un objeto.

Anotacin Terminolgica

Visualizacin
Hacer visual un conocimientos especfico que se est
comunicando.

Visualizacin de Datos
Representacin visual de un conjunto de datos en
formas nicas que permitan detectar tendencias,
modelos, valores atpicos...

Anotacin Terminolgica

Elementos grficos cualitativos


Informaciones no nmericas.

Elementos cuantitativos
Informaciones numricas

Anotacin Terminolgica

Narrativa
Enfoque del diseo de la informacin que busca
guiar a los espectadores a travs de un conjunto seleccionado de informacin.

Chartjunk
Elementos grficos no informativos.

Anotacin Terminolgica

Data-ink
Cantidad de informacin comunicada en un grfico
en proporcin con el nmero total de elementos.

La visualizacin esttica sugiere estabilidad.


Puede parecer fantstico aunque no se
entienda...
Ben Fry

Director de Seed Visualization Phyllotaxis


Cambrige, Massachussets

Lo que debe importar es la audiencia, y saber


dnde debes situarte en ese espectro para
llegar al pblico al que te diriges...

Ben Fry

Director de Seed Visualization Phyllota-

Bloques isomtricos de comparacin gentica

Cromosoma 14

Procesing

Software de cdigo abierto para la interpretacin visual de datos

La tecnologa y la vida se vuelven complejas


nicamente si se lo autorizamos
John Maeda


Diseo

Director de la Escuela de

Ben Fry

Director de Seed Visualization Phyllotaxis


Cambrige, Massachussets

10 leyes de la simplicidad

10. La nica. La simplicidad consiste en quitar aquello que

es obvio y aadir lo importante.

10 leyes de la simplicidad
1. Reducir. La manera ms sencilla de alcanzar la

simplicidad es mediante la reduccin razonada.

MS EFICAZ CUANTO MS ACCESIBLE

MS ACCESIBLE CUANTO MS SENCILLO

MS SENCILLO CUANTOS MENOS ELEMENTOS TENGA

DECIR MS CON MENOS RECURSOS


Un mensaje tiene que llegar al cerebro no
en un segundo via comprensin de un mensaje,
debe ser instantneo.... Milton Glaser

DECIR MS CON MENOS RECURSOS


Un mensaje tiene que llegar al cerebro no
en un segundo via comprensin de un mensaje,
debe ser instantneo.... Milton Glaser

DECIR MS CON MENOS RECURSOS


Un mensaje tiene que llegar al cerebro no
en un segundo via comprensin de un mensaje,
debe ser instantneo.... Milton Glaser

ESQUEMATIZACIN
Reducir una representacin al mnimo
posible sin que pierda su significado
La simplificacin mxima garantiza el
entendimiento
Proporcionar una representacin
simplificada y bsica de la realidad que
pueda ser generalizable

Identificar los elementos clave (transmiten la informacin)


Descartar todo lo accesorio
Reducir los elementos clave a su forma ms simple

Isotipos

Otto Neurath

Gerd Arntz

Gerd Arntz

10 leyes de la simplicidad
1. Reducir.
2. Organizar. La organizacin permite que un sistema

complejo parezca sencillo.

10 leyes de la simplicidad
1. Reducir.
2. Organizar.
3. Tiempo. Ahorrar tiempo hace parecer las cosas ms

simples. Cuando forzamos a esperar a alguien, hacemos


que aquello que esa persona espera parezca ms complejo.

10 leyes de la simplicidad
1. Reducir.
2. Organizar.
3. Tiempo. Ahorrar tiempo hace parecer las cosas ms

simples. cuando forzamos a esperar a alguien, hacemos


que aquello que esa persona espera parezca ms complejo.

Perder el inters

10 leyes de la simplicidad

Perder el inters
Es necesario introducir algn chivato

10 leyes de la simplicidad
1. Reducir.
2. Organizar.
3. Tiempo.
4. Aprender. El conocimiento lo simplifica todo. Un simple

tornillo puede que no parezca tan simple si no sabes que


debes hacerlo rodar para que funcione.

No dar por hecho que se domina


cierta informacin

10 leyes de la simplicidad
1. Reducir.
2. Organizar.
3. Tiempo.
4. Aprender.
5. Diferencias. La simplicidad y la complejidad se necesitan

entre s. Hacer que parezca sencillo un diseo requiere


hacer que su complejidad sea accesible.

10 leyes de la simplicidad
1. Reducir.
2. Organizar.
3. Tiempo.
4. Aprender.
5. Diferencias.
6. Contexto. Lo que se encuentra en la periferia de la

simplicidad no es nada perifrico, sino muy relevante. Hay


otros mensajes que rodean aquello que diseamos.

Alan Jurgens

10 leyes de la simplicidad
1. Reducir.
2. Organizar.
3. Tiempo.
4. Aprender.
5. Diferencias.
6. Contexto.
7. Emocin. Ms emociones es mejor que menos emociones.

Debemos emocionar con nuestro diseo.

10 leyes de la simplicidad
1. Reducir.
2. Organizar.
3. Tiempo.
4. Aprender.
5. Diferencias.
6. Contexto.
7. Emocin.
8. Confianza. Confiamos en la simplicidad. La simplicidad es

un camino seguro para la comunicacin.

10 leyes de la simplicidad
1. Reducir.
2. Organizar.
3. Tiempo.
4. Aprender.
5. Diferencias.
6. Contexto.
7. Emocin.
8. Confianza.
9. Fracaso. No es posible hacer algunas cosas de manera

simple. A veces, el fallo es un ingrediente necesario para la


victoria o para obtener la belleza.

10 leyes de la simplicidad
1. Reducir.
2. Organizar.
3. Tiempo.
4. Aprender.
5. Diferencias.
6. Contexto.
7. Emocin.
8. Confianza.
9. Fracaso.
10. La nica. La simplicidad consiste en quitar aquello que

es obvio y aadir lo importante.