Infografía. ¿Qué es y con qué se come?

Transcript

1. ¿Qué es y con qué se come? Antecedentes Definición ¿Cómo es y para qué sirve? Elementos Tipos Infografía en la red
2. Prehistoria • pinturas prehistóricas • petroglifos en el Paleolítico • código de Hammurabi de la cultura acadia Edad media • mapa de un tesoro Renacimiento • esquemas de funcionamiento de máquinas • esquema del sistema solar • cartas de navegación • cosmographia de Sebastian Münster • sistema de Descartes Siglo de las Luces • obras de Charles-Joseph Minard • tablas económicas de François Quesnay Siglo XX • mapa del metro de Londres de Henry Beck • planos de transporte público de las ciudades • plano de la casa de Blight en la ribera del Támesis Antecedentes ¿Quieres ver algunos ejemplos?
3. «Desde los inicios de la humanidad la imagen ha estado ligada al ser humano y a la comunicación, no hay más que detenernos a observar los restos de pinturas prehistóricas como las cuevas de Altamira para descubrir cómo nuestros ancestros dejaban su impronta en el tiempo. A estas imágenes les han seguido a lo largo de los siglos una serie de sistemas para comunicar la información donde se unía información e imagen como los petroglifos en el Paleolítico o el código de Hammurabi de la cultura acadia en el s. XVIII a. C. [...] Durante la época del Renacimiento se inicia un proceso de cambio donde la religión va dando paso a la razón y donde la imagen y los datos siguen desarrollándose en el campo de la cartografía con la Cosmographia de Sebastian Münster o la astronomía con el sistema de Descartes. En el Siglo de las Luces aparecen numerosos estudios y ciencias que favorecerán la expansión de las infografías como las obras de Charles-Joseph Minard y las tablas económicas de François Quesnay». С самого начала существования человечества изображение было связано с человеком и процессом общения, ведь стоит лишь взглянуть на остатки наскальных рисунков, например, в пещерах Альтамира, чтобы увидеть, как наши предки запечатлели свой отпечаток во времени. На протяжении веков за этими изображениями следовал ряд способов передачи информации, например, петроглифы в палеолите или код Хаммурапи аккадской культуры в XVIII в. до н. э., когда были объединены информация и образы [...]. В эпоху Возрождения религия уступает место разуму, а картинка / изображение и информационные данные продолжают развиваться в области картографии примерами чего являются Космография Себастьяна Мюнстера или система Декарта в астрономии. В эпоху Просвещения проводятся многочисленные научные исследования, которые будут способствовать развитию инфографики. Это работы Шарля-Жозефа Минара и экономические таблицы Франсуа Кесне.
11. Visualización • combinación de textos y de imágenes • composición de imagen y palabra • técnica de elaboración de imágenes mediante ordenador • representaciones gráficas • cuadro gráfico • modo de presentar la información de forma icónica y textual • síntesis de información • piezas gráficas de alto impacto visual • elemento ornamental e informativo • visualización de datos Herramienta • herramienta que armoniza la utilidad con visualidad • herramienta visual • recurso específico • material de enseñanza • recurso educativo • herramienta de aprendizaje • herramienta para abordar contenidos • recurso para explicar procedimientos • aportación informativa • base para la comprensión • complemento innovador Definición ¿Quieres ver algunos ejemplos?
12. «La infografía es una combinación de textos y de imágenes sintéticas, explicativas y fáciles de entender, con el fin de comunicar información de manera visual para facilitar su transmisión. [...] Un buen cuadro gráfico debe ser sencillo, completo, ético, bien diseñado y adecuado con la información que presenta. [...] Por tanto, la infografía debe ser, simplemente, una herramienta que armonice utilidad con visualidad, con el fin último de comprender la información» Инфографика представляет собой простое для понимания синтетическое сочетание текстов и изображений, целью которого является визуальное представление информации для облегчения ее понимания при передаче. [...] Хорошая диаграмма должна быть несложной, содержательной, отвечать этическим нормам, быть хорошо организованной и соответствовать той информации, которую представляет. [...] Таким образом, инфографика должна быть инструментом, сочетающим в себе полезность и визуальность, конечная цель которого облегчить понимание информации.
15. Características • informativa • significativa • funcional • estética • comprensible • icónica • tipográfica • сoncordante Objetivos • visualización • popularización • atracción • comprensión • sistematización • simplificación • retención • exposición • explicación ¿Cómo es y para qué sirve? ¿Quieres ver algunos ejemplos?
16. «Características de la infografía en prensa: informativa, significativa, funcional, estética, comprensible, icónica, tipográfica y concordante. En lo que a sus objetivos se refiere: visualización, popularización, atracción, comprensión, sistematización, simplificación, retención, exposición y explicación de la información» Специфические характеристики инфографики в прессе: информативная, значимая, эффективная, эстетическая, понятная, знаковая, типографская и согласованная. Что касается преследуемых ею целей, то это: визуализация, популяризация, привлечение внимания, осмысление, систематизация, упрощение данных, удержание внимания, изложение и объяснение информации.
17. Elementos Unidades gráficas elementales • textos • números • Iconos Unidades gráficas adicionales • adornos figurativos y abstractos • dibujos figurativos • fotografías • recuadros, líneas y puntos de conducción • tramados y fondos • notas o leyendas • infogramas • mapas, planos y recintos • tablas de textos o números • estudios temáticos Contenido • titulares • tema • fuentes • precisión • concisión • nivel de vinculación con la noticia ¿Quieres ver algunos ejemplos?
18. «Los textos son necesarios en la producción de una infografía, porque permiten diferenciar las ilustraciones y las fotografías. [...] Los números suelen adoptar diversas formas, unas veces funcionan como notas con explicaciones laterales y otras como guía de informaciones secuenciales. [...] Se considera que los dibujos figurativos muchas veces sirven para suplir a las fotografías» Тексты необходимы при создании инфографики, поскольку они позволяют отличить иллюстрации от фотографий. [...] Цифры часто принимают различные формы: либо являют собой примечания с дополнительными пояснениями, либо используются в качестве списков для последовательного представления информации. [...] Фигуративные рисунки часто заменяют фотографии. «Cuando se habla sobre el contenido periodístico de una infografía, se deben analizar algunos aspectos como los tipos de titulares que se utilizan, el tema tratado, las fuentes utilizadas, la precisión, la concisión y el nivel de vinculación de la información con la infografía presentada» Говоря о журналистском содержании инфографики, следует принимать во внимание такие ее аспекты, как типы используемых заголовков, тематику, источники, точность, краткость и степень соответствия информации представленной инфографике.
24. Individuales • documentales • escénicas • ubicativas • сomparativas Tipos de infografía comparativa • espaciales • posicionales Colectivas • comparativas • documéntales Tipos ¿Quieres ver algunos ejemplos?
25. «Las infografías individuales son aquellas que abarcan un único tema y son fáciles de distinguir, porque no presentan dobles títulos ni recuadros internos separadores que no sean los infogramas. [...] Las infografías comparativas permiten diferenciar diversos elementos o alguna de sus partes» Тематические инфографики охватывают одну тему, их легко воспринять, поскольку они не имеют двойных заголовков или внутренних тематических блоков, отличных от самой темы инфографики. [...] Сравнительные инфографики позволяют дифференцировать между собой составляющие их элементы или выделить какую-то одну их часть.
28. Infografía en la red Ranking mundial de Alexa • Pinterest • Fast Company • Reddit • Daily Infographic • Visual.ly Páginas webs más específicas • Visualoop • Visualising data • Visual capitalist • Information is beautiful Herramientas online de creación • Genially • Vizualize • Visme • Infogram • Canva • Easel.ly • Piktochart • Venngage Herramientas profesionales • WebGL • Quadrigram • Prefuse Flare • Nodebox