Your SlideShare is downloading. ×
0
Juliana Villamonte                     Por: Juliana Villamonte                           Juliana Villamonte
Universidad de Panamá                             Facultad de Comunicación Social                             Departamento...
Introducción                       Objetivo                       I. Glosario Infográfico                             Ani...
Les presento un conjunto conceptos básicos que deben conocer en esta era                     del conocimiento y la tecnolo...
A este respecto, también se pronuncia la profesora Marí Ángeles Cabrera                                                   ...
Familiarizar al los participantes, con losJuliana Villamonte                         conceptos básicos de la infografí los...
Animaciones Interactivas:                     Son aquellos elementos que integran elementos de imagen,                    ...
Ética: La conciencia moral, normativa y ética “ La buena                     voluntad es la que obra por deber, o sea, por...
Etica: La ética es un tipo de saber Que orienta la acción                     humana. Para actuar de un modo racional . Qu...
Perspectiva:     nos    ayuda    a                     representar la realidad y crear                     efectos volumét...
Infografí Periodí        a       stica:Josep Marí Serra: La infografí es un            a                    agénero period...
Infografí Periodí        a       sticaGonzalo Peltzer: La infografí es la                             aexpresión gráfica m...
Infografí Periodí        a       sticaEn síntesis, cinco claves para entender la infografí como Género                    ...
Infografí Impresa         aLa Infografí Impresa es un conjunto organizado de lenguajes, en             acolaboración o en...
Muestra de una Infografí Periodí                                         a       sticaAlberto CairoEs profesor de infograf...
Contorno                       Podemos definir el CONTORNO como el                       objeto gráfico creado cuando el t...
La lí                    nea base de un contorno define                la complejidad de éste y sus                propied...
Los        principales                     contornos son el                     cuadrado,           laJuliana Villamonte  ...
“Infografía     es una representación más visual que la                     propia de los textos, en la que intervienen de...
Infografí Interactiva Animada:                             a                     En el periodismo digital se agrega a esta...
Infografí Animada:                             aJuliana Villamonte                                 Juliana Villamonte
Infografí Animada:                             aJuliana Villamonte                           Juliana Villamonte
Juliana Villamonte                     La Textura consisten en la modificación o variación de la                     super...
PARATEXTO:                 está                     destinado a hacer presente el                     texto, asegurar su p...
Los PARATEXTOS son las                     imágenes u otros textos que                     rodean un texto central. Ya sea...
Algunos de los PARATEXTOS más                     conocidos y comunes son el tí    tulo y el                     subtítulo...
Formas:                     hablamos de forma                     cuando el trazo de lí neaJuliana Villamonte             ...
Dependiendo         de      cómo                     coloquemos ciertas FIGURAS                     podremos tener una sen...
Planos:   permite fragmentar y dividir el espacio, de esta forma                     podemos delimitar y clasificar las di...
Movimiento:                     es    uno    de     los                     elementos visuales queJuliana Villamonte      ...
Movimiento:                     Pero en un dibujo , elJuliana Villamonte                     diseñador debe buscar los    ...
Interactividad: es la capacidad que tiene el                     usuario de interactuar con el gráfico o de navegar       ...
Hipertexto: Al igual que en el relato informativo                     textual, se refiere al uso de enlaces que permiten a...
Glosario Infográfico                        Proporción:        Debe ser la                        correcta y no se debe ag...
Perspectiva:     Puede otorgar atractivo al cuadro,                     especialmente a los mapas. Se debe utilizar con   ...
Color: es uno de los                     elementosJuliana Villamonte                     fundamentales y más              ...
En las artes gráficas tenemosJuliana Villamonte                     dos grandes categorí con                              ...
QuarkXpress: es un programa                     de autoedición para ordenadoresJuliana Villamonte                     con ...
Freehand:                     Es Un programa informático de creación deJuliana Villamonte                     imágenes med...
Corel Draw:              es un                     programa avanzado de ediciónJuliana Villamonte                     gráf...
Ilustrator:               desarrollado         y                     comercializado   por    Adobe     Systems,   haJulian...
Inkscape:      es      una                     herramienta de dibujo                     libre y multiplataforma          ...
Flash:   es una aplicación                     en forma de estudio de                     animación que trabaja           ...
Photoshop:      es                       una     aplicación                       destinada a la                       edi...
Moreno, Luciano. El Contorno. Disponible en:                     <http://www.desarrolloweb.com/articulos/1317.phpEl. Cita...
Upcoming SlideShare
Loading in...5
×

Glosario sobre infografía j villamonte

1,726

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,726
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Glosario sobre infografía j villamonte"

  1. 1. Juliana Villamonte Por: Juliana Villamonte Juliana Villamonte
  2. 2. Universidad de Panamá Facultad de Comunicación Social Departamento de Estructura de la ComunicaciónJuliana Villamonte Material de Apoyo Docente para el Curso de Fotografí Periodí a stica e Infografí a. Por: Juliana Villamonte estrategiaprofesional19@gmail.com
  3. 3. Introducción Objetivo I. Glosario Infográfico Animaciones Interactivas Infografí Periodí a stica Color Contorno  Infografí Digital a Infografí a InteractividadJulianaVi llamonte Diseño Perspectiva Créditos QuarkXpress Infografí Interactiva o a Freehand Animada CorelDraw Texturas Ilustrador Paratexto Inkcape Formas Flash Planos Photoshop Movimiento Perspectiva Dimensión Ética Periodística. Bibliografí a 08/06/20 12 Juliana Villamonte
  4. 4. Les presento un conjunto conceptos básicos que deben conocer en esta era del conocimiento y la tecnologia.. De acuerdo a Salaverrí (2004), "el género a que mejor ha reflejado el desarrollo del lenguaje multimediático ha sido laJuliana Villamonte Infografí Digital. Aparecida en los cibermedio hacia 1998, la infografí en a a Internet ha pasado de ser una mera traslación de gráficos estáticos a ser un género especí fico que aprovecha a fondo las posibilidades de integración textual, icónica y sonora de la Web“, de allí la importancia que los principiantes en el estudio de la infografí tengan pleno conocimiento de a algunos términos que se emplean diariamente en los medios ya sean estos impresos o digitales. Algunos de estos vocablos son Infografí Infografí Digital, Infografí a, a a Periodística, Infografí Interactiva o animada, hipertexto, movimiento, color, a contorno, paratexto, ética, entre otros. 08/06/2012 Juliana Villamonte
  5. 5. A este respecto, también se pronuncia la profesora Marí Ángeles Cabrera a (2000), quien asegura que "en un primer momento surgió como un nuevo modo de presentar la información basado en el lenguaje visual y el apoyoJuliana Villamonte de textos, para pasar a convertirse en un elemento más del material de la redacción y de la diagramación. No obstante, ha costado mucho aprovechar al máximo las potencialidades comunicativas que ofrecen las nuevas tecnologí a los infográfos. Y asílo as ha puesto de manifiesto Alberto Cairo, responsable de infografí de a elmundo.es hasta el verano de 2005 y uno de los profesionales que más conocen sobre la materia, quien asegura que "debemos potenciar la actualidad y permanencia… (Franco 2005a) 08/06/2012 Juliana Villamonte
  6. 6. Familiarizar al los participantes, con losJuliana Villamonte conceptos básicos de la infografí losa, cuales ayudarán a comprender mejor los diversas vocablos que se utilizan en el diseño de infografí periodí as sticas 08/06/2012 Juliana Villamonte
  7. 7. Animaciones Interactivas: Son aquellos elementos que integran elementos de imagen, audio y video de manera interactiva. El más popular y conocido de estos formatos es el .swf (de FLASH de Macromedia) queJuliana Villamonte vinculan estos lenguajes en único formato. Muchos han criticado el uso del Flash en los sitios web pero es una tecnologí que se utiliza cada vez más, sobre todo para la a publicidad Es el más utilizado para realizar presentaciones multimedia interactivas para la Web. y especialmente las infografí . as Artículo relacionado: http://www.baquia.com/com//20010709/art00014.html Juliana Villamonte
  8. 8. Ética: La conciencia moral, normativa y ética “ La buena voluntad es la que obra por deber, o sea, por el respeto a la ley universal de la razón” (E. Kant) “ . La ética está presente en quien enví el mensaje (su intención), a en el mensaje mismo (si promueve o no valores) y en la maneraJuliana Villamonte en que los interpretamos (si se realizan o no actos morales después de consumir el mensaje” (J. Hidalgo) Los código de conducta de los periodistas definen lo que se entiende por justicia en el mundo del periodismo: hasta dónde debe llegar uno para garantizar la justicia y cuánto tiene que hacer para ser justo con una persona y no ser injusto con otra” (S. Baran) Conciencia moral Ética normativa Ética legalista Ética autor regulatoria Autogestión Ética mediática. Juliana Villamonte
  9. 9. Etica: La ética es un tipo de saber Que orienta la acción humana. Para actuar de un modo racional . Que nos ayuda a conseguir lo más posible . Que orienta las metas de nuestraJuliana Villamonte vida inteligentemente. Que nos enseña a discernir qué debemos hacer y cómo debemos hacerlo. Que nos enseña a obrar bien racionalmente. Que nos enseña a averiguar cuál debe ser el fin de nuestras acciones, qué hábitos asumir, cómo ordenar nuestras metas intermedias, qué valores incorporar. Que nos enseña a decidir . que forja el carácter . decisiones buenas decisiones prudentes decisiones justas personas más sabias saber vivir bien ser felices Juliana Villamonte
  10. 10. Perspectiva: nos ayuda a representar la realidad y crear efectos volumétricos. Puede un gráfico ser más atractivo cuandoJuliana Villamonte 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. La perspectiva es el arte de dibujar volúmenes (objetos tridimensionales) Juliana Villamonte
  11. 11. Infografí Periodí a stica:Josep Marí Serra: La infografí es un a agénero periodí stico que consiste en latransmisión de una información onoticia por medio de gráficos, dibujos,ilustraciones, fotografías... y que serealiza de forma manual o por medios informáticos.José Manuel de Pablos: La infografí es ala dualidad del dibujo analógico con elmensaje del texto, con el objeto deculminar una noticia.
  12. 12. Infografí Periodí a sticaGonzalo Peltzer: La infografí es la aexpresión gráfica más compleja deinformación cuyos contenidos sonhechos o acontecimientos, laexplicación de cómo algo funciona, ola información de cómo es una cosa.José Luis Valero Sancho: Aportacióninformativa, realizada con elementosicónicos y tipográficos, que permite ofacilita la compresión de losacontecimientos, acciones o cosas deactualidad o algunos de sus aspectosmás significativos, y acompaña osustituye al texto informativo.
  13. 13. Infografí Periodí a sticaEn síntesis, cinco claves para entender la infografí como Género aPeriodí stico:1) La Infografí Periodí a stica es periodismo;2) 2) Utiliza lenguaje periodí stico [claridad, concisión y brevedad];3) 3) La imagen es absolutamente necesaria para componer la noticia;4) 4) Utiliza textos sumariales para completar la información ofrecida por la imagen;5) y 5) Está siempre encabezada por un titular porque la infografí debe contar una noticia por símisma, sin necesidad a de recurrir al texto del resto de la página para comprenderla.
  14. 14. Infografí Impresa aLa Infografí Impresa es un conjunto organizado de lenguajes, en acolaboración o en sí ntesis, que permiten representaciones comunicativasmás visuales que las de los propios textos, más relatuales que las fotográficasy más sintéticas que las de los documentos videográficos y cinematográficos.Por tanto, podemos entender que es un tipo de comunicación informativa odocumental que se suele presentar en los medios editoriales impresos comoson los diarios, revistas y libros, elaborados con lenguajes como mí nimobimediáticos que tienen como finalidad acompañar o sustituir al texto o lasfotografí as. .
  15. 15. Muestra de una Infografí Periodí a sticaAlberto CairoEs profesor de infografí y multimedia en la escuela de periodismo de la Universidad de Carolina del Norte en Chapel aHill (EEUU). También trabaja como consultor, asesor y freelance para medios de comunicación en todo el mundo (TheNew York Times, National Geographic, The Roanoke Times, El Universal, La Tercera, etc). Al mismo tiempo, organizaperiódicamente talleres de formación orientados a estudiantes y profesionales. http://www.albertocairo.com/
  16. 16. Contorno Podemos definir el CONTORNO como el objeto gráfico creado cuando el trazo de una línea se une en un mismo punto. EsJuliana Villamonte decir, cuando una lí nea continua empieza y acaba en un mismo punto. Todo contorno delimita dos zonas, una acotada (el contorno y su interior) y otra infinita (el fondo), creándose un sub- mundo gráfico particular en cada forma definida por cada contorno. 08/06/2012 Juliana Villamonte
  17. 17. La lí nea base de un contorno define la complejidad de éste y sus propiedades. Cuando una lí nea se cierra sobre sí misma, el contornoJuliana Villamonte creado determina un espacio interno, creándose una tensión entre este espacio y sus lí mites, otorgando a la lí nea creadora un gran poder de atracción visual. Las cualidades gráficas de un contorno estarán definidas por las líneas que lo crean y las propiedades de éstas. “Copa de Rubí el conocido ejemplo sobre n", forma-fondo de la psicologí de la Gestalt. a 08/06/2012 Juliana Villamonte
  18. 18. Los principales contornos son el cuadrado, laJuliana Villamonte circunferencia y el triángulo, a los que podemos añadir los contornos mixtos y los orgánicos. 08/06/2012 Juliana Villamonte
  19. 19. “Infografía es una representación más visual que la propia de los 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“Juliana Villamonte Diseño: Estilo único: Una infografí debe tener un estilo único, se debe a evitar copiar conceptos gráficos. Integración: Una infografí es una integración y a conexión de elementos gráficos, se debe evitar que tenga mucho texto. Color: El manejo del color es muy importante en una infografí deben ser colores con buen contraste para que a, facilite la lectura Fuentes: Una infografí debe tener un uso creativo de a las fuentes y tamaños de letras. Juliana Villamonte
  20. 20. Infografí Interactiva Animada: a En el periodismo digital se agrega a estas definiciones de infografí de Pablos la a capacidad tecnológica de agregarJuliana Villamonte movimiento y sonido al conjunto y la posibilidad de generar una lectura no lineal. En esto la infografí del periodismo digital a se diferencia fuertemente de la infografí de a la prensa grafica, ya que ésta se despliega en los límites del papel. Muy utilizada en suplementos de revistas, la infografí de la a prensa grafica juega con la simultaneidad de los datos en el mismo plano. Juliana Villamonte
  21. 21. Infografí Animada: aJuliana Villamonte Juliana Villamonte
  22. 22. Infografí Animada: aJuliana Villamonte Juliana Villamonte
  23. 23. Juliana Villamonte La Textura 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. Juliana Villamonte
  24. 24. PARATEXTO: está destinado a hacer presente el texto, asegurar su presencia en el mundo, se distingue el paratexto de autor y elJuliana Villamonte 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.). Juliana Villamonte
  25. 25. Los PARATEXTOS son las imágenes u otros textos que rodean un texto central. Ya sea una noticia o un cuento, podemosJuliana Villamonte obtener información o anticiparnos a la misma, sin necesidad de leer toda la nota del diario o el cuento. Estos elementos que rodean al texto, ya sean fotografí as, ilustraciones, tí tulos, recuadros, frases destacadas, se denominan PARATEXTO, porque son todo aquello que acompaña al texto para enriquecerlo. Juliana Villamonte
  26. 26. Algunos de los PARATEXTOS más conocidos y comunes son el tí tulo y el subtítulo, los cuales deben ser sintéticos, resumir de lo que se va a hablar, es decir representar al contenido.Juliana Villamonte Otro tipo de paratexto son imágenes que se colocan para atraer a la gente a que lea el texto, ya que a través de fotos o infografí con gran definición, el mismo as puede “atrapar” más a las personas. También se utilizan para ilustrar, explicar sobre lo que se está hablando para tener un poco más claro un tema determinado. Juliana Villamonte
  27. 27. Formas: hablamos de forma cuando el trazo de lí neaJuliana Villamonte se une en un mismo punto. Sus características son estáticas o dinámicas dependiendo del uso que se les de. Juliana Villamonte
  28. 28. Dependiendo de cómo coloquemos ciertas FIGURAS podremos tener una sensación u otra, por ejemplo, el triángulo y el cuadrado si losJuliana Villamonte representamos apoyados en la base nos dará una sensación de estabilidad y también de estatismo. Sin embargo, si lo representamos apoyado en uno de sus ángulos tendremos las sensaciones contrarias, inestabilidad y dinamismo. Juliana Villamonte
  29. 29. Planos: permite fragmentar y dividir el espacio, de esta forma podemos delimitar y clasificar las diferentes zonas de nuestra composición.Juliana Villamonte Juliana Villamonte
  30. 30. Movimiento: es uno de los elementos visuales queJuliana Villamonte implica y dota de más fuerza a un gráfico. Una fotografí capta a con mayor facilidad este elemento. Juliana Villamonte
  31. 31. Movimiento: Pero en un dibujo , elJuliana Villamonte diseñador debe buscar los elementos necesarios como lí neas rectas, sombras, curvas, repetición, etc. para lograr el efecto. Juliana Villamonte
  32. 32. Interactividad: es la capacidad que tiene el usuario de interactuar con el gráfico o de navegar por él. Se logra gracias a los botones de navegación u otros elementos que permiten laJuliana Villamonte conexión delas distintas partes que forman la infografí de manera que el lector puede ir a, accediendo a ellas según le interese. Fuente: Disponible en: <http://www.elmundo.es/elmundo/2006/graficos /ago/s3/palencia.html . Juliana Villamonte
  33. 33. Hipertexto: Al igual que en el relato informativo textual, se refiere al uso de enlaces que permiten al usuario acceder desde la infografí a otro textos, a sonidos… u otros elementos que forman parte de laJuliana Villamonte propia infografí o que están fuera de ella. a Se suele presentar "a modo de í ndice o sumario y al pasar por ellos el puntero del ratón se convierte en mano indicial u otro icono y se puede interactuar con el clic señalando el inicio de un nuevo panorama o una secuencia cinemática de dibujos o fotografí y pasa a as otra pantalla en laque se presenta el asunto seleccionado" . Juliana Villamonte
  34. 34. Glosario Infográfico Proporción: Debe ser la correcta y no se debe agrandar un elemento tanto a lo largo como a lo ancho. Un elementoJuliana Villamonte aumentado en las dos dimensiones no se habrá duplicado, y en ese ejemplo se estaría distorsionando la información. Unas proporciones armoniosas para el cuerpo, que estudiaron antes los griegos y romanos, las plasmó en este dibujo Leonardo da Vinci. Sirvió para ilustrar el libro La Divina Proporción de Luca Pacioli editado en 1509. En dicho libro se describen cuales han de ser las proporciones de las construcciones artísticas. En particular, Pacioli propone un hombre perfecto en el que las relaciones entre las distintas partes de su cuerpo sean proporciones áureas. Juliana Villamonte
  35. 35. Perspectiva: Puede otorgar atractivo al cuadro, especialmente a los mapas. Se debe utilizar con mucho cuidado, respetando las medidas que en ésteJuliana Villamonte se coloquen. A pesar de vivir en un mundo tridimensional, la bidimensionalidad se entiende mejor en la página impresa. Juliana Villamonte
  36. 36. Color: es uno de los elementosJuliana Villamonte fundamentales y más evidentes del diseño y que puede dar carácter y significado a las imágenes que se les aplica. Juliana Villamonte
  37. 37. En las artes gráficas tenemosJuliana Villamonte dos grandes categorí con as respecto al color que son: imagen a color e imagen en blanco y negro. Juliana Villamonte
  38. 38. QuarkXpress: es un programa de autoedición para ordenadoresJuliana Villamonte con sistema operativo Mac y Windows, producido por Quark Inc. puede ser considerada como una de las primeras empresas decanas de autoedición (junto con Aldus, Adobe y Apple). en 1987. Juliana Villamonte 08/06/2012
  39. 39. Freehand: Es Un programa informático de creación deJuliana Villamonte imágenes mediante la técnica de gráficos vectoriales. Gracias a él, el tamaño de las imágenes resultantes es escalable sin pérdida de calidad, lo que tiene aplicaciones en casi todos los ámbitos del diseño gráfico. La compra en 2005 de Macromedia por parte de Adobe ha provocado que deje de ser fabricado en favor de Ilustrator. Juliana Villamonte 08/06/2012
  40. 40. Corel Draw: es un programa avanzado de ediciónJuliana Villamonte gráfica con funciones básicas de composición de páginas, utilizado en el ámbito de las artes gráficas. Forma parte del paquete de software Corel Graphics Suite y es desarrollado por Corel Corporation. Juliana Villamonte 08/06/2012
  41. 41. Ilustrator: desarrollado y comercializado por Adobe Systems, haJuliana Villamonte definido en cierta manera el lenguaje gráfico contemporáneo mediante el dibujo vectorial. Illustrator contiene opciones creativas, un acceso sencillo a las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos usos se dan en maquetación, publicación, impresión, ví deo, publicación en la Web y dispositivos móviles. 08/06/2012 Juliana Villamonte
  42. 42. Inkscape: es una herramienta de dibujo libre y multiplataforma para gráficos vectoriales SVG. Es un programa deJuliana Villamonte software libre que surge en 2003. Las caracterí sticas de SVG soportadas incluyen formas básicas, caminos, texto, canal alfa, transformaciones, gradientes, edición de nodos, exportación de SVG a PNG, agrupación de elementos, etc. 08/06/2012 Juliana Villamonte
  43. 43. Flash: es una aplicación en forma de estudio de animación que trabaja sobre “Fotogramas”Juliana Villamonte destinado a la producción y entrega de contenido interactivo sin importar la plataforma. Es una herramienta de Adobe Systems, utiliza gráficos vectoriales e imágenes bitmap, sonido, código de programa, flujo de ví deo y audio bidireccional. 08/06/2012 Juliana Villamonte
  44. 44. Photoshop: es una aplicación destinada a la edición, retoqueJuliana Villamonte fotográfico y pintura a base de imágenes de mapa de bits. Es un software de la casa Adobe Systems. 08/06/2012 Juliana Villamonte
  45. 45. Moreno, Luciano. El Contorno. Disponible en: <http://www.desarrolloweb.com/articulos/1317.phpEl. Citado el 9/7/2012. Movimiento. Disponible en: http://www.cofregrafico.com/madera-en-movimiento/ La textura. Disponible en:< http://vmpkdean.blogspot.com/2009/03/perspectiva.html >. Citado el 25/6/2012. El Contorno. Disponible en:<http://www.emagister.com/curso-nociones-basicas-diseno/contorno-Juliana Villamonte direccion>. Citado el 25/6/2012. Definición ABC de Infografí Disponible en: a. http://www.definicionabc.com/comunicacion/infografia.php La Infografí un Encuentro para el Análisis: a http://www.uhu.es/cine.educacion/periodico/12infografiaperiodico.htm Infografí Animada de MachuPichu. Disponible en: a http://a.elcomercio.pe/infografia/machupicchu2011/index.html Que es la Infografí Periodí a stica. Disponible en:< http://egaleradas.blogspot.com/2005/10/qu-es- la-infografa-periodstica-ap-ii.html >. Sánchez, José. La Infografí periodí a stica y Documental Impresa. Disponible en:<http://www.mariomorales.info/?q=node/2764>. Imágenes Google.com. Disponible en:<http://alt1040.com/2010/09/infografia-colores- predominantes-internet>. 08/06/2012 Juliana Villamonte
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×