<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.3" -->
<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/"
	>

<channel>
	<title>:bagatelas</title>
	<link>http://www.masterdigitalmediadesign.com/marc</link>
	<description>Blog de Marc Díez sobre Diseño de Interacción y otras hierbas</description>
	<pubDate>Mon, 09 Jun 2008 21:18:21 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3</generator>
	<language>en</language>
			<item>
		<title>Pierna, pelo, piel</title>
		<link>http://www.masterdigitalmediadesign.com/marc/pierna-pelo-piel/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/pierna-pelo-piel/#comments</comments>
		<pubDate>Sun, 08 Jun 2008 22:49:50 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[ilustración]]></category>

		<category><![CDATA[pensamiento]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/pierna-pelo-piel/</guid>
		<description><![CDATA[


Coincidiendo con los premios Laus de diseño gráfico, HP puso a disposición de los visitantes de la exposición una impresora con papel de 1m de ancho. Preparé para la ocasión Pierna, pelo, piel, una pierna con montones de dibujitos repartidos por ella.


La cosa se hizo a lo largo de un fin de semana y directamente [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_s.jpg" title="Pierna, pelo, piel"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna.jpg" title="Pierna, pelo, piel"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_s.jpg" alt="Pierna, pelo, piel" /></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_a0.jpg" title="Foto de Pierna, pelo, piel a tamaño real"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_a0_s.jpg" alt="Foto de Pierna, pelo, piel a tamaño real" /></a></p>
<p>Coincidiendo con los premios <a href="http://www.adg-fad.org/laus.php?pg=home" title="Laus - Premios de Diseño Gráfico">Laus</a> de diseño gráfico, HP puso a disposición de los visitantes de la exposición una impresora con papel de 1m de ancho. Preparé para la ocasión <em>Pierna, pelo, piel</em>, una pierna con montones de dibujitos repartidos por ella.</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_corel.jpg" title="Dibujando en Corel Draw"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_corel.jpg" title="Dibujando en Corel Draw"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_corel_s.jpg" alt="Dibujando en Corel Draw" /></a></p>
<p>La cosa se hizo a lo largo de un fin de semana y directamente en ordenador con ratón o el trackpad del portátil, en el programa de edición vectorial Corel Draw (similar a Freehand e Illustrator). Los monigotes que aparecen van desde una chica bailarina durante una comunión a un organillo estridente del metro o los animales de <em>Rebelión en la granja </em>de Orwell.</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_corel2.jpg" title="Zoom"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_corel2.jpg" title="Zoom"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/06/pierna_corel2_s.jpg" alt="Zoom" /></a></p>
<p>Resulta extraño dibujar de esta manera ya que el acto está fuertemente condicionado por el medio. El ratón como dispositivo de entrada se interpone entre la mano y el trazo, haciendo de todo el proceso un trabajo simplemente por el peso de acciones que soporta el cursor: trazar lineas, seleccionar iconos, desplazar la vista, hacer zoom, etc. Por supuesto, el trazo resultante no es más que una aproximación al movimiento de mi mano, filtrado y geometrizado por el programa. ¿Quien está dibujando realmente?</p>
<p>A todo ello se superpone la cuestión de escala y espacio. Dibujo sobre un papel digital de 1m de ancho por algo más de metro y medio de largo, con un zoom del 1600% o 3200%, trazando vectores en una pantalla de resolución 1680&#215;1050 píxeles. Los vectores permiten infinito detalle al no ser más que puntos unidos por líneas, pero ese detalle se sublima al nivel de zoom que aplique a la hora de dibujar.</p>
<p>El resultado es un dibujo que tanto impreso como en pantalla resulta fragmentario: o observas el conjunto de la pierna, perdiendo el detalle de cada monigote, o concentras tu atención en éstos. No puedes ver ambos a la vez. Por suerte los pelos contextualizan y hacen de puente entre el detalle y el conjunto.</p>
<p><font color="#999999"><em> Foto cortesía de Nuria</em> </font></p>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/pierna-pelo-piel/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Retinas sonoras</title>
		<link>http://www.masterdigitalmediadesign.com/marc/retinas-sonoras/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/retinas-sonoras/#comments</comments>
		<pubDate>Mon, 26 May 2008 22:39:02 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[diseño]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/retinas-sonoras/</guid>
		<description><![CDATA[
El pasado 8 de mayo se presentó en la Plaça de la Mercé de Barcelona el proyecto Retinas sonoras, enmarcado dentro del festival de videoarte Loop. Consistía en una sesión de VJ + DJ, en el que los vídeos fueron preparados por alumnos del Máster en Diseño Multimedia de Elisava. El tema central era la [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/retines_5.jpg" alt="Cartel - Retinas sonoras" /></p>
<p>El pasado 8 de mayo se presentó en la Plaça de la Mercé de Barcelona el proyecto <em>Retinas sonoras, </em>enmarcado dentro del festival de videoarte <a href="http://www.loop-barcelona.com/" title="Festival Loop de videoarte">Loop</a>. Consistía en una sesión de VJ + DJ, en el que los vídeos fueron preparados por alumnos del Máster en Diseño Multimedia de Elisava. El tema central era la ciudad y las distintas visiones que de esta tienen las personas, desde el habitante al turista, pasando por el inmigrante o el científico.</p>
<p align="center"><a href="http://www.vimeo.com/1070103" title="Cortinillas de Retinas sonoras - Ver vídeo"></a></p>
<p style="text-align: center"><a href="http://www.vimeo.com/1070103" title="Cortinillas de Retinas sonoras - Ver vídeo"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/retines_1.jpg" alt="Ver vídeo - Retinas Sonoras" /></a></p>
<p align="center"> <a href="http://www.vimeo.com/1070103" title="Cortinillas de Retinas sonoras - Ver vídeo">Cortinillas de Retinas sonoras - Ver vídeo</a></p>
<p>Así, junto con Sara y <a href="http://www.p--h.net/" title="Pedro Hugo - portafolio">Pedro Hugo</a> además de Edu y Mafe, nos encargamos de la parte gráfica del asunto, tanto el póster como las cortinillas que separaban y presentaban las diferentes visiones de la ciudad. El requisito principal era que tuviesen un aspecto uniforme y neutro, para adaptarse al resto de vídeos sin contaminarlos.</p>
<p align="center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/retines_2.JPG" alt="Sara y Marc con Pedro Hugo al fondo." /></p>
<p align="center">Animando junto a Sara, con Pedro Hugo al fondo.</p>
<p>Decidimos aprovechar las cualidades del papel vegetal, jugando con la transparencia y el desenfoque. Imprimimos una letra por hoja y las animamos fotograma a fotograma mediante stop-motion. La tipografía es <a href="http://en.wikipedia.org/wiki/Akzidenz_Grotesk" title="Akzidenz Grotesk - Wikipedia">Akzidenz Grotesk</a>.</p>
<p>El escenario de la proyección fue inmejorable: una pantalla de 15m² en la fachada de Elisava.</p>
<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/retines_4.JPG" alt="Plaça de la Mercé de noche" /></p>
<p align="center">15m² de día&#8230;</p>
<p align="center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/retines_3.JPG" alt="Plaça de la Mercé de dia" /></p>
<p align="center">&#8230;y de noche.</p>
<p align="left">A continuación, el texto con el que se presentó el proyecto:</p>
<blockquote>
<p align="left">Una pequeña red de interfícies reactivas al sonido será la presentación de los alumnos del Máster de Digital Media Design de la escuela Elisava. Los visuales jugarán con la ilustración del sonido, pensado especialmente para un set de Dj, como contrapartida, será el sonido el que actúe con las imágenes. La narración de historias en el formato audiovisual es uno de los paradigmas en los que se centrará la performance.</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/retinas-sonoras/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Tarragona en clau d&#8217;il.lustració</title>
		<link>http://www.masterdigitalmediadesign.com/marc/tarragona-en-clau-dillustracio/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/tarragona-en-clau-dillustracio/#comments</comments>
		<pubDate>Fri, 16 May 2008 10:50:03 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[ilustración]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/tarragona-en-clau-dillustracio/</guid>
		<description><![CDATA[ 

El pasado viernes 9 de mayo se presentó en la Escola d&#8217;Art de Tarragona el catálogo Tarragona en clau d&#8217;il.lustració, que recoge los cinco primeros años de esta disciplina en la escuela, estrenada en el 2001. Presenta los trabajos de diversos alumnos, además de los profesionales que han pasado por allí.
De la presentación me [...]]]></description>
			<content:encoded><![CDATA[<p> <a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_ilustracio_s.jpg"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_ilustracio.jpg" title="Portada del catálogo "><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_ilustracio_s.jpg" /></a></p>
<p>El pasado viernes 9 de mayo se presentó en la <a href="http://www.eadt.altanet.org/" title="EADT - Escola d'Art de Tarragona">Escola d&#8217;Art de Tarragona</a> el catálogo <em>Tarragona en clau d&#8217;il.lustració</em>, que recoge los cinco primeros años de esta disciplina en la escuela, estrenada en el 2001. Presenta los trabajos de diversos alumnos, además de los profesionales que han pasado por allí.</p>
<p>De la presentación me quedo con dos detalles: Lluís Vives, director de la escuela, mencionó lo arriesgado que fue en aquel 2001 arrancar este ciclo formativo cuando el centro no estaba en su mejor momento. Y el contraste, siete años después, con un comentario a título personal de Àngel Sauret, profesor de proyectos de ilustración: antaño se producía un viaje unidireccional de alumnos salidos de ilustración hacia el curso de diseño; ahora los graduados en diseño buscan la ilustración como complemento. Precisamente esta bidireccionalidad es la que me condujo, en el 2003, a estudiar ilustración.</p>
<p>Respecto al catálogo, es notable que se dediquen una doble página a cada alumno, dando cabida a trabajos de diferente índole. Por otra parte, y sabiendo de lo limitado de los presupuestos en estos casos, se podría haber buscado crear un libro-objeto, un paso más allá de la mera recolección de imágenes. Usar papel mate, de tacto ligeramente texturado, y cubiertas de mayor gramaje. La idea de la llave en portada es correcta, pero el azul junto con la textura de fondo me resulta desacertado. ¿Que tal quedaría un color crudo, casi blanco?</p>
<p>Y para acabar, una muestra:</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_angel.jpg" title="Àngel García"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_angel.jpg" title="Àngel García"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_angel_s.jpg" /></a></p>
<p align="center">Àngel García</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_cinta.jpg" title="Cinta Fosch"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_cinta.jpg" title="Cinta Fosch"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_cinta_s.jpg" /></a></p>
<p align="center">Cinta Fosch</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/tarragona-en-clau-dillustracio/182/" rel="attachment wp-att-182"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_lydia.jpg" title="Lydia Fortuna"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_lydia_s.jpg" /></a></p>
<p align="center">Lydia Fortuna</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_joan_s.jpg" title="Joan Tarés"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_joan.jpg" title="Joan Tarés"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_joan_s.jpg" /></a></p>
<p align="center">Joan Tarés</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_xavi_s.jpg" title="Xavi Oliach"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_xavi.jpg" title="Xavi Oliach"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_xavi_s.jpg" /></a></p>
<p align="center">Xavi Oliach</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_marc_s.jpg" title="Marc Díez"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_marc.jpg" title="Marc Díez"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/05/eadt_marc_s.jpg" /></a></p>
<p align="center">y el que suscribe.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/tarragona-en-clau-dillustracio/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Invitación de boda</title>
		<link>http://www.masterdigitalmediadesign.com/marc/invitacion-de-boda/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/invitacion-de-boda/#comments</comments>
		<pubDate>Tue, 29 Apr 2008 14:25:39 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[diseño]]></category>

		<category><![CDATA[visualización]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/invitacion-de-boda/</guid>
		<description><![CDATA[
Iker y Vicky me encargaron el diseño de su invitación de boda en el mismo momento en que nos anunciaron que se casaban. Tenía vía libre para hacer cualquier cosa con tal de que les gustase, así que utilicé mi recién descubierta pasión por la visualización de información como trasfondo.


En la parte frontal, los famosos [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/ikervicky.jpg" alt="IkerVicky - Invitación de boda" /></p>
<p>Iker y Vicky me encargaron el diseño de su invitación de boda en el mismo momento en que nos anunciaron que se casaban. Tenía vía libre para hacer cualquier cosa con tal de que les gustase, así que utilicé mi recién descubierta pasión por la visualización de información como trasfondo.</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/ikervicky_exterior.png" title="IkerVicky - exterior"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/ikervicky_exterior.png" title="IkerVicky - exterior"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/ikervicky_exterior_s.png" alt="IkerVicky - exterior" /></a></p>
<p>En la parte frontal, los famosos pictogramas <em>hombre</em> y <em>mujer</em> de Otl Aicher, vestidos para la ocasión. Aicher creó los pictogramas para las <a href="http://www.flickr.com/photos/grainspace/2400599006/" title="Pictogramas de Munich '72">olimpiadas de Munich &#8216;72</a>. Por encima del pliegue, el recorrido de la pareja: Se conocen, viven juntos, se hacen pareja de hecho y anuncian su boda.</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/ikervicky_interior.png" title="IkerVicky - interior"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/ikervicky_interior.png" title="IkerVicky - interior"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/ikervicky_interior_s.png" alt="IkerVicky - interior" /></a></p>
<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/ikervicky_mapa.jpg" alt="Mapa de Reus al restaurante" /></p>
<p>En el interior se sitúa, sobre un mapa, la información referente al lugar de enlace y del restaurante. Y para quitar hierro a la información bancaria (tema siempre difícil), un detalle simpático: la hucha con forma de cerdito.</p>
<p>La tipografía es <a href="http://www.myfonts.com/fonts/fontfont/ff-meta/book-roman/" title="Meta Book en MyFonts">Meta Book</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/invitacion-de-boda/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Zen intermitente</title>
		<link>http://www.masterdigitalmediadesign.com/marc/zen-intermitente/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/zen-intermitente/#comments</comments>
		<pubDate>Mon, 21 Apr 2008 12:08:16 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[factor humano]]></category>

		<category><![CDATA[interfaz]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/zen-intermitente/</guid>
		<description><![CDATA[
Desde hace unos meses este Zen Stone, un pequeño reproductor de MP3, me acompaña en mis viajes de autobús. Es un producto de gama baja, y por ello carece de pantalla. Su único output, además del sonido a través de los auriculares, es un pequeño led a la izquierda de la palabra &#8220;Zen&#8221;. Resulta curioso [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/zen_stone.jpg" alt="Zen Stone" /></p>
<p>Desde hace unos meses este <strong>Zen Stone</strong>, un pequeño reproductor de MP3, me acompaña en mis viajes de autobús. Es un producto de gama baja, y por ello carece de pantalla. Su único <em>output</em>, además del sonido a través de los auriculares, es un pequeño <em>led </em>a la izquierda de la palabra &#8220;Zen&#8221;. Resulta curioso ver la cantidad de mensajes que se intentan transmitir a través de él:</p>
<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/zen.jpg" alt="Instrucciones de Zen Stone" /></p>
<p>Un total 12 mensajes diferentes, correspondientes a 3 colores y distintos niveles de intermitencia o parpadeo. Es evidente que resultan excesivos, pero además hay una serie de incongruencias con el funcionamiento de los <em>leds</em> en otros dispositivos:</p>
<ul>
<li>En las minicadenas el contador de tiempo es fijo cuando está reproduciendo y parpadea al pausar. El significado del <em>led</em><strong> verde fijo e intermitente </strong>está invertido, ya que parpadea al reproducir.</li>
<li>Al color <strong>rojo</strong>, que debería estar limitado a indicar un nivel de batería bajo, se le han añadido <strong>triple parpadeo </strong>que señala, a su vez, tres mensajes diferentes. Uno de ellos indica volumen máximo, que podría sustituirse con un breve pitido en los auriculares.</li>
<li>El uso del tres tipos de parpadeo en<strong> naranja</strong> es innecesario. Luz fija naranja durante la carga y verde al llegar al máximo sería suficiente.</li>
</ul>
<p>A título comparativo, el iPod shuffle usa el rojo sólo para indicar carga de batería baja. <a href="http://manuals.info.apple.com/en/iPod_shuffle_Features_Guide.pdf" title="PDF - Manual de iPod shuffle">En la página 8 del manual</a> se encuentra la tabla explicativa.</p>
<p><strong>De carpeta en carpeta </strong></p>
<p>Este tipo de reproductores sin pantalla esta pensado para oír la música de forma aleatoria. Pero en el caso de la música clásica no tiene sentido, y tampoco si se quiere oír discos completos desde el principio. Zen Stone incorpora un botón para saltar de carpeta en carpeta, lo cual resulta en una de cal y otra de arena:</p>
<ul>
<li>Cal, porque se agiliza el paso de un disco a otro.</li>
<li>Arena, porque requiere de mayor organización por parte del usuario, y supone esperar, cada vez que se pulsa el botón, a que suene la primera pista para saber si hemos llegado a la carpeta deseada.</li>
</ul>
<p>En mi caso, he organizado las carpetas por géneros:</p>
<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/zen_stone_directorio.png" alt="Directorio del Zen Stone" /></p>
<p>Es la razón por la que este tipo de reproductores no suele pasar de 1Gb ya que a mayor capacidad, más difícil es organizar y encontrar la música al escucharla.</p>
<p><strong>Muéstrame</strong></p>
<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/zen_stone_ipod.jpg" alt="La pinza del iPod shuffle" /></p>
<p>Y para terminar, una pequeña lección de diseño de producto. Algunos argumentos en contra de los iPod con pantalla se fundamentan en que para usarlos debes mirarlos y, por lo tanto, sacarlos del bolsillo o bolsa donde estén y de paso se muestran en público. Es por ello que iPod shuffle incorpora una pinza, para que no lo escondas. Evidentemente Apple quiere la mayor visibilidad posible de sus productos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/zen-intermitente/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Tetera</title>
		<link>http://www.masterdigitalmediadesign.com/marc/tetera/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/tetera/#comments</comments>
		<pubDate>Tue, 15 Apr 2008 12:46:44 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[ilustración]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/tetera/</guid>
		<description><![CDATA[

 Ver vídeo
Preparé este corto de animación para el festival Videofreqüencies que se celebra en el Centre d&#8217;Art Cal Massó de Reus. Se muestra junto a otros vídeos de artistas locales.
Las canciones són Choral inappetissant, La balancoire y La peche de la série Sports &#38; Divertissements, cortesía de Erik Satie.
Se hizo con:

5 libretas
5 rotuladores
1 cámara [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.vimeo.com/826337" title="Tetera - Ver vídeo"></a></p>
<p style="text-align: center"><a href="http://www.vimeo.com/826337" title="Tetera - Ver vídeo"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/tetera.jpg" alt="Tetera - Ver vídeo" /></a></p>
<p style="text-align: center"><a href="http://www.vimeo.com/826337" title="Tetera - Ver vídeo"> Ver vídeo</a></p>
<p>Preparé este corto de animación para el festival <a href="http://museus.reus.net/contvar/modules.php?name=News&amp;file=article&amp;sid=731&amp;color=3" title="Videofreqüències">Videofreqüencies</a> que se celebra en el Centre d&#8217;Art Cal Massó de Reus. Se muestra junto a otros vídeos de artistas locales.</p>
<p>Las canciones són <em>Choral inappetissant</em>, <em>La balancoire</em> y <em>La peche</em> de la série <em>Sports &amp; Divertissements</em>, cortesía de Erik Satie.</p>
<p>Se hizo con:</p>
<ul>
<li>5 libretas</li>
<li>5 rotuladores</li>
<li>1 cámara de video</li>
<li>Adobe Premiere</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/tetera/feed/</wfw:commentRss>
		</item>
		<item>
		<title>¿Turista? Yo también</title>
		<link>http://www.masterdigitalmediadesign.com/marc/%c2%bfturista-yo-tambien/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/%c2%bfturista-yo-tambien/#comments</comments>
		<pubDate>Fri, 11 Apr 2008 13:46:58 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[fotografía]]></category>

		<category><![CDATA[pensamiento]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/%c2%bfturista-yo-tambien/</guid>
		<description><![CDATA[(This photos) confirm the theory that tourist photography mainly serves the purpose of confirmation and not of discovery.
All-Inclusive. A Tourist World, artículo en We make money not art al respecto de una exposición del mismo nombre. Como turista cada vez tengo menos ganas de serlo, debido a las razones que Guy Debord ya apuntó en [...]]]></description>
			<content:encoded><![CDATA[<blockquote>(This photos) confirm the theory that tourist photography mainly serves the purpose of confirmation and not of discovery.</p></blockquote>
<p><a href="http://www.we-make-money-not-art.com/archives/2008/04/tourism-has-long-since-become.php" title="All-Inclusive. A Tourist World">All-Inclusive. A Tourist World</a>, artículo en We make money not art al respecto de una exposición del mismo nombre. Como turista cada vez tengo menos ganas de serlo, debido a las razones que Guy Debord ya apuntó en <a href="http://es.wikipedia.org/wiki/La_sociedad_del_espect%C3%A1culo" title="La sociedad del espectáculo"><em>La sociedad del espectáculo</em></a> (1967):</p>
<blockquote><p>Tourism -human circulation considered as consumption- is fundamentally nothing more than the leisure of going to see what has become banal.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/%c2%bfturista-yo-tambien/feed/</wfw:commentRss>
		</item>
		<item>
		<title>La interfaz como imagen de marca</title>
		<link>http://www.masterdigitalmediadesign.com/marc/la-interfaz-como-imagen-de-marca/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/la-interfaz-como-imagen-de-marca/#comments</comments>
		<pubDate>Thu, 10 Apr 2008 15:19:06 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[interfaz]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/la-interfaz-como-imagen-de-marca/</guid>
		<description><![CDATA[The cheeseburger as has the easiest food interface one could think of. No forks, no knives, no spoons, no plates, no chopsticks. Like a sandwich, but softer and sweeter and above all: Standardized.
Porque lo verdaderamente importante de una marca es cómo interactuamos con ella. Más en The interface of a cheeseburger de Information Architects.
]]></description>
			<content:encoded><![CDATA[<blockquote>The cheeseburger as has the easiest food interface one could think of. No forks, no knives, no spoons, no plates, no chopsticks. Like a sandwich, but softer and sweeter and above all: Standardized.</p></blockquote>
<p>Porque lo verdaderamente importante de una marca es cómo interactuamos con ella. Más en <a href="http://informationarchitects.jp/the-interface-of-a-cheeseburger/" title="The interface of a cheeseburger">The interface of a cheeseburger</a> de Information Architects.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/la-interfaz-como-imagen-de-marca/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Libros, llibres, livres, books</title>
		<link>http://www.masterdigitalmediadesign.com/marc/libros-llibres-livres-books/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/libros-llibres-livres-books/#comments</comments>
		<pubDate>Sat, 05 Apr 2008 11:52:14 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[diseño]]></category>

		<category><![CDATA[factor humano]]></category>

		<category><![CDATA[interfaz]]></category>

		<category><![CDATA[internet]]></category>

		<category><![CDATA[visualización]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/libros-llibres-livres-books/</guid>
		<description><![CDATA[
Echando la vista atrás, ya en el ocaso del posgrado, veo que se nos han recomendado libros como para ocupar otros 6 meses leyéndolos:
In the bubble - John Thackara.
Psicología de los objetos cotidianos - Donald Norman.
El ordenador invisible - Donald Norman.
Designing interactions - Bill Moggridge.
The visual display of quantitative information - Edward Tufte.
Las leyes de [...]]]></description>
			<content:encoded><![CDATA[<p align="center"><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/libros.jpg" title="Libros"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/04/libros_s.jpg" alt="Libros" /></a></p>
<p>Echando la vista atrás, ya en el ocaso del posgrado, veo que se nos han recomendado libros como para ocupar otros 6 meses leyéndolos:</p>
<p><a href="http://www.thackara.com/inthebubble/">In the bubble</a> - John Thackara.</p>
<p><a href="http://librosylecturas.blogspot.com/2007/01/donald-norman-y-la-psicologa-de-los.html">Psicología de los objetos cotidianos</a> - Donald Norman.</p>
<p><a href="http://www.paidos.com/lib.asp?cod=70034">El ordenador invisible</a> - Donald Norman.</p>
<p><a href="http://www.amazon.com/Designing-Interactions-Bill-Moggridge/dp/0262134748/ref=pd_bxgy_b_text_b">Designing interactions</a> - Bill Moggridge.</p>
<p><a href="http://www.edwardtufte.com/tufte/books_vdqi">The visual display of quantitative information</a> - Edward Tufte.</p>
<p><a href="http://www.gedisa.com/libroimpres.asp?CodigoLibro=000115">Las leyes de la simplicidad</a> - John Maeda.</p>
<p><a href="http://www.libreriapaidos.com/libros/3/847509836.asp?TipoBusqueda=101">Observaciones sobre los colores </a>- Ludwig Wittgenstein.</p>
<p><a href="http://www.tarahumaralibros.com/libro/?id=55646">Rizoma</a> - Gilles Deleuze, Félix Guattari.</p>
<p><a href="http://latormentaenunvaso.blogspot.com/2006/08/potica-musical-igor-stravinski.html">Poética musical</a> - Igor Stravinsky.</p>
<p><a href="http://www.mediateletipos.net/archives/59">Silencio</a> - John Cage.</p>
<p><a href="http://www.amazon.com/Ocean-Sound-David-Toop/dp/1852427434">Ocean of sound</a> - David Topp.</p>
<p><a href="http://archives.obs-us.com/obs/english/books/nn/bdcont.htm">Being digital</a> - Nicholas Negroponte.</p>
<p><a href="http://en.wikipedia.org/wiki/The_World_is_Flat">The world is flat</a> - Thomas L. Friedman.</p>
<p><a href="http://creativeclass.com/whos_your_city/">Who&#8217;s your city?</a> - Richard Florida.</p>
<p><a href="http://www.smartmobs.com/">Smart mobs</a> - Howard Rheingold.</p>
<p><a href="http://www.amazon.com/Ghost-Map-Steven-Johnson/dp/1594489254">The ghost map</a> - Steven Johnson.</p>
<p><a href="http://www.amazon.com/Search-Rewrote-Business-Transformed-Culture/dp/B000QRIHXE/ref=pd_bbs_sr_1?ie=UTF8&amp;s=books&amp;qid=1201644931&amp;sr=1-1" rel="nofollow">The Search: How Google and Its Rivals Rewrote the Rules of Business and Transformed Our Culture</a> - John Battelle.</p>
<p><a href="http://www.freakonomics.es/">Freakonomics</a> -  Steven D. Levitt, Stephen J. Dubner.</p>
<p><a href="http://en.wikipedia.org/wiki/Life:_A_User's_Manual">Life: a user&#8217;s manual</a> - Georges Perec.</p>
<p><a href="http://www.barcelona2004.org/esp/actualidad/biblioteca/biblioteca_selecta/ficha.cfm?lnkBiblioteca=43&amp;txtCategoria=Todas%20las%20categor%26iacute%3Bas">La sociedad del espectáculo</a> - Guy Debord.</p>
<p><a href="http://mitpress.mit.edu/catalog/item/default.asp?tid=10603&amp;ttype=2">Shaping things</a> - Bruce Sterling.</p>
<p><a href="http://en.wikipedia.org/wiki/The_Wisdom_of_Crowds">The wisdom of crowds</a> - James Surowiecki.</p>
<p><a href="http://www.thelongtail.com/">The long tail</a> - Chris Anderson.</p>
<p><a href="http://richarddawkins.net/godDelusion">The god delusion</a> - Richard Dawkins.</p>
<p><a href="http://www.masdearte.com/libro_st.cfm?libroid=192&amp;y=2007">Estética relacional</a> - Nicolas Bourriaud.</p>
<p><a href="http://es.wikipedia.org/wiki/1984_(novela)">1984</a> - George Orwell.</p>
<p><a href="http://es.wikipedia.org/wiki/Un_mundo_feliz">Un mundo feliz</a> - Aldous Huxley.</p>
<p><a href="http://www.imaginaryfutures.net/">Imaginary futures</a> - Richard Barbrook.</p>
<p><font color="#999999"><em>Ilustración creada con <a href="http://amaztype.tha.jp/" title="Amaztype">Amaztype</a>.</em></font></p>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/libros-llibres-livres-books/feed/</wfw:commentRss>
		</item>
		<item>
		<title>re:eclipsi, visualizando una lista de correo</title>
		<link>http://www.masterdigitalmediadesign.com/marc/reeclipsi-visualizando-una-lista-de-correo/</link>
		<comments>http://www.masterdigitalmediadesign.com/marc/reeclipsi-visualizando-una-lista-de-correo/#comments</comments>
		<pubDate>Sun, 09 Mar 2008 16:34:28 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
		
		<category><![CDATA[visualización]]></category>

		<guid isPermaLink="false">http://www.masterdigitalmediadesign.com/marc/reeclipsi-visualizando-una-lista-de-correo/</guid>
		<description><![CDATA[

Ver re:eclipsi
re:eclipsi es una visualización de los emails enviados a la lista de correo del posgrado. Giovanni y yo lo desarrollamos en el taller de visualización de datos que dirigieron Cristóbal y Xavi.
La aplicación muestra los emails enviados durante el mes de noviembre. Cada bola es un email, y su tamaño indica el número de [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/02/reeclipsi1_s.png" title="re:eclipsi - inicio"></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/processing_ex/reeclipsi/" title="Ver re:eclipsi"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/02/reeclipsi1_s.png" alt="re:eclipsi - inicio" /></a></p>
<p style="text-align: center"><a href="http://www.masterdigitalmediadesign.com/marc/processing_ex/reeclipsi/" title="Ver re:eclipsi">Ver re:eclipsi</a></p>
<p><em>re:eclipsi </em>es una visualización de los emails enviados a la lista de correo del posgrado. <a href="http://www.skyapnea.com/" title="Skyapnea">Giovanni</a> y yo lo desarrollamos en el taller de visualización de datos que dirigieron <a href="http://www.aerstudio.com/" title="Aer Studio">Cristóbal</a> y Xavi.</p>
<p>La aplicación muestra los emails enviados durante el mes de noviembre. Cada bola es un email, y su tamaño indica el número de respuestas que ha tenido. El círculo central está dividido en 30 partes, correspondientes a los dias del mes. El dia 1 se situa arriba en el centro, y avanza en el sentido de las agujas del reloj. A simple vista se puede comprobar que hasta el dia 4 de noviembre la lista no estaba operativa, de ahí los tres primeros huecos.</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/02/reeclipsi2_s.png" title="re:eclipsi - animación"></a></p>
<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/02/reeclipsi2_s.png" alt="re:eclipsi - animación" /></p>
<p>Al pulsar ENTER se inicia la animación. El desplazamiento de las bolas indica la hora en que fueron enviadas, entre las 0:00 (tocando al círculo central) y las 23:59 (el extremo de las líneas). Las bolas sin relleno són las respuestas, y se desplazan según el tiempo transcurrido desde el email original.<a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/02/reeclipsi3_s.png" title="re:eclipsi - interacción"></a></p>
<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/02/reeclipsi3_s.png" alt="re:eclipsi - interacción" /></p>
<p> Una vez finalizada la animación, podemos señalar las bolas para ver información concreta como el dia y hora de envio, remitente y tema. Además se iluminan las pertenecientes al mismo hilo.</p>
<p><a href="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/02/reeclipsi4_s.png" title="re:eclipsi - detalle"></a></p>
<p style="text-align: center"><img src="http://www.masterdigitalmediadesign.com/marc/wp-content/uploads/2008/02/reeclipsi4_s.png" alt="re:eclipsi - detalle" /></p>
<p>Clickar sobre una bola nos permite navegar de manera ordenada por las respuestas a dicho hilo.</p>
<p>A pesar de que la información que muestra <em>re:eclipsi</em> es verídica, no ha sido posible obtenerla en tiempo real de la base de datos en donde se almacenan los emails, ya que no tenemos acceso a ella. De ahí que la visualización se centre sólo en el mes de noviembre.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.masterdigitalmediadesign.com/marc/reeclipsi-visualizando-una-lista-de-correo/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
