01 Introducción a la infografía

289

description

Infografía

Transcript of 01 Introducción a la infografía

  • rfica didcticagImgenes que ensean

  • Imgenes que ensean

    Sealizacinrfica didcticag

  • Imgenes que ensean

    Sealizacin

    Sealtica

    rfica didcticag

  • Imgenes que ensean

    Sealizacin

    Sealtica

    Instrucciones

    rfica didcticag

  • Imgenes que ensean

    Sealizacin

    Sealtica

    Instrucciones

    Infografa

    rfica didcticag

  • El Siglo XX supone una invasin grfico-informativa.Una Babel Grfica. javier mariscal

  • Lenguaje funcional

    Eficacia

    Universalidad

    Rpidez

    Objetividad

    rfica didcticag

  • Imgenes que ensean

    Sealizacin

    Sealtica

    Instrucciones

    Infografa

    rfica didcticag

  • 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 hiptesisMostrar una idea o proyecto

  • Establecer una asocicacino una comparativa

  • Publicitar un producto, una empresa o un servicio

  • Medio de expresin o ejerciciocreativo/humorstico

  • Medio de expresin o ejerciciocreativo/humorstico

  • Gestin de informacin

    Composicin

    Esttica

    ImpactoArtisticidadPlasticidadCromatismoBelleza...

    Presenacin de datosResumenImplementacinComparacinHiptesis

    CompaginacinRitmo

  • Antepasados

    1. Ciencias2. Arte3. 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

  • CartografaDibujos de lo intangibleFantasa y realidad

  • ArquitecturaSecciones, 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

  • Ejercicio1Qu hay dentro de la cabeza de...?

    Un escritor o un director de cine

    A4 Vertical

    Tcnica Libre

    Fondo blanco

  • Antepasados

    1. Ciencias2. Arte

  • Holbein

  • Pieter Brueghel

  • Ambrosius Brueghel

  • Watteau

  • Magritte

  • Dal

  • Antepasados

    1. Ciencias2. Arte3. Cmic

  • ComicFue el primer tipo de visualiza-cin que apareci en la prensa. Permite ver gran cantidad de da-tos de forma sencilla y directa.

  • Ejercicio de sntesis

  • Composicin

  • El infografista

  • El infografista

    1. Periodista 2. Diseador 3. Ilustrador

  • Definir los objetivos

    Realizar una indagacin

    Redactar textos

    1. Periodista

  • El infografista

    1. Periodista 2. Diseador 3. Ilustrador

  • Ordenar la informacin y establecer una jerarqua

    Elegir una estrategia narrativa adecuada

    Planificar y localizar (o desarrollar) recursos necesa-rios

    Maquetar

    2. Diseador

  • El infografista

    1. Periodista 2. Diseador 3. Ilustrador

  • Definir un estilo visual a partir de las intenciones

    Elegir la tcnica idnea

    Desarrollar las imgenes

    3. Ilustrador

  • Anotacin Terminolgica

    Conocimiento en forma de palabras, nmeros o con-ceptos que se quiere comunicar.

    Informacin cuantificable de manera numrica.

    Informacin

    Datos

  • Coleccin depurada y ordenada de datos que permi-ten el reconocimiento y anlisis.

    Conjunto de datos

    Representacin dibujada de un objeto. Ilustracin

    Anotacin Terminolgica

  • Hacer visual un conocimientos especfico que se est comunicando.

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

    Visualizacin

    Visualizacin de Datos

    Anotacin Terminolgica

  • Informaciones no nmericas.

    Informaciones numricas

    Elementos grficos cualitativos

    Elementos cuantitativos

    Anotacin Terminolgica

  • Enfoque del diseo de la informacin que busca guiar a los espectadores a travs de un conjunto se-leccionado de informacin.

    Elementos grficos no informativos.

    Narrativa

    Chartjunk

    Anotacin Terminolgica

  • Cantidad de informacin comunicada en un grfico en proporcin con el nmero total de elementos.

    Data-ink

    Anotacin Terminolgica

  • 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 gen-tica

    Cromosoma 14

  • ProcesingSoftware de cdigo abierto para la interpretacin visual de datos

  • Ben FryDirector de Seed Visualization Phyllotaxis Cambrige, Massachussets

    La tecnologa y la vida se vuelven complejas nicamente si se lo autorizamos John Maeda Director de la Escuela de Diseo

  • 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 noen un segundo via comprensin de un mensaje,debe ser instantneo.... Milton Glaser

  • DECIR MS CON MENOS RECURSOS

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

  • DECIR MS CON MENOS RECURSOS

    Un mensaje tiene que llegar al cerebro noen 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

    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.

    1. Reducir. 2. Organizar. 3. Tiempo.

  • No dar por hecho que se domina cierta informacin

  • 10 leyes de la simplicidad

    5. Diferencias. La simplicidad y la complejidad se necesitan entre s. Hacer que parezca sencillo un diseo requiere hacer que su complejidad sea accesible.

    1. Reducir. 2. Organizar. 3. Tiempo. 4. Aprender.

  • 10 leyes de la simplicidad

    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.

    1. Reducir. 2. Organizar. 3. Tiempo. 4. Aprender. 5. Diferencias.

  • 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.