Download - Glosario sobre infografía j villamonte
Por: Juliana Villamonte
Julia
na
Vill
am
on
te
Juliana 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.
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
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.
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)
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
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
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
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
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)
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'.
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'.
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.
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.
.
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.
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.
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.
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.
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.
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.
Infografía Animada:
Julia
na
Vill
am
on
te
Juliana Villamonte
Infografía Animada:
Julia
na
Vill
am
on
te
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 otáctil. En los diseños, si no se utilizan bien pueden causarconfusiones o ilusiones ópticas.
Julia
na
Vill
am
on
te
Juliana 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
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
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
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
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.
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
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
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:
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 .
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" .
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.
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.
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
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
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
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:
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
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
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
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
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.
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>.