Glosario sobre infografía j villamonte

45
Por: Juliana Villamonte Juliana Villamonte Juliana Villamonte

description

 

Transcript of Glosario sobre infografía j villamonte

Page 1: Glosario sobre infografía j villamonte

Por: Juliana Villamonte

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 2: Glosario sobre infografía j villamonte

Por: Juliana [email protected]

Julia

na

Vill

am

on

te

Universidad de PanamáFacultad de Comunicación Social

Departamento de Estructura de la Comunicación

Material de Apoyo Docente para el Curso de Fotografía Periodística e Infografía.

Page 3: Glosario sobre infografía j villamonte

Julia

na

Vil

lam

on

te

08/06/20 12

IntroducciónObjetivoI. Glosario Infográfico

Animaciones InteractivasInfografía PeriodísticaContornoInfografíaDiseñoCréditosInfografía Interactiva o AnimadaTexturasParatextoFormasPlanosMovimiento

Color Infografía DigitalInteractividadPerspectivaQuarkXpressFreehandCorelDrawIlustradorInkcapeFlashPhotoshopPerspectiva DimensiónÉtica Periodística.

Bibliografía

Juliana Villamonte

Page 4: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

08/06/2012 Juliana Villamonte

Les presento un conjunto conceptos básicos que deben conocer en esta eradel conocimiento y la tecnologia.. De acuerdo a Salaverría (2004), "el géneroque mejor ha reflejado el desarrollo del lenguaje multimediático ha sido laInfografía Digital. Aparecida en los cibermedio hacia 1998, la infografía enInternet ha pasado de ser una mera traslación de gráficos estáticos a ser ungénero específico que aprovecha a fondo las posibilidades de integracióntextual, icónica y sonora de la Web“, de allí la importancia que losprincipiantes en el estudio de la infografía tengan pleno conocimiento dealgunos términos que se emplean diariamente en los medios ya sean estosimpresos o digitales.Algunos de estos vocablos son Infografía, Infografía Digital, InfografíaPeriodística, Infografía Interactiva o animada, hipertexto, movimiento, color,contorno, paratexto, ética, entre otros.

Page 5: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

08/06/2012 Juliana Villamonte

A este respecto, también se pronuncia la profesora María Ángeles Cabrera(2000), quien asegura que "en un primer momento surgió como un nuevomodo de presentar la información basado en el lenguaje visual y el apoyode textos, para pasar a convertirse en un elemento más del material de laredacción y de la diagramación.

No obstante, ha costado mucho aprovechar al máximo las potencialidadescomunicativas que ofrecen las nuevas tecnologías a los infográfos. Y asíloha puesto de manifiesto Alberto Cairo, responsable de infografía deelmundo.es hasta el verano de 2005 y uno de los profesionales que másconocen sobre la materia, quien asegura que "debemos potenciar laactualidad y permanencia… (Franco 2005a)

Page 6: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

08/06/2012 Juliana Villamonte

Familiarizar al los participantes, con losconceptos básicos de la infografía, loscuales ayudarán a comprender mejor losdiversas vocablos que se utilizan en eldiseño de infografías periodísticas

Page 7: Glosario sobre infografía j villamonte

Animaciones Interactivas:Son aquellos elementos que integran elementos de imagen,audio y video de manera interactiva. El más popular y conocidode estos formatos es el .swf (de FLASH de Macromedia) quevinculan estos lenguajes en único formato.

Muchos han criticado el uso del Flash en los sitios web pero es una tecnología que se utiliza cada vez más, sobre todo para la publicidadEs 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

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 8: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Ética: La conciencia moral, normativa y ética “ La buenavoluntad es la que obra por deber, o sea, por el respeto a la leyuniversal de la razón” (E. Kant) “ .La ética está presente en quien envía el mensaje (su intención),en el mensaje mismo (si promueve o no valores) y en la maneraen que los interpretamos (si se realizan o no actos moralesdespués de consumir el mensaje” (J. Hidalgo)

Los código de conducta de los periodistas definen lo que seentiende por justicia en el mundo del periodismo: hasta dóndedebe llegar uno para garantizar la justicia y cuánto tiene quehacer para ser justo con una persona y no ser injusto con otra”(S. Baran) Conciencia moral Ética normativa Ética legalista Éticaautor regulatoria Autogestión Ética mediática.

Juliana Villamonte

Page 9: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Etica: La ética es un tipo de saber Que orienta la acciónhumana. Para actuar de un modo racional . Que nos ayuda aconseguir lo más posible . Que orienta las metas de nuestravida inteligentemente. Que nos enseña a discernir quédebemos hacer y cómo debemos hacerlo. Que nos enseña aobrar bien racionalmente. Que nos enseña a averiguar cuáldebe ser el fin de nuestras acciones, qué hábitos asumir,cómo ordenar nuestras metas intermedias, qué valoresincorporar. Que nos enseña a decidir . que forja el carácter .decisiones buenas decisiones prudentes decisiones justaspersonas más sabias saber vivir bien ser felices

Juliana Villamonte

Page 10: Glosario sobre infografía j villamonte

Perspectiva: nos ayuda arepresentar la realidad y crearefectos volumétricos. Puede ungráfico ser más atractivo cuandose aplica este elemento básico deldiseño .Se debe ser cuidadoso conella, respetando las respectivasmedidas que se le otorga. A pesarde vivir en un mundotridimensional, labidimensionalidad se entiendemejor en la página impresa.

Julia

na

Vill

am

on

te

Juliana Villamonte

La perspectiva es el arte de dibujarvolúmenes (objetos tridimensionales)

Page 11: Glosario sobre infografía j villamonte

Infografía Periodística:

Josep María Serra: 'La infografía es ungé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ía esla dualidad del dibujo analógico con elmensaje del texto, con el objeto deculminar una noticia'.

Page 12: Glosario sobre infografía j villamonte

Infografía PeriodísticaGonzalo Peltzer: 'La infografía es laexpresió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'.

Page 13: Glosario sobre infografía j villamonte

Infografía Periodística

En síntesis, cinco claves para entender la infografía como Género Periodístico: 1) La Infografía Periodí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ía debe contar una noticia por sí misma, sin necesidad de recurrir al texto del resto de la página para comprenderla.

Page 14: Glosario sobre infografía j villamonte

Infografía Impresa

La Infografía Impresa es un conjunto organizado de lenguajes, encolaboració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.

.

Page 15: Glosario sobre infografía j villamonte

http://www.albertocairo.com/

Muestra de una Infografía Periodística

Alberto CairoEs profesor de infografía y multimedia en la escuela de periodismo de la Universidad de Carolina del Norte en ChapelHill (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.

Page 16: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

08/06/2012 Juliana Villamonte

Contorno

Podemos definir el CONTORNO como elobjeto gráfico creado cuando el trazo deuna línea se une en un mismo punto. Esdecir, cuando una línea continuaempieza y acaba en un mismo punto.

Todo contorno delimita dos zonas, unaacotada (el contorno y su interior) y otrainfinita (el fondo), creándose un sub-mundo gráfico particular en cada formadefinida por cada contorno.

Page 17: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

08/06/2012 Juliana Villamonte

La línea base de un contorno definela complejidad de éste y suspropiedades. Cuando una línea secierra sobre sí misma, el contornocreado determina un espaciointerno, creándose una tensiónentre este espacio y sus límites,otorgando a la línea creadora ungran poder de atracción visual.

Las cualidades gráficas de uncontorno estarán definidas por laslíneas que lo crean y laspropiedades de éstas. “Copa de Rubín", el conocido ejemplo sobre

forma-fondo de la psicología de la Gestalt.

Page 18: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

08/06/2012 Juliana Villamonte

Los principalescontornos son elcuadrado, lacircunferencia y eltriángulo, a los quepodemos añadir loscontornos mixtos ylos orgánicos.

Page 19: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Juliana Villamonte

“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 maneragráfica normalmente figurativa, que pueden o no coincidircon grafismos abstractos y/o sonidos“

Diseño:Estilo único: Una infografía debe tener un estilo único, se debeevitar copiar conceptos gráficos.

Integración: Una infografía es una integración y

conexión de elementos gráficos, se debe evitar que tengamucho texto.

Color: El manejo del color es muy importante en una

infografía, deben ser colores con buen contraste para quefacilite la lectura

Fuentes: Una infografía debe tener un uso creativo de

las fuentes y tamaños de letras.

Page 20: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Juliana Villamonte

Infografía Interactiva Animada:En el periodismo digital se agrega a estasdefiniciones de infografía de Pablos lacapacidad tecnológica de agregarmovimiento y sonido al conjunto y laposibilidad de generar una lectura no lineal.En esto la infografía del periodismo digitalse diferencia fuertemente de la infografía dela prensa grafica, ya que ésta se despliegaen los límites del papel. Muy utilizada ensuplementos de revistas, la infografía de laprensa grafica juega con la simultaneidad delos datos en el mismo plano.

Page 21: Glosario sobre infografía j villamonte

Infografía Animada:

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 23: Glosario sobre infografía j villamonte

La Textura consisten en la modificación o variación de la

superficie de los materiales utilizados, ya sea de una forma visual otáctil. En los diseños, si no se utilizan bien pueden causarconfusiones o ilusiones ópticas.

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 24: Glosario sobre infografía j villamonte

PARATEXTO: estádestinado a hacer presente eltexto, asegurar su presenciaen el mundo, se distingue elparatexto de autor y elparatexto editorial. Elprimero es producido por elautor (su nombre, epígrafe,prefacio, dedicatoria, nota alpie de página) y el segundo aleditor (tapa, catálogo,copyright, etc.).

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 25: Glosario sobre infografía j villamonte

Los PARATEXTOS son las

imágenes u otros textos querodean un texto central. Ya sea unanoticia o un cuento, podemosobtener información oanticiparnos a la misma, sinnecesidad de leer toda la nota deldiario o el cuento.

Estos elementos que rodean altexto, ya sean fotografías,ilustraciones, títulos, recuadros,frases destacadas, se denominan

PARATEXTO, porque son todo

aquello que acompaña al textopara enriquecerlo.

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 26: Glosario sobre infografía j villamonte

Algunos de los PARATEXTOS másconocidos y comunes son el título y elsubtítulo, los cuales deben ser sintéticos,resumir de lo que se va a hablar, es decirrepresentar al contenido.

Otro tipo de paratexto son imágenes quese colocan para atraer a la gente a que leael texto, ya que a través de fotos oinfografías con gran definición, el mismopuede “atrapar” más a las personas.

También se utilizan para ilustrar, explicarsobre lo que se está hablando para tenerun poco más claro un tema determinado.

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 27: Glosario sobre infografía j villamonte

Formas:hablamos de formacuando el trazo de línease une en un mismopunto. Sus característicasson estáticas o dinámicasdependiendo del uso quese les de.Ju

lian

a V

illa

mo

nte

Juliana Villamonte

Page 28: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Juliana Villamonte

Dependiendo de cómocoloquemos ciertas FIGURASpodremos tener una sensaciónu otra, por ejemplo, el triánguloy el cuadrado si losrepresentamos apoyados en labase nos dará una sensación deestabilidad y también deestatismo. Sin embargo, si lorepresentamos apoyado en unode sus ángulos tendremos lassensaciones contrarias,inestabilidad y dinamismo.

Page 29: Glosario sobre infografía j villamonte

Planos: permite fragmentar y dividir el espacio, de esta forma

podemos delimitar y clasificar las diferentes zonas de nuestracomposición.

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 30: Glosario sobre infografía j villamonte

Movimiento:es uno de loselementos visuales queimplica y dota de másfuerza a un gráfico.Una fotografía captacon mayor facilidadeste elemento.Ju

lian

a V

illa

mo

nte

Juliana Villamonte

Page 31: Glosario sobre infografía j villamonte

Pero en un dibujo , eldiseñador debe buscar loselementos necesarioscomo líneas rectas,sombras, curvas,repetición, etc. para lograrel efecto.Ju

lian

a V

illa

mo

nte

Juliana Villamonte

Movimiento:

Page 32: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Juliana Villamonte

Interactividad: es la capacidad que tiene elusuario de interactuar con el gráfico o de navegarpor él. Se logra gracias a los botones denavegación u otros elementos que permiten laconexión delas distintas partes que forman lainfografía, de manera que el lector puede iraccediendo a ellas según le interese. Fuente:Disponible en:<http://www.elmundo.es/elmundo/2006/graficos/ago/s3/palencia.html .

Page 33: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Juliana Villamonte

Hipertexto: Al igual que en el relato informativotextual, se refiere al uso de enlaces que permiten alusuario acceder desde la infografía a otro textos,sonidos… u otros elementos que forman parte de lapropia infografía o que están fuera de ella.

Se suele presentar "a modo de índice o sumario y alpasar por ellos el puntero del ratón se convierte enmano indicial u otro icono y se puede interactuar con elclic señalando el inicio de un nuevo panorama o unasecuencia cinemática de dibujos o fotografías y pasa aotra pantalla en laque se presenta el asuntoseleccionado" .

Page 34: Glosario sobre infografía j villamonte

Glosario InfográficoJu

lian

a V

illa

mo

nte

Juliana Villamonte

Proporción: Debe ser la

correcta y no se debe agrandarun elemento tanto a lo largocomo a lo ancho. Un elementoaumentado en las dosdimensiones no se habráduplicado, y en ese ejemplo seestaría distorsionando lainformación.

Unas proporciones armoniosas para el cuerpo, que estudiaron antes los griegos yromanos, las plasmó en este dibujo Leonardo da Vinci. Sirvió para ilustrar el libro LaDivina Proporción de Luca Pacioli editado en 1509.En dicho libro se describen cuales han de ser las proporciones de las construccionesartísticas. En particular, Pacioli propone un hombre perfecto en el que las relacionesentre las distintas partes de su cuerpo sean proporciones áureas.

Page 35: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Juliana Villamonte

Perspectiva: Puede otorgar atractivo al cuadro,

especialmente a los mapas. Se debe utilizar conmucho cuidado, respetando las medidas que en éstese coloquen. A pesar de vivir en un mundotridimensional, la bidimensionalidad se entiendemejor en la página impresa.

Page 36: Glosario sobre infografía j villamonte

Color: es uno de loselementosfundamentales y másevidentes del diseño yque puede dar carácter ysignificado a lasimágenes que se lesaplica.

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 37: Glosario sobre infografía j villamonte

En las artes gráficas tenemosdos grandes categorías conrespecto al color que son:imagen a color e imagen enblanco y negro.

Julia

na

Vill

am

on

te

Juliana Villamonte

Page 38: Glosario sobre infografía j villamonte

QuarkXpress: es un programa

de autoedición para ordenadores

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.

08/06/2012Juliana Villamonte

Julia

na

Vill

am

on

te

Page 39: Glosario sobre infografía j villamonte

Es Un programa informático de creación de

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.

08/06/2012Juliana Villamonte

Julia

na

Vill

am

on

te

Freehand:

Page 40: Glosario sobre infografía j villamonte

Corel Draw: es un

programa avanzado de edicióngráfica con funciones básicasde composición de páginas,utilizado en el ámbito de lasartes gráficas. Forma parte delpaquete de software CorelGraphics Suite y esdesarrollado por CorelCorporation.

08/06/2012Juliana Villamonte

Julia

na

Vill

am

on

te

Page 41: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Ilustrator: desarrollado y

comercializado por Adobe Systems, ha

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

Page 42: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Inkscape: es unaherramienta de dibujolibre y multiplataformapara gráficos vectorialesSVG. Es un programa desoftware libre que surgeen 2003. Lascaracterísticas de SVGsoportadas incluyenformas básicas, caminos,texto, canal alfa,transformaciones,gradientes, edición denodos, exportación deSVG a PNG, agrupación deelementos, etc.

08/06/2012 Juliana Villamonte

Page 43: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

Flash: es una aplicaciónen forma de estudio deanimación que trabajasobre “Fotogramas”destinado a la producción yentrega de contenidointeractivo sin importar laplataforma. Es unaherramienta de AdobeSystems, utiliza gráficosvectoriales e imágenesbitmap, sonido, código deprograma, flujo de vídeo yaudio bidireccional.

08/06/2012 Juliana Villamonte

Page 44: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

08/06/2012 Juliana Villamonte

Photoshop: esuna aplicacióndestinada a laedición, retoquefotográfico ypintura a base deimágenes demapa de bits. Esun software de lacasa AdobeSystems.

Page 45: Glosario sobre infografía j villamonte

Julia

na

Vill

am

on

te

08/06/2012 Juliana Villamonte

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-direccion>. Citado el 25/6/2012.Definición ABC de Infografía. Disponible en: http://www.definicionabc.com/comunicacion/infografia.phpLa Infografía un Encuentro para el Análisis: http://www.uhu.es/cine.educacion/periodico/12infografiaperiodico.htmInfografía Animada de MachuPichu. Disponible en: http://a.elcomercio.pe/infografia/machupicchu2011/index.htmlQue es la Infografía Periodística. Disponible en:< http://egaleradas.blogspot.com/2005/10/qu-es-la-infografa-periodstica-ap-ii.html >. Sánchez, José. La Infografía periodí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>.