SlideShare a Scribd company logo
1 of 18
Download to read offline
Nombre:
Fernandes Montenegro andres
Profesora:
Elena valientE
Semestre:
I
TEMA:
LA INFOGRAFIA
CARRERA:
COMPUTACION E INFORMATICA
La infografía
es una representación más visual que los propios textos; en la que intervienen descripciones,
narraciones o interpretaciones, presentadas de manera gráfica normalmente figurativa, que
pueden o no coincidir con grafismos abstractos 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, partes de la infografía, con la que se presenta una información completa aunque pueda
ser complementaria o de síntesis.
El término también se ha popularizado para referirse a todas aquellas imágenes generadas por
computadora. Más específicamente suele hacer referencia a la creación de imágenes que
tratan de imitar el mundo tridimensional mediante el cálculo del comportamiento de la luz, los
volúmenes, la atmósfera, las sombras, las texturas, la cámara, el movimiento, etc.
Estas técnicas basadas en complejos cálculos matemáticos, pueden tratar de conseguir
imágenes reales o no, en cuyo caso se habla de fotorrealismo.
Función del diseño gráfico en la Infografía
El diseño gráfico es un tipo de comunicación visual, indispensable para la vida social. Por
que es decir, nos ayuda a entender de manera directa y clara ciertos mensajes. Ya que, con
sólo una mirada que se le dé a un gráfico ya se sabe qué quiere comunicar. La
inevitable función de la comunicación visual no es "natural" sino que viene de la
composición económico-social a la que pertenezca, es decir, que el diseñador trabaja
dependiendo del tema que le toque desarrollar y de sus competencias; Como también
depende del tipo de medio en donde se desenvuelve.
El diseño gráfico tiene como propósito en la infografia mostrar un contenido objetivo de
acuerdo con la realidad. No es cuestión de llenar el espacio con diversos elementos para
hacerlo visualmente más interesante. Sino que, necesita ser simple, no recargar la
composición y no distorsionar la información queriendo ser diferente.
Por lo tanto, hay ciertos elementos básicos que se deben tomar en cuenta al diseñar una
infografía, como lo son:
La proporción: es el recorrido de un plano en movimiento que se convierte en
un volumen. Debe ser correcta y tener cuidado al agrandar una forma porque puede quedar
distorsionada. Es decir, la imagen tiene que ser extendida en sus dos dimensiones (alto y
ancho) proporcionalmente.
Distorsionada
La perspectiva: nos ayuda a representar la realidad y crear efectos volumétricos. Puede
un gráfico ser más atractivo cunado se aplica este elemento básico del diseño .Se debe ser
cuidadoso con ella, respetando las respectivas medidas que se le otorga. A pesar de vivir en
un mundo tridimensional, la bidimensionalidad se entiende mejor en la página impresa.
Las texturas: consisten en la modificación o variación de la superficie de
los materiales utilizados, ya sea de una forma visual o táctil. En los diseños, si no se utilizan
bien pueden causar confusiones o ilusiones ópticas.
Las formas: hablamos de forma cuando el trazo de línea se une en un mismo punto. Sus
características son estáticas o dinámicas dependiendo del uso que se les de.
Las formas más básicas del diseño son: el círculo, el rectángulo y el triángulo.
1. Círculo: representa el movimiento de rotación.
Produce sensación de movimiento
2) Cuadrado: es una figura estable y de carácter. Ya que proporciona estabilidad
permanencia y torpeza.
3) El triángulo: es una figura estable, con tres puntos de apoyo, uno en cada vértice,
aunque no tan estático como el cuadrado.
El plano: permite fragmentar y dividir el espacio, de esta forma podemos delimitar y
clasificar las diferentes zonas de nuestra composición.
El movimiento: es uno de los elementos visuales que implica y dota de más fuerza a un
gráfico. Una fotografía capta con mayor facilidad este elemento. Pero en un dibujo, el
diseñador debe buscar los elementos necesarios como líneas rectas, sombras, curvas,
repetición, etc. para lograr el efecto.
El color: es uno de los elementos fundamentales y más evidentes del diseño y que puede
dar carácter y significado a las imágenes que se les aplica. En las artes gráficas tenemos dos
grandes categorías con respecto al color que son: imagen a color e imagen en blanco y
negro.
Paratexto: El término paratexto designa al conjunto de los enunciados que rodean a un
texto: el título, subtítulos, prefacio, indicación de insertar, índice de materias,
etc. El paratexto está destinado a hacer presente el texto, asegurar su presencia en el
mundo, Se distingue el paratexto de autor y el paratexto editorial. El primero es
producido por el autor (su nombre, epígrafe, prefacio, dedicatoria, nota al pie de página) y
el segundo al editor (tapa, catálogo, copyright, etc.).
Capítulo 3:
Este capítulo se divide en dos partes. La primera parte es el análisis de la evolución de la
Infografía en el tiempo, para comparar las diferentes aplicaciones, usos, formas y cambios
que ha tenido desde su inicio hasta la actualidad.
Análisis
Gráfico 1
-Análisis de la evolución de la infografía en los últimos años
En 1983 los gráficos son un poco más elaborados, la mayoría de estas infografias son tipos
de gráficos en serie e integrados, por ser muy lineales y seguir un solo patrón. Es decir
eran, dibujos que poseían un mismo orden en la ubicación de los elementos que casi
siempre se dibujabá con una forma preestablecida (ver grafico 2) forman parte de la
composición.
En cuanto a los elementos básicos del diseño gráfico, podemos observar lo siguiente: tiene
forma triangular y tiene perspectiva, es decir volumen. En cuanto al color, es una imagen
poli cromática que utiliza colores primarios, es simple y no maneja textura, ni movimiento.
Finalmente el paratexto cumple su función, la de acompañar a la imagen, como
consecuencia, la infografía está completando al texto, pero visualmente es muy simple y
poco atractiva.
Gráfico 2
Las primeras infografías publicadas en el Diario Expreso datan del año 1984. Se podría
decir que, estos gráficos dieron un salto; además de no llamar laatención, se volvieron muy
complejos en su contenido y forma (ver grafico 3) visualmente no cumplían con dos
características importantes Ej.: la infografía no hacía entendible la información y ni
explicaba de manera clara un tema difícil. Se puede observar que, en cuanto a los elementos
visuales existe una variación en la perspectiva, en vez de tener volumen, se hace como una
toma panorámica de un mapa visto desde de arriba, pero en esta perspectiva, el gráfico se
hace confuso, sobre todo al haberle agregado textura. No hay aplicación de color, solo una
imagen de tonalidades grises; y el paratexto crea aun más confusión, ya que hay demasiada
información y no es clara. Por lo tanto, todos estos factores no ayudan a que la infografía
cumpla con sus funciones.
Gráfico 3
Es entonces que en 1986 la infografía cumple con sus funciones de una mejor forma. Su
diseño mejora, por ejemplo, la proporción era utilizada adecuadamente y las formas
concordaban más con el gráfico, es decir, tenían relación. En cuanto a la aplicación del
color, se mezclaban, colores primarios y secundarios, haciendo los gráficos más llamativos y
dinámicos. Los paratextos son más claros, ya que utilizan diferentes cuerpos y grosores en
las palabras, para así resaltar o darle importancia a unas frases más que a otras. Por lo
tanto,
el mensaje llega al lector de manera mucho más ordenada y clara. El tipo de infografía que
estamos observando (grafico4) es un gráfico de barras, no tiene perspectiva pero si tiene
movimiento, ya que, la forma de las olas con líneas curvas e inclinadas, dan esa sensación.
Por lo tanto, también trasmiten dirección.
Por consiguiente, las infografias siguen teniendo una cierta formalidad y patrón, dando
ciertos indicios de cambio, de mayor creatividad.
Así continúan durante los años noventa, dando pequeños cambios en el diseño, año trás
año.
Gráfico 4
Al llegar al siglo XXI, es cuando vemos un cambio radical en la nueva infografía. Se puede
decir que en el 2001 nos damos cuenta que los gráficos son más sencillos y limpios porque
no tienen ningún fondo, las letras son mas claras , tratan de que haya más espacios en
blanco y que sea ordenado, y sin tantos detalles .Por lo tanto, el mensaje llega claro y
directo al receptor. A diferencia de los gráficos anteriores podemos ver que en éste (ver
gráfico 5) ya tenemos proporción, volumen, y color donde estos elementos son un aporte
fundamental al diseño.
En los paratextos observamos que en los años ochenta la tipografía era formal,
generalmente utilizaba un tipo de letra con "serif "y mayúsculas. En cambio, en los gráficos
Actuales la tipografía cambia; siendo informal y utilizando el tipo de letra "sin-serif".
Gráfico 5
En el 2002 vemos que, se siguen utilizando los gráficos en serie pero con una gran
diferencia
(Ver gráfico 6). Existe una combinación de elementos gráficos, donde se sobrepasan los
colores primarios y secundarios, es decir, ya no se aplica ninguno de los dos tipos de
colores. Sino que, se mezclan los primarios y secundarios, para dar como resultado los
colores terciarios. Estos colores al ser más brillantes y contrastantes, dan al diseño impacto
y predominio sobre el conjunto. Se mantiene la proporción, textura y volumen (muchas
veces logrado a través de la luz y sombra) el paratexto es informal. Poco texto, explícito .y
de un tamaño de La más grande que del ejemplo anterior.
Grafico 7
En el 2003, la imagen prácticamente habla por sí sola. Acompañada por ciertas frases
estratégicas que hacen de guías para que el lector comprenda el mensaje adecuadamente.
También, se puede observar la buena aplicación de los elementos principales del diseño: la
proporción, perspectiva, forma, movimiento, color y dirección. En el 2003 los gráficos son
integrados, el texto siempre va acompañado de la imagen. Por consiguiente, el empleo de
las fotografías se destaca a partir de este año haciendo que la infografía tenga un enfoque
más real.
El paratexto se vuelve más explicativo y da más detalles. Si bien es para, aclarar ciertos
datos, la falta de espacio, la longitud del párrafo y el tamaño de la letra, hacen del texto
poco legible y podría volver confusa la infografía.
En el 2004, continúa el uso de la fotografía, pero aplicada de manera radial hasta el 2005.
Existe el predominio de imágenes más que textos, por lo cual mejora la infografía,
haciéndola más directa y rápida de comprender, ya que según Edgard Tufte "Es aquella que
da al lector el mayor número de ideas en el menor lapso de tiempo, y empleando la menor
cantidad de tinta y el espacio más reducido posible".
En estos gráficos, se destaca la dirección y el movimiento, resultando infografias, dinámicas
y entendibles.
Paratexto: en las dos imágenes se maneja poco texto, pero se combina dos cuerpos de letra
para que el lector pueda jerarquizar la información.
Al llegar al 2006 los gráficos se asemejan más a la realidad. Por ejemplo, en el caso de un
mapa, la ilustración se asemeja a una fotografía digital. Se puede decir que, la infografía no
quiere hacer uso de las fotografías, perfeccionar su ilustración y técnicas para llegar a ser
más reales. Se puede observar párrafos de textos, poco legibles y extensos. Por lo tanto, deja
de cumplir con las características principales de una infografía, directa clara y concisa.
En el 2007 la infografía es sencilla y limpia. Es decir, se pone más énfasis en la elaboración
de la imagen, cumpliendo con todos los elementos del diseño gráfico. Sin embargo, al igual
que las infografias del 2006, ésta está recargada de información, creando un ruido en la
comunicación y haciéndola poco clara y concreta.
COMPARACIÓN INFOGRAFÍAS DEL 1983 AL 2007
Infografía del 1983:
1.
2. Texto desordenado.
3. La imagen desproporcionada con relación al texto. El cuerpo de la letra de ciertos
títulos es demasiado grande y las del cuerpo del texto son muy pequeñas, es decir,
poco legibles.
4. Cuadros poco llamativos. Uso de colores primarios, que van de acuerdo a la imagen.
5. Composiciones lineales, poco atractivas. Cuerpo de letra excesivamente grande solo
usan letra mayúsculas ,
6. La imagen pasa desapercibida, ya que no se aplican colores contrastantes. no resalta.
7. La fuente de ciertas partes del texto no va acorde con otras letras del texto éstas están
escritas a máquina de escribir y las otras a computadora y hace que se vea disparejo
Infografía del 2007:
1.
2. Utilización de tipografía en mayúscula y minúscula, proporcionada.
3. Paratexto poco legible, es decir, sobre la cantidad de palabras óptimas para que la
lectura sea fluída.
4. Empleo de líneas y formas más dinámicas.
5. Formas que producen sensación de movimiento.
6. Predominio de una sola imagen sobre el conjunto.
Evolución de la infografía

More Related Content

What's hot

Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseñoCarlos Correa
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseñoCarlos Correa
 
Diccionario ilustrado. walter medina
Diccionario ilustrado. walter medinaDiccionario ilustrado. walter medina
Diccionario ilustrado. walter medinaMarielbys Rodríguez
 
Elementos conceptuales
Elementos conceptualesElementos conceptuales
Elementos conceptualesYepesDavid
 
Punto gráfico (dibujo II) grupo 414 B
Punto gráfico (dibujo II) grupo 414 BPunto gráfico (dibujo II) grupo 414 B
Punto gráfico (dibujo II) grupo 414 BCarlos Hernández
 
Plano y sus formas
Plano y sus formasPlano y sus formas
Plano y sus formasRITA
 
1 el lenguaje visual 3 actividades octubre
1 el lenguaje visual 3 actividades  octubre1 el lenguaje visual 3 actividades  octubre
1 el lenguaje visual 3 actividades octubremabel12
 
Elementos de expresion_grafica_y_oral
Elementos de expresion_grafica_y_oralElementos de expresion_grafica_y_oral
Elementos de expresion_grafica_y_oraltomgs
 
Elementos visuales de la imagen linea
Elementos visuales de la imagen lineaElementos visuales de la imagen linea
Elementos visuales de la imagen lineaGabriel Sotov
 
El lenguaje visual: el signo plástico
El lenguaje visual: el signo plásticoEl lenguaje visual: el signo plástico
El lenguaje visual: el signo plásticoMelii Frassone
 
Elementos visuales de la imagen
Elementos visuales de la imagenElementos visuales de la imagen
Elementos visuales de la imagenGabriel Sotov
 
Elementos del diseño gráfico
Elementos del diseño gráficoElementos del diseño gráfico
Elementos del diseño gráficoScarlett López
 
El dibujo artístico
El dibujo artísticoEl dibujo artístico
El dibujo artísticonoemi garcia
 
Elementos básicos del diseño grafico
Elementos básicos del diseño grafico Elementos básicos del diseño grafico
Elementos básicos del diseño grafico genesisroav
 

What's hot (20)

UNIDAD 1 -El Diseño y sus Elementos
UNIDAD 1 -El Diseño y sus ElementosUNIDAD 1 -El Diseño y sus Elementos
UNIDAD 1 -El Diseño y sus Elementos
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Diccionario ilustrado. walter medina
Diccionario ilustrado. walter medinaDiccionario ilustrado. walter medina
Diccionario ilustrado. walter medina
 
Leccion II
Leccion IILeccion II
Leccion II
 
Elementos conceptuales
Elementos conceptualesElementos conceptuales
Elementos conceptuales
 
Punto gráfico (dibujo II) grupo 414 B
Punto gráfico (dibujo II) grupo 414 BPunto gráfico (dibujo II) grupo 414 B
Punto gráfico (dibujo II) grupo 414 B
 
Plano y sus formas
Plano y sus formasPlano y sus formas
Plano y sus formas
 
1 el lenguaje visual 3 actividades octubre
1 el lenguaje visual 3 actividades  octubre1 el lenguaje visual 3 actividades  octubre
1 el lenguaje visual 3 actividades octubre
 
Elementos de expresion_grafica_y_oral
Elementos de expresion_grafica_y_oralElementos de expresion_grafica_y_oral
Elementos de expresion_grafica_y_oral
 
Elementos visuales de la imagen linea
Elementos visuales de la imagen lineaElementos visuales de la imagen linea
Elementos visuales de la imagen linea
 
El lenguaje visual: el signo plástico
El lenguaje visual: el signo plásticoEl lenguaje visual: el signo plástico
El lenguaje visual: el signo plástico
 
Elementos visuales de la imagen
Elementos visuales de la imagenElementos visuales de la imagen
Elementos visuales de la imagen
 
Fundamentos de la Imagen
Fundamentos de la ImagenFundamentos de la Imagen
Fundamentos de la Imagen
 
Elementos del diseño gráfico
Elementos del diseño gráficoElementos del diseño gráfico
Elementos del diseño gráfico
 
El dibujo artístico
El dibujo artísticoEl dibujo artístico
El dibujo artístico
 
Elementos básicos del diseño grafico
Elementos básicos del diseño grafico Elementos básicos del diseño grafico
Elementos básicos del diseño grafico
 
Elementos diseño
Elementos diseñoElementos diseño
Elementos diseño
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
La retícula
La retículaLa retícula
La retícula
 

Viewers also liked

projecte itinerari blanca
projecte itinerari blancaprojecte itinerari blanca
projecte itinerari blancacapdellevant
 
Virgen Del Valle
Virgen Del ValleVirgen Del Valle
Virgen Del ValleWilfredo
 
Galleta del valle
Galleta del valleGalleta del valle
Galleta del vallefrancisliao
 
Ruta De Senderisme Gr 10
Ruta De Senderisme Gr 10Ruta De Senderisme Gr 10
Ruta De Senderisme Gr 10Javier Borrás
 
Forats negres de reissner
Forats negres de reissnerForats negres de reissner
Forats negres de reissnerclaudiavtls
 
Informe Estudio Cisac Recaudaciones 2008 2010 01 14 Es
Informe Estudio Cisac Recaudaciones 2008 2010 01 14 EsInforme Estudio Cisac Recaudaciones 2008 2010 01 14 Es
Informe Estudio Cisac Recaudaciones 2008 2010 01 14 EsJuan Varela
 
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerHype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerLuminary Labs
 

Viewers also liked (10)

projecte itinerari blanca
projecte itinerari blancaprojecte itinerari blanca
projecte itinerari blanca
 
Cs fra 1 nav 21 x27
Cs fra 1 nav   21 x27Cs fra 1 nav   21 x27
Cs fra 1 nav 21 x27
 
Virgen Del Valle
Virgen Del ValleVirgen Del Valle
Virgen Del Valle
 
Galleta del valle
Galleta del valleGalleta del valle
Galleta del valle
 
Ruta De Senderisme Gr 10
Ruta De Senderisme Gr 10Ruta De Senderisme Gr 10
Ruta De Senderisme Gr 10
 
Presentació de llibres
Presentació de llibresPresentació de llibres
Presentació de llibres
 
Forats negres de reissner
Forats negres de reissnerForats negres de reissner
Forats negres de reissner
 
Informe Estudio Cisac Recaudaciones 2008 2010 01 14 Es
Informe Estudio Cisac Recaudaciones 2008 2010 01 14 EsInforme Estudio Cisac Recaudaciones 2008 2010 01 14 Es
Informe Estudio Cisac Recaudaciones 2008 2010 01 14 Es
 
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job? Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
 
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerHype vs. Reality: The AI Explainer
Hype vs. Reality: The AI Explainer
 

Similar to Evolución de la infografía

Taller n°1
Taller n°1Taller n°1
Taller n°1Cals89
 
Conceptos básicos de diseño gráfico.docx
Conceptos básicos de diseño gráfico.docxConceptos básicos de diseño gráfico.docx
Conceptos básicos de diseño gráfico.docxDanielVelasco968677
 
Fundamentos del diseño grafico
Fundamentos del diseño graficoFundamentos del diseño grafico
Fundamentos del diseño graficoValentinaascanio1
 
Elementos de expresion grafica
Elementos de expresion graficaElementos de expresion grafica
Elementos de expresion graficajairo Torres
 
Elementos básicos visuales
Elementos básicos visualesElementos básicos visuales
Elementos básicos visualesprofelena
 
Técnicas de composición y maquetación lucia olivo
Técnicas de composición y maquetación lucia olivoTécnicas de composición y maquetación lucia olivo
Técnicas de composición y maquetación lucia olivoLucii Loop
 
Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02Priscila García
 
Los elementos básicos del lenguaje plástico
Los elementos básicos del lenguaje plásticoLos elementos básicos del lenguaje plástico
Los elementos básicos del lenguaje plásticoPaco Contreras
 
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación carlosest1000
 
Punto.Línea.Plano
Punto.Línea.PlanoPunto.Línea.Plano
Punto.Línea.Planoescuela258
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavidDavid Correa
 
Alcances del diseño gráfico
Alcances del diseño gráficoAlcances del diseño gráfico
Alcances del diseño gráficosmirthacj
 
Perpectivas
PerpectivasPerpectivas
PerpectivasJOSEP79
 
Perpectivas
PerpectivasPerpectivas
PerpectivasJOSEP79
 

Similar to Evolución de la infografía (20)

Actividad no. 2
Actividad no. 2Actividad no. 2
Actividad no. 2
 
Actividad no. 2
Actividad no. 2Actividad no. 2
Actividad no. 2
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 
Conceptos básicos de diseño gráfico.docx
Conceptos básicos de diseño gráfico.docxConceptos básicos de diseño gráfico.docx
Conceptos básicos de diseño gráfico.docx
 
Fundamentos del diseño grafico
Fundamentos del diseño graficoFundamentos del diseño grafico
Fundamentos del diseño grafico
 
Elementos de expresion grafica
Elementos de expresion graficaElementos de expresion grafica
Elementos de expresion grafica
 
Elementos básicos visuales
Elementos básicos visualesElementos básicos visuales
Elementos básicos visuales
 
Taller1 valeria paez_maitefernandez_camilaharo
Taller1 valeria paez_maitefernandez_camilaharoTaller1 valeria paez_maitefernandez_camilaharo
Taller1 valeria paez_maitefernandez_camilaharo
 
Técnicas de composición y maquetación lucia olivo
Técnicas de composición y maquetación lucia olivoTécnicas de composición y maquetación lucia olivo
Técnicas de composición y maquetación lucia olivo
 
Taller 2 darwin y stephy
Taller 2 darwin y stephy Taller 2 darwin y stephy
Taller 2 darwin y stephy
 
Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02
 
Los elementos básicos del lenguaje plástico
Los elementos básicos del lenguaje plásticoLos elementos básicos del lenguaje plástico
Los elementos básicos del lenguaje plástico
 
Taller1 maquetación
Taller1 maquetación Taller1 maquetación
Taller1 maquetación
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Punto.Línea.Plano
Punto.Línea.PlanoPunto.Línea.Plano
Punto.Línea.Plano
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
Alcances del diseño gráfico
Alcances del diseño gráficoAlcances del diseño gráfico
Alcances del diseño gráfico
 
Perpectivas
PerpectivasPerpectivas
Perpectivas
 
Perpectivas
PerpectivasPerpectivas
Perpectivas
 
Diseño grafico
Diseño  graficoDiseño  grafico
Diseño grafico
 

Evolución de la infografía

  • 1. Nombre: Fernandes Montenegro andres Profesora: Elena valientE Semestre: I TEMA: LA INFOGRAFIA CARRERA: COMPUTACION E INFORMATICA
  • 2. La infografía es una representación más visual que los propios textos; en la que intervienen descripciones, narraciones o interpretaciones, presentadas de manera gráfica normalmente figurativa, que pueden o no coincidir con grafismos abstractos 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, partes de la infografía, con la que se presenta una información completa aunque pueda ser complementaria o de síntesis. El término también se ha popularizado para referirse a todas aquellas imágenes generadas por computadora. Más específicamente suele hacer referencia a la creación de imágenes que tratan de imitar el mundo tridimensional mediante el cálculo del comportamiento de la luz, los volúmenes, la atmósfera, las sombras, las texturas, la cámara, el movimiento, etc. Estas técnicas basadas en complejos cálculos matemáticos, pueden tratar de conseguir imágenes reales o no, en cuyo caso se habla de fotorrealismo.
  • 3. Función del diseño gráfico en la Infografía El diseño gráfico es un tipo de comunicación visual, indispensable para la vida social. Por que es decir, nos ayuda a entender de manera directa y clara ciertos mensajes. Ya que, con sólo una mirada que se le dé a un gráfico ya se sabe qué quiere comunicar. La inevitable función de la comunicación visual no es "natural" sino que viene de la composición económico-social a la que pertenezca, es decir, que el diseñador trabaja dependiendo del tema que le toque desarrollar y de sus competencias; Como también depende del tipo de medio en donde se desenvuelve. El diseño gráfico tiene como propósito en la infografia mostrar un contenido objetivo de acuerdo con la realidad. No es cuestión de llenar el espacio con diversos elementos para hacerlo visualmente más interesante. Sino que, necesita ser simple, no recargar la composición y no distorsionar la información queriendo ser diferente. Por lo tanto, hay ciertos elementos básicos que se deben tomar en cuenta al diseñar una infografía, como lo son: La proporción: es el recorrido de un plano en movimiento que se convierte en un volumen. Debe ser correcta y tener cuidado al agrandar una forma porque puede quedar distorsionada. Es decir, la imagen tiene que ser extendida en sus dos dimensiones (alto y ancho) proporcionalmente. Distorsionada La perspectiva: nos ayuda a representar la realidad y crear efectos volumétricos. Puede un gráfico ser más atractivo cunado se aplica este elemento básico del diseño .Se debe ser cuidadoso con ella, respetando las respectivas medidas que se le otorga. A pesar de vivir en un mundo tridimensional, la bidimensionalidad se entiende mejor en la página impresa. Las texturas: consisten en la modificación o variación de la superficie de los materiales utilizados, ya sea de una forma visual o táctil. En los diseños, si no se utilizan bien pueden causar confusiones o ilusiones ópticas. Las formas: hablamos de forma cuando el trazo de línea se une en un mismo punto. Sus características son estáticas o dinámicas dependiendo del uso que se les de.
  • 4. Las formas más básicas del diseño son: el círculo, el rectángulo y el triángulo. 1. Círculo: representa el movimiento de rotación. Produce sensación de movimiento 2) Cuadrado: es una figura estable y de carácter. Ya que proporciona estabilidad permanencia y torpeza. 3) El triángulo: es una figura estable, con tres puntos de apoyo, uno en cada vértice, aunque no tan estático como el cuadrado. El plano: permite fragmentar y dividir el espacio, de esta forma podemos delimitar y clasificar las diferentes zonas de nuestra composición.
  • 5. El movimiento: es uno de los elementos visuales que implica y dota de más fuerza a un gráfico. Una fotografía capta con mayor facilidad este elemento. Pero en un dibujo, el diseñador debe buscar los elementos necesarios como líneas rectas, sombras, curvas, repetición, etc. para lograr el efecto. El color: es uno de los elementos fundamentales y más evidentes del diseño y que puede dar carácter y significado a las imágenes que se les aplica. En las artes gráficas tenemos dos grandes categorías con respecto al color que son: imagen a color e imagen en blanco y negro.
  • 6. Paratexto: El término paratexto designa al conjunto de los enunciados que rodean a un texto: el título, subtítulos, prefacio, indicación de insertar, índice de materias, etc. El paratexto está destinado a hacer presente el texto, asegurar su presencia en el mundo, Se distingue el paratexto de autor y el paratexto editorial. El primero es producido por el autor (su nombre, epígrafe, prefacio, dedicatoria, nota al pie de página) y el segundo al editor (tapa, catálogo, copyright, etc.). Capítulo 3:
  • 7. Este capítulo se divide en dos partes. La primera parte es el análisis de la evolución de la Infografía en el tiempo, para comparar las diferentes aplicaciones, usos, formas y cambios que ha tenido desde su inicio hasta la actualidad. Análisis Gráfico 1 -Análisis de la evolución de la infografía en los últimos años En 1983 los gráficos son un poco más elaborados, la mayoría de estas infografias son tipos de gráficos en serie e integrados, por ser muy lineales y seguir un solo patrón. Es decir eran, dibujos que poseían un mismo orden en la ubicación de los elementos que casi siempre se dibujabá con una forma preestablecida (ver grafico 2) forman parte de la composición. En cuanto a los elementos básicos del diseño gráfico, podemos observar lo siguiente: tiene forma triangular y tiene perspectiva, es decir volumen. En cuanto al color, es una imagen poli cromática que utiliza colores primarios, es simple y no maneja textura, ni movimiento. Finalmente el paratexto cumple su función, la de acompañar a la imagen, como consecuencia, la infografía está completando al texto, pero visualmente es muy simple y poco atractiva.
  • 8. Gráfico 2 Las primeras infografías publicadas en el Diario Expreso datan del año 1984. Se podría decir que, estos gráficos dieron un salto; además de no llamar laatención, se volvieron muy complejos en su contenido y forma (ver grafico 3) visualmente no cumplían con dos características importantes Ej.: la infografía no hacía entendible la información y ni explicaba de manera clara un tema difícil. Se puede observar que, en cuanto a los elementos visuales existe una variación en la perspectiva, en vez de tener volumen, se hace como una toma panorámica de un mapa visto desde de arriba, pero en esta perspectiva, el gráfico se hace confuso, sobre todo al haberle agregado textura. No hay aplicación de color, solo una imagen de tonalidades grises; y el paratexto crea aun más confusión, ya que hay demasiada información y no es clara. Por lo tanto, todos estos factores no ayudan a que la infografía cumpla con sus funciones.
  • 9. Gráfico 3 Es entonces que en 1986 la infografía cumple con sus funciones de una mejor forma. Su diseño mejora, por ejemplo, la proporción era utilizada adecuadamente y las formas concordaban más con el gráfico, es decir, tenían relación. En cuanto a la aplicación del color, se mezclaban, colores primarios y secundarios, haciendo los gráficos más llamativos y dinámicos. Los paratextos son más claros, ya que utilizan diferentes cuerpos y grosores en las palabras, para así resaltar o darle importancia a unas frases más que a otras. Por lo tanto, el mensaje llega al lector de manera mucho más ordenada y clara. El tipo de infografía que estamos observando (grafico4) es un gráfico de barras, no tiene perspectiva pero si tiene movimiento, ya que, la forma de las olas con líneas curvas e inclinadas, dan esa sensación. Por lo tanto, también trasmiten dirección. Por consiguiente, las infografias siguen teniendo una cierta formalidad y patrón, dando ciertos indicios de cambio, de mayor creatividad. Así continúan durante los años noventa, dando pequeños cambios en el diseño, año trás año.
  • 10. Gráfico 4 Al llegar al siglo XXI, es cuando vemos un cambio radical en la nueva infografía. Se puede decir que en el 2001 nos damos cuenta que los gráficos son más sencillos y limpios porque no tienen ningún fondo, las letras son mas claras , tratan de que haya más espacios en blanco y que sea ordenado, y sin tantos detalles .Por lo tanto, el mensaje llega claro y directo al receptor. A diferencia de los gráficos anteriores podemos ver que en éste (ver gráfico 5) ya tenemos proporción, volumen, y color donde estos elementos son un aporte fundamental al diseño. En los paratextos observamos que en los años ochenta la tipografía era formal, generalmente utilizaba un tipo de letra con "serif "y mayúsculas. En cambio, en los gráficos Actuales la tipografía cambia; siendo informal y utilizando el tipo de letra "sin-serif".
  • 11. Gráfico 5 En el 2002 vemos que, se siguen utilizando los gráficos en serie pero con una gran diferencia (Ver gráfico 6). Existe una combinación de elementos gráficos, donde se sobrepasan los colores primarios y secundarios, es decir, ya no se aplica ninguno de los dos tipos de colores. Sino que, se mezclan los primarios y secundarios, para dar como resultado los colores terciarios. Estos colores al ser más brillantes y contrastantes, dan al diseño impacto y predominio sobre el conjunto. Se mantiene la proporción, textura y volumen (muchas veces logrado a través de la luz y sombra) el paratexto es informal. Poco texto, explícito .y de un tamaño de La más grande que del ejemplo anterior. Grafico 7
  • 12. En el 2003, la imagen prácticamente habla por sí sola. Acompañada por ciertas frases estratégicas que hacen de guías para que el lector comprenda el mensaje adecuadamente. También, se puede observar la buena aplicación de los elementos principales del diseño: la proporción, perspectiva, forma, movimiento, color y dirección. En el 2003 los gráficos son integrados, el texto siempre va acompañado de la imagen. Por consiguiente, el empleo de las fotografías se destaca a partir de este año haciendo que la infografía tenga un enfoque más real. El paratexto se vuelve más explicativo y da más detalles. Si bien es para, aclarar ciertos datos, la falta de espacio, la longitud del párrafo y el tamaño de la letra, hacen del texto poco legible y podría volver confusa la infografía.
  • 13. En el 2004, continúa el uso de la fotografía, pero aplicada de manera radial hasta el 2005. Existe el predominio de imágenes más que textos, por lo cual mejora la infografía, haciéndola más directa y rápida de comprender, ya que según Edgard Tufte "Es aquella que da al lector el mayor número de ideas en el menor lapso de tiempo, y empleando la menor cantidad de tinta y el espacio más reducido posible". En estos gráficos, se destaca la dirección y el movimiento, resultando infografias, dinámicas y entendibles.
  • 14. Paratexto: en las dos imágenes se maneja poco texto, pero se combina dos cuerpos de letra para que el lector pueda jerarquizar la información.
  • 15. Al llegar al 2006 los gráficos se asemejan más a la realidad. Por ejemplo, en el caso de un mapa, la ilustración se asemeja a una fotografía digital. Se puede decir que, la infografía no quiere hacer uso de las fotografías, perfeccionar su ilustración y técnicas para llegar a ser más reales. Se puede observar párrafos de textos, poco legibles y extensos. Por lo tanto, deja de cumplir con las características principales de una infografía, directa clara y concisa.
  • 16. En el 2007 la infografía es sencilla y limpia. Es decir, se pone más énfasis en la elaboración de la imagen, cumpliendo con todos los elementos del diseño gráfico. Sin embargo, al igual que las infografias del 2006, ésta está recargada de información, creando un ruido en la comunicación y haciéndola poco clara y concreta. COMPARACIÓN INFOGRAFÍAS DEL 1983 AL 2007
  • 17. Infografía del 1983: 1. 2. Texto desordenado. 3. La imagen desproporcionada con relación al texto. El cuerpo de la letra de ciertos títulos es demasiado grande y las del cuerpo del texto son muy pequeñas, es decir, poco legibles. 4. Cuadros poco llamativos. Uso de colores primarios, que van de acuerdo a la imagen. 5. Composiciones lineales, poco atractivas. Cuerpo de letra excesivamente grande solo usan letra mayúsculas , 6. La imagen pasa desapercibida, ya que no se aplican colores contrastantes. no resalta. 7. La fuente de ciertas partes del texto no va acorde con otras letras del texto éstas están escritas a máquina de escribir y las otras a computadora y hace que se vea disparejo Infografía del 2007: 1. 2. Utilización de tipografía en mayúscula y minúscula, proporcionada. 3. Paratexto poco legible, es decir, sobre la cantidad de palabras óptimas para que la lectura sea fluída. 4. Empleo de líneas y formas más dinámicas. 5. Formas que producen sensación de movimiento. 6. Predominio de una sola imagen sobre el conjunto.