<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Metagrafic</title>
	<atom:link href="http://www.metagrafic.com/estudio/feed" rel="self" type="application/rss+xml" />
	<link>http://www.metagrafic.com/estudio</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Fri, 12 Mar 2010 10:55:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Joe Lertola: Infografía y Time</title>
		<link>http://www.metagrafic.com/estudio/archives/138</link>
		<comments>http://www.metagrafic.com/estudio/archives/138#comments</comments>
		<pubDate>Tue, 16 Feb 2010 17:33:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.metagrafic.com/estudio/?p=138</guid>
		<description><![CDATA[
Gráfico a doble página de la revista Time de la semana del 13 al 20 de agosto.  Bajar PDF.

El mismo gráfico, en versión digital interactiva.
JPÉREZ: La revista Time no suele llevar gráficos de gran tamaño. Lo normal es que use alguna tabla de estadísticas y un mapa en su sección &#8220;Dashboard&#8221; (algo así como [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://cuatrotipos.wordpress.com/files/2007/08/new-orleans-lertolapeq.jpg" alt="" width="266" height="175" /><br />
Gráfico a doble página de la revista Time de la semana del 13 al 20 de agosto. <strong><a href="http://cuatrotipos.wordpress.com/files/2007/08/new-orleans-lertola.pdf" target="_blank"> Bajar PDF.</a></strong></p>
<p><img src="http://cuatrotipos.wordpress.com/files/2007/08/graficotime2.jpg" alt="" /><br />
El mismo gráfico, en versión digital interactiva.</p>
<p><em><strong>JPÉREZ:</strong></em> La revista Time no suele llevar gráficos de gran tamaño. Lo normal es que use alguna tabla de estadísticas y un mapa en su sección &#8220;Dashboard&#8221; (algo así como &#8220;panel de instrumentos&#8221;, en castellano), pero de vez en cuando deja caer alguna infografía en gran formato en la cual lucen las virtudes de Joe Lertola, uno de los grandes infografistas del mundo. Bajo estas líneas, pueden ver uno de los típicos gráficos de Time.</p>
<p><img src="http://cuatrotipos.wordpress.com/files/2007/08/dashboard.jpg" alt="" /><br />
Típico gráfico de la sección &#8220;Dashboard&#8221;.</p>
<p><strong>EL GRAFICO DE NUEVA ORLEANS </strong></p>
<p>Su trabajo de la semana pasada fue un mapa de Nueva Orleans a doble página que acompaña la cabecera de este artículo, firmado conjuntamente con Jackson Dykman y Kristina Dell. No es uno de los más espectaculares, pero es un gran ejemplo de claridad, composición y síntesis de información.  Arriba, junto con el titular y la entradilla, pueden ver un mapa de concentración de poblacion antes y después del Katrina. Abajo, Joe y su equipo marcaron las barreras de contención de las crecidas del MIssissipi, los puntos en los cuales estas fallaron, la dirección del agua y las distintas alturas respecto al nivel del mar de la ciudad.</p>
<p>Pero hay más. La forma en la que Time ha construído la <strong><a href="http://www.time.com/time/2007/neworleansmap/" target="_blank">versión web de este mismo gráfico </a></strong>me parece otra lección de infografía digital. Claro, sencillo, útil.</p>
<p><a title="mapaflash" href="http://www.time.com/time/2007/neworleansmap/" target="_blank"><img src="http://cuatrotipos.wordpress.com/files/2007/08/graficotime1.jpg" alt="" /></a></p>
<p>Joe lleva muchos años en esto. Conservo un gráfico suyo sobre Barcelona, publicado en 1992 al alimón con <em><strong><a href="http://www.time.com/time/magazine/article/0,9171,977778,00.html?promoid=googlep" target="_blank">Paul Pugliese</a></strong></em>, en aquel entonces jefe de mapas de Time. En esa época todavía no usaba los grandes efectos de sombres y las tres dimensiones en sus ilustraciones, pero ya estaba situado en la punta de la lanza de la infografía mundial. En estos momentos lo tengo traspapelado en algún lugar de mi estudio, pero prometo rescatarlo y comentarlo. Por supuesto, las cosas han cambiado mucho desde entonces. El espectacular trabajo de Joe pueden verlo en su página personal<strong> <a href="http://www.joelertola.com/" target="_blank">(http://www.joelertola.com)</a>. </strong>Sus gráficos destacan por su gran sentido de la composición, su claridad y sus ilustraciones en prespectiva con un efecto de tres dimensiones. Mientras deciden si visitan o no visitan su página, bajo estas líneas tienen un pequeño adelanto. Joe Lertola, un saludo desde CuatroTipos:</p>
<p><a title="lerttola6" href="http://cuatrotipos.wordpress.com/files/2007/08/lertola6.jpg"><img src="http://cuatrotipos.wordpress.com/files/2007/08/lertola6.jpg" alt="lerttola6" width="270" height="170" /></a></p>
<p><a title="lertola5" href="http://cuatrotipos.wordpress.com/files/2007/08/lertola5.jpg"><img src="http://cuatrotipos.wordpress.com/files/2007/08/lertola5.jpg" alt="lertola5" width="273" height="171" /></a></p>
<p><a title="lertola4" href="http://cuatrotipos.wordpress.com/files/2007/08/lertola4.jpg"><img src="http://cuatrotipos.wordpress.com/files/2007/08/lertola4.jpg" alt="lertola4" width="277" height="170" /></a></p>
<p><a title="lertola3" href="http://cuatrotipos.wordpress.com/files/2007/08/lertola3.jpg"><img src="http://cuatrotipos.wordpress.com/files/2007/08/lertola3.jpg" alt="lertola3" width="279" height="184" /></a></p>
<p><a title="lertola2" href="http://cuatrotipos.wordpress.com/files/2007/08/lertola2.jpg"><img src="http://cuatrotipos.wordpress.com/files/2007/08/lertola2.jpg" alt="lertola2" width="280" height="212" /></a></p>
<p><a title="lertola1" href="http://cuatrotipos.wordpress.com/files/2007/08/lertola1.jpg"><img src="http://cuatrotipos.wordpress.com/files/2007/08/lertola1.jpg" alt="lertola1" width="281" height="180" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metagrafic.com/estudio/archives/138/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>THIS IS (NOT) A PRINTING OFFICE</title>
		<link>http://www.metagrafic.com/estudio/archives/1</link>
		<comments>http://www.metagrafic.com/estudio/archives/1#comments</comments>
		<pubDate>Mon, 25 Jan 2010 10:13:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.metagrafic.com/estudio/?p=1</guid>
		<description><![CDATA[Los tiempos interesantes
Las letras son por primera vez en la historia, infieles al papel. La información escrita ya fluye en más cantidad y más rápido por internet. Esa marea de palabras imposible de domar, más rápida, más analítica y en ocasiones más fácilmente contrastable, se cuela en el coto del antiguo formato. Como dice la [...]]]></description>
			<content:encoded><![CDATA[<h3>Los tiempos interesantes</h3>
<p>Las letras son por primera vez en la historia, infieles al papel. La información escrita ya fluye en más cantidad y más rápido por internet. Esa marea de palabras imposible de domar, más rápida, más analítica y en ocasiones más fácilmente contrastable, se cuela en el coto del antiguo formato. Como dice la maldición china: «que tus hijos vivan tiempos interesantes». Lo cierto es que aquí están. Y ya puestos con las citas, perdonen pero ahí va otra de Alberto Cairo en su libro<a href="http://www.albertocairo.com/infografia/noticias/2008/infografia20.html" target="_blank"><strong>«Infografía 2.0» (Alamut, 2008)</strong></a>: «Depende de los profesionales el incorporarse a esta revolución y sobrevivir, o quedarse anclados en las prácticas del ayer. Y extinguirse».</p>
<p>LA WEB Y LA COMUNICACIÓN<br />
Internet es un territorio vasto e inexplorado. Para los diseñadores hay un reto en dominar este mestizo formato. ¿Cómo presentar la información? <a href="http://cuatrotipos.wordpress.com/wp-admin/post.php?action=edit&amp;post=8280&amp;message=10" target="_blank"><strong>¿Cómo diferenciar tu mensaje? Una de las claves es, sin duda, explorar la visualización de la información. Otra es sorprender con el contenido.</strong> </a>Juntas son un arma de comunicación masiva: es tiempo de infografía e imagen en movimiento. Todo partió de la imagen, todo vuelve a la imagen.</p>
<p>PRIMERO LA IMAGEN Y AL FINAL LA IMAGEN<br />
Victor Hugo escribió en su ensayo «Viaje» en 1839: «Todas las letras empezaron siendo signos, y todos los signos empezaron siendo imágenes». Primero la imagen, luego el signo, después el alfabeto. Pero he aquí la infografía, que trasciende el poder comunicador del alfabeto.<a href="http://www.guardian.co.uk/media/2008/oct/27/digitalmedia" target="_blank"><strong> Tras evolucionar desde la imagen a la escritura de signos, volvemos de nuevo a elaborar un código visual.</strong></a></p>
<p>NUEVO CÓDIGO VISUAL<br />
Mientras, se gesta este nuevo código, pensado no sólo para leer, sino también para comprender mirando, <a href="http://www.233grados.com/blog/publicidad/" target="_blank"><strong>la inversión publicitaria en los medios tradicionales decae. </strong></a>Los publicistas miran a la tecnología y desvían sus cuentas de gasto hacia la red, con mensajes fabricados con imágenes, o deudores del cómic, el sonido y la letra impresa, todo ello fijo o en movimiento. Y es que las imágenes sorprendentes, combinadas con los gráficos pueden aportar pasión, información y análisis a la vez. T<a href="http://www.233grados.com/blog/2009/10/entrevista-directores-medios-online.html" target="_blank"><strong>odos los especialistas en diseño de prensa reclaman la sorpresa lo visual y la infografía como la última esperanza del negocio de la información masiva impresa. </strong></a>Para comunicar en esta vorágine ruidosa de conocimiento, la infografía será un poder tan grande como el alfabeto.</p>
<p><a href="../wp-content/uploads/2010/01/Isotype_neurath.jpg"><img title="Isotype_neurath" src="../wp-content/uploads/2010/01/Isotype_neurath.jpg" alt="" width="535" height="282" /></a></p>
<address>Los signos característicos de Isotype y Otto Neurath</address>
<p>EL PAPEL<br />
El viejo formato de papel ya vio crecer su capacidad de comunicación gracias a la visualización de datos. Primero fue la cartografía. El siglo XIX fue el de<a href="http://www.edwardtufte.com/tufte/minard" target="_blank"><strong> Minard y sus complejas gráficas</strong></a> de flujos,<strong><a href="http://www.eumed.net/cursecon/economistas/playfair.htm" target="_blank"> Playfair</a> </strong>y sus fiebres, <a href="http://en.wikipedia.org/wiki/John_Snow_%28physician%29" target="_blank"><strong>Snow</strong> </a>y su mapa del cólera. En los años veinte del siguiente siglo, fue <a href="http://images.google.es/images?q=isotype&amp;oe=utf-8&amp;rls=org.mozilla:es-ES:official&amp;client=firefox-a&amp;um=1&amp;ie=UTF-8&amp;ei=ZxciS4CbKZT-4Aa__dz4CQ&amp;sa=X&amp;oi=image_result_group&amp;ct=title&amp;resnum=4&amp;ved=0CCIQsAQwAw" target="_blank"><strong>Isotype</strong></a>, de Otto Neurath y el ilustrador <a href="http://www.gerdarntz.org/content/gerd-arntz" target="_blank"><strong>Gerd Arntz</strong></a>.  Ellos combinaron la <a href="http://en.wikipedia.org/wiki/Isotype_%28picture_language%29" target="_blank"><strong>armonía, la ilustración y la capacidad de síntesis para dar una visión de conjunto a grandes cantidades de datos y abrir nuevas puertas al conocimiento.</strong></a> Sus trabajos eran únicamente asunto de imprenta. Un papel impreso como éste era la suma expresión de la civilización. Somos la floreciente cultura masiva impresa. Vamos a la floreciente cultura digital.</p>
<p><a href="http://cuatrotipos.wordpress.com/files/2009/12/f3dsc_0003.jpg"><img title="F3DSC_0003" src="http://cuatrotipos.wordpress.com/files/2009/12/f3dsc_0003.jpg" alt="" width="270" height="407" /></a></p>
<p>THIS IS A PRINTING OFFICE<br />
En 1932, una treintañera estudiosa de las letras,<strong> <a href="http://www.google.es/imgres?imgurl=http://www.unostiposduros.com/wp-content/uploads/2008/09/beatrice_warde.jpg&amp;imgrefurl=http://www.unostiposduros.com/%3Fp%3D487&amp;h=200&amp;w=150&amp;sz=4&amp;tbnid=QaGzPT1_iyhFyM:&amp;tbnh=104&amp;tbnw=78&amp;prev=/images%3Fq%3Dbeatrice%2Bwarde&amp;usg=__MDZDk07XiCf1ZHfqhS-4J2V8RFY=&amp;ei=hWQiS_S_KIyz4QaSqNT2CQ&amp;sa=X&amp;oi=image_result&amp;resnum=8&amp;ct=image&amp;ved=0CCYQ9QEwBw" target="_blank">Beatrice Warde,</a></strong> escribió su famoso manifiesto para dar a conocer <a href="http://en.wikipedia.org/wiki/Perpetua_%28typeface%29" target="_blank"><strong>la Perpetua, </strong></a>de<a href="http://www.unostiposduros.com/?p=879" target="_blank"><strong> Eric Gill</strong></a>. El apasionado texto de Beatrice, (link a la wikipedia) que ha acabado grabado en bronce en <a href="http://www.gpo.gov/" target="_blank"><strong>al menos una fachada de un edificio oficial de Washington</strong></a> y en las imprentas y librerías de medio mundo anglosajón, se tituló <a href="http://www.nenne.com/typography/printingoffice.html" target="_blank"><strong>«This is a printing office»</strong></a>. Traduzco:</p>
<ul>
<li> «Cruce de civilizaciones. Refugio de las artes contra los estragos del tiempo. Arsenal de la verdad contra los murmullos y los rumores. Cuerno de la abundancia para el comercio. Desde este lugar, las palabras vuelan al exterior sin perecer entre las ondas sonoras, sin ser modificadas por la mano del escritor. Aquí permanecen invariables y certeras en el tiempo. (&#8230;).»</li>
</ul>
<p>Falta la frase final, pero ahora que la letra impresa ya no es presa única de imprentas y la gran cultura ya no viaja sólo en papel, me he permitido variarla en tres palabras que he puesto entre paréntesis: «(&#8230;) Amigo, usted está sobre tierra sagrada: (pero) esto (ya no) es una imprenta».<a href="http://www.metagrafic.com/estudio/wp-content/uploads/2010/01/Isotype_neurath.jpg"><img src="http://www.metagrafic.com/estudio/wp-content/uploads/2010/01/Isotype_neurath.jpg" alt="" title="Isotype_neurath" width="589" height="311" class="alignright size-full wp-image-131" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.metagrafic.com/estudio/archives/1/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

