<?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>Usabilidad y diseño en Colombia : Macromedios &#187; Diseño</title>
	<atom:link href="http://www.macromedios.net/category/diseno/feed" rel="self" type="application/rss+xml" />
	<link>http://www.macromedios.net</link>
	<description>Blog de Mauricio Hernández</description>
	<lastBuildDate>Sun, 01 Jan 2012 16:30:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Erik Spiekermann: Putting Back the Face into Typeface</title>
		<link>http://www.macromedios.net/diseno/erik-spiekermann-putting-back-the-face-into-typeface.html</link>
		<comments>http://www.macromedios.net/diseno/erik-spiekermann-putting-back-the-face-into-typeface.html#comments</comments>
		<pubDate>Thu, 22 Dec 2011 20:26:21 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Tipografía]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3198</guid>
		<description><![CDATA[Interesante video de Erik Spiekermann, uno de mis ídolos, gran maestro del diseño y la tipografía. En este video se muestra un poco el proceso de diseño de una tipografía, el bocetado y su creación en digital, pero lo mejor &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/erik-spiekermann-putting-back-the-face-into-typeface.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p>Interesante video de Erik Spiekermann, uno de mis ídolos, gran maestro del diseño y la tipografía.</p>
<p>En este video se muestra un poco el proceso de diseño de una tipografía, el bocetado y su creación en digital, pero lo mejor es lo que dice el señor Spiekermann con total humildad con respecto a su influencia en el diseño, dice que ha sido muy afortunado por enseñar a muchas personas y por tener la oportunidad de realizar diseños para su ciudad y que miles de personas vean y utilizen su trabajo, me parece muy interesante que como diseñadores gráficos, web o de experiencia de usuario nos demos cuenta que el trabajo que hacemos puede influenciar a muchas personas y hacerles la vida más placentera.</p>
<p><iframe src="http://player.vimeo.com/video/30008631?title=0&amp;byline=0&amp;portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<p><a href="http://vimeo.com/30008631">Erik Spiekermann: Putting Back the Face into Typeface (with Spanish Subtitles)</a> from <a href="http://vimeo.com/gestalten">Gestalten</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/erik-spiekermann-putting-back-the-face-into-typeface.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Los banners más odiados de internet</title>
		<link>http://www.macromedios.net/diseno/los-banners-mas-odiados-de-internet.html</link>
		<comments>http://www.macromedios.net/diseno/los-banners-mas-odiados-de-internet.html#comments</comments>
		<pubDate>Mon, 28 Nov 2011 21:03:35 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Publicidad]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3185</guid>
		<description><![CDATA[Tan importante como saber que hacer, es saber que no debemos hacer y este listado de las técnicas de publicidad en banners más odiadas de internet viene muy al caso, es el resultado de un estudio realizado por Jakob Nielsen &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/los-banners-mas-odiados-de-internet.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-3186" title="ngry" src="http://www.macromedios.net/wp-content/uploads/2011/11/ngry.jpg" alt="" width="600" height="530" /></p>
<p>Tan importante como saber que hacer, es saber que no debemos hacer y este listado de las técnicas de publicidad en banners más odiadas de internet viene muy al caso, es el resultado de un estudio realizado por <a href="http://www.useit.com/alertbox/20041206.html" target="_blank">Jakob Nielsen</a> en el 2004, pero es válido conocerlo puesto que veo que continúa vigente, amigo diseñador si va a crear banners para internet por favor tenga en cuenta lo siguiente:</p>
</p>
<table border="0" cellpadding="0" cellspacing="0" >
<col width="249" />
<col width="96" />
<tr>
<th width="525">Tipo de banner</th>
<th width="141">Los usuarios responden   negativamente</th>
</tr>
<tr>
<td>Que salte en frente de la ventana (pop   up)</td>
<td align="center">95%</td>
</tr>
<tr>
<td>Que cargue lento</td>
<td align="center">94%</td>
</tr>
<tr>
<td>Traten de enga&ntilde;arlo para que haga clic</td>
<td align="center">94%</td>
</tr>
<tr>
<td>Que no tenga un bot&oacute;n   de cerrar</td>
<td align="center">93%</td>
</tr>
<tr>
<td>Que cubra partes que la persona quiere   ver</td>
<td align="center">93%</td>
</tr>
<tr>
<td>No dice que es o para que es</td>
<td align="center">92%</td>
</tr>
<tr>
<td>Se mueve alrededor del contenido</td>
<td align="center">92%</td>
</tr>
<tr>
<td>Ocupa casi toda la p&aacute;gina</td>
<td align="center">90%</td>
</tr>
<tr>
<td>Es intermitente, se apaga y se prende</td>
<td align="center">87%</td>
</tr>
<tr>
<td>Vuela encima de la ventana</td>
<td align="center">79%</td>
</tr>
<tr>
<td>Cuando emite un sonido o m&uacute;sica</td>
<td align="center">79%</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/los-banners-mas-odiados-de-internet.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Relación entre tiempo y creatividad</title>
		<link>http://www.macromedios.net/diseno/como-el-tiempo-afecta-la-creatividad.html</link>
		<comments>http://www.macromedios.net/diseno/como-el-tiempo-afecta-la-creatividad.html#comments</comments>
		<pubDate>Wed, 02 Nov 2011 16:36:10 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3147</guid>
		<description><![CDATA[En este video se muestra un experimento interesante en donde a unos niños se les asigna la tarea de hacer un dibujo de un reloj, primero en 10 segundos y luego en 10 minutos, las diferencias de los dibujos son &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/como-el-tiempo-afecta-la-creatividad.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p>En este video se muestra un experimento interesante en donde a unos niños se les asigna la tarea de hacer un dibujo de un reloj, primero en 10 segundos y luego en 10 minutos, las diferencias de los dibujos son evidentes.</p>
<p>Cuando tenemos menos tiempo por lo general las soluciones son trilladas y sólo una solución por lo general.</p>
<p><iframe src="http://www.youtube.com/embed/jgvx9OfZKJw" frameborder="0" width="500" height="284"></iframe></p>
<p>La creatividad se ve afectada por el tiempo que tenemos para desarrollar algún diseño, pero a veces a algunos diseñadores sueles pasarle que les dan una hora para el trabajo y salen con un diseño como hecho en 10 minutos, lo cual afecta la credibilidad de la profesión de diseñador, ya que si a un gerente en una hora le entregan un trabajo con la calidad de 10 minutos, la gerencia tratará de que la próxima vez se demore 10 minutos, debemos ser consecuentes entre calidad y tiempo.</p>
<p>Un gran enemigo de la creatividad para mí son sitios como facebook o cosas como el chat. Ojo diseñadores que esas cosas parece que no se notan pero hay personas que las perciben y puede ser perjudicial para sus carreras dentro de una compañía.</p>
<p>Hay una frase de <a href="http://en.wikipedia.org/wiki/Massimo_Vignelli" target="_blank">Massimo Vignelli</a> que dice:</p>
<blockquote><p>No hay diseño sin disciplina y no hay disciplina sin inteligencia</p></blockquote>
<p>Lo ideal es tener un balance, supongamos que tenemos que diseñar una página informativa de producto con un pequeño formulario para enviar email, nombre y que tenemos 8 horas para hacer la propuesta (un día laboral promedio en Colombia):</p>
<p><strong>Empleo de tiempo sugerido</strong></p>
<ul>
<li>1 Hora &#8211; Chat, twitter y facebook</li>
<li>1 Hora &#8211; Un tiempo para inspiración, navegar sitios, ver otras propuestas y aproximaciones de diferentes soluciones al problema</li>
<li>1 Hora &#8211; Un tiempo para hacer bocetos en papel</li>
<li>2 Horas &#8211; Un tiempo para wireframes</li>
<li>3 Horas &#8211; Un tiempo para mockups</li>
</ul>
<div>
<p><strong>Empleo de tiempo real empleado por algunos diseñadores</strong></p>
<ul>
<li>2 Horas &#8211; Chat</li>
<li>1 Hora &#8211; Twitter</li>
<li>2 Horas &#8211; Facebook</li>
<li>3 Horas &#8211; Un tiempo para mockups</li>
</ul>
</div>
<p><strong>Y para cerrar, colegas diseñadores, dediquémosle tiempo a los trabajos que nos encomiendan, generemos más valor a nuestros clientes por favor.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/como-el-tiempo-afecta-la-creatividad.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La parte invisible del diseño</title>
		<link>http://www.macromedios.net/diseno/la-parte-invisible-del-diseno.html</link>
		<comments>http://www.macromedios.net/diseno/la-parte-invisible-del-diseno.html#comments</comments>
		<pubDate>Mon, 24 Oct 2011 18:35:27 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3133</guid>
		<description><![CDATA[Una muy interesante presentación en donde los señores de Smashing Magazine nos muestran una parte diferente del diseño, por diseño entendemos todo lo visual pero como deciá Steve Jobs: &#8220;El diseño también es como funciona&#8221; Adicionalmente la parte invisible del &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/la-parte-invisible-del-diseno.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.macromedios.net/wp-content/uploads/2011/10/invisible_design.gif" alt="La parte invisible del diseño" title="invisible_design" width="705" height="524" class="alignleft size-full wp-image-3134" /><br />
Una muy interesante presentación en donde los señores de <a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a> nos muestran una parte diferente del diseño, por diseño entendemos todo lo visual pero como deciá Steve Jobs:<br />
<blockquote>&#8220;El diseño también es como funciona&#8221;</p></blockquote>
<p>Adicionalmente la parte invisible del diseño hace referencia a que un buen diseño debe ser casi imperceptible, las personas pueden usarlo pero ni siquiera notan que está, no debe interferir con la vida de las personas.</p>
<p>Dieter Rams uno de los <a href="http://www.macromedios.net/diseno/jonathan-ive-inspirado-en-dieter-rams.html" target="_blank">referentes de diseño para Apple</a>, icono del diseño industrial y jefe de diseño de Braun, compañía alemana de electrodomésticos en sus <a href="http://www.macromedios.net/diseno/10-principios-del-buen-diseno-dieter-rams.html" target="_blank">10 principios del buen diseño</a> nos dice:</p>
<blockquote><p>&#8220;El buen diseño es tan poco diseño como sea posible&#8221;</p></blockquote>
<p>A veces como diseñadores se nos escapan temas que no podemos ver, debido a nuestro carácter enteramente visual, pero cuando se empieza a diseñar experiencia de usuario nos damos cuenta que esos elementos o acciones que no percibimos a simple vista pueden tener un impacto muy grande sobre los usuarios que utilizan un sitio web o una herramienta en internet.</p>
<p>Esta presentación es una invitación a que tratemos de ver más allá de lo visual, pensemos en funcionalidades y objetivos tanto de negocio como de los usuarios.</p>
<p><script src="http://speakerdeck.com/embed/4e94aa54fcba560051000c3c.js"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/la-parte-invisible-del-diseno.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>El diseño web es 95% tipografía</title>
		<link>http://www.macromedios.net/diseno/el-diseno-web-es-95-tipografia.html</link>
		<comments>http://www.macromedios.net/diseno/el-diseno-web-es-95-tipografia.html#comments</comments>
		<pubDate>Tue, 11 Oct 2011 14:35:18 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Tipografía]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3128</guid>
		<description><![CDATA[Bueno y un 5% de diseño de interacción, eso es lo que piensan los señores de information architects y tienen bases para pensarlo, el 95% de la información de la red es texto, los diseñadores deberíamos contar con una base &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/el-diseno-web-es-95-tipografia.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-3129" title="tipografia" src="http://www.macromedios.net/wp-content/uploads/2011/10/tipografia.gif" alt="Tipografía en el diseño web" width="582" height="438" /></p>
<p>Bueno y un 5% de diseño de interacción, eso es lo que piensan los señores de <a href="http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/" target="_blank">information architects</a> y tienen bases para pensarlo, el 95% de la información de la red es texto, los diseñadores deberíamos contar con una base sólida en el tema de darle forma al lenguaje escrito en resumen en tipografía.</p>
<p>Ahora los señores de information architects tienen toda la autoridad moral para hablar de tipografía ya que cuentan con <a href="http://spiekermann.com/" target="_blank">Erik Spiekerman</a> dentro de su equipo, Erik es algo así como un superhéroe de la tipografía que ha vivido pensando en fuentes casi desde chiquito.</p>
<p>Al optimizar <a href="http://www.macromedios.net/category/tipografia" target="_blank">la tipografía</a> se está optimizando la lecturabilidad, accesibilidad, usabilidad y en general el balance gráfico. Debemos tratar el texto como un elemento de interfaz de usuario.</p>
<p>Hay varias recomendaciones generales que mejoran la tipografía de un sitio:</p>
<ol>
<li>Tamaño de fuente relativo, es decir en em no en pixeles</li>
<li>Uso generoso del espacio en blanco</li>
<li>Espaciado vertical o en css line-height, por lo general mayor a una proporción de 1.5, es decir si la fuente de nuestro cuerpo de texto es de 2em, el espaciado vertical debe ser 2*1.5em</li>
<li>Claro contraste entre el fondo y la tipografía, el mayor contraste está dado por un fondo blanco y texto negro</li>
<li>Diferenciar texto e imágenes, es decir darles tratamientos específicos</li>
</ol>
<div style="width:510px" id="__ss_9641696"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/reichenstein1/ory-readwriteorn" title="Reading Typography—Writing Typography" target="_blank">Reading Typography—Writing Typography</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/9641696" width="510" height="426" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/reichenstein1" target="_blank">Oliver Reichenstein</a> </div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/el-diseno-web-es-95-tipografia.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diferencia entre producto y experiencia de usuario</title>
		<link>http://www.macromedios.net/diseno/diferencia-entre-producto-y-experiencia-de-usuario.html</link>
		<comments>http://www.macromedios.net/diseno/diferencia-entre-producto-y-experiencia-de-usuario.html#comments</comments>
		<pubDate>Tue, 11 Oct 2011 01:50:48 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3115</guid>
		<description><![CDATA[Diferencia de una manera muy gráfica de diversos temas como: producto, experiencia de usuario, interfaz de usuario, servidores y centros de datos]]></description>
			<content:encoded><![CDATA[<p>Diferencia de una manera muy gráfica de diversos temas como: producto, experiencia de usuario, interfaz de usuario, servidores y centros de datos</p>
<p><img src="http://www.macromedios.net/wp-content/uploads/2011/10/uxui.gif" alt="Diferencia entre producto ux y ui" title="uxui" width="600" height="2264" class="alignleft size-full wp-image-3116" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/diferencia-entre-producto-y-experiencia-de-usuario.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Infografía sobre el petróleo</title>
		<link>http://www.macromedios.net/diseno/infografia-sobre-el-petroleo.html</link>
		<comments>http://www.macromedios.net/diseno/infografia-sobre-el-petroleo.html#comments</comments>
		<pubDate>Thu, 22 Sep 2011 21:11:21 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Infografía]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3094</guid>
		<description><![CDATA[Un video muy bueno sobre como se pueden visualizar datos de una manera muy didáctica, es una mezcla entre video e infografía Oil&#8217;d from Chris Harmon on Vimeo.]]></description>
			<content:encoded><![CDATA[<p>Un video muy bueno sobre como se pueden visualizar datos de una manera muy didáctica, es una mezcla entre video e infografía</p>
<p><iframe src="http://player.vimeo.com/video/22655744?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="500" height="281"></iframe></p>
<p><a href="http://vimeo.com/22655744">Oil&#8217;d</a> from <a href="http://vimeo.com/harmondesign">Chris Harmon</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/infografia-sobre-el-petroleo.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>El lenguaje de las interfaces</title>
		<link>http://www.macromedios.net/diseno/el-lenguaje-de-las-interfaces.html</link>
		<comments>http://www.macromedios.net/diseno/el-lenguaje-de-las-interfaces.html#comments</comments>
		<pubDate>Tue, 20 Sep 2011 18:48:05 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3085</guid>
		<description><![CDATA[Una presentación en donde se discute el rol del contenido en las nuevas interfaces, que influencia tienen y porqué son importantes.]]></description>
			<content:encoded><![CDATA[<p><img title="interfaces" src="http://www.macromedios.net/wp-content/uploads/2011/09/interfaces.jpg" alt="" /></p>
<p>Una presentación en donde se discute el rol del contenido en las nuevas interfaces, que influencia tienen y porqué son importantes.</p>
<p><script src="http://speakerdeck.com/embed/4e72275f20448a003c000b3b.js?size=preview"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/el-lenguaje-de-las-interfaces.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tamaño de fuente flexible, FitText</title>
		<link>http://www.macromedios.net/diseno/tamano-de-fuente-flexible-fittext.html</link>
		<comments>http://www.macromedios.net/diseno/tamano-de-fuente-flexible-fittext.html#comments</comments>
		<pubDate>Mon, 19 Sep 2011 13:29:35 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Tipografía]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3081</guid>
		<description><![CDATA[Muy bueno este script que hace que la tipografía de un sitio sea flexible en cuanto a tamaño se refiere, es decir a mayor tamaño de pantalla mayor será el tamaño de la fuente, muy útil para diseños responsivos. FitText]]></description>
			<content:encoded><![CDATA[<p>Muy bueno este script que hace que la tipografía de un sitio sea flexible en cuanto a tamaño se refiere, es decir a mayor tamaño de pantalla mayor será el tamaño de la fuente, muy útil para diseños responsivos.</p>
<p><img title="fittext" src="http://www.macromedios.net/wp-content/uploads/2011/09/fittext.jpg" alt="" width="586" height="430" /></p>
<p><a href="http://fittextjs.com/" target="_blank">FitText</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/tamano-de-fuente-flexible-fittext.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>24 ejemplos de diseño web responsivo</title>
		<link>http://www.macromedios.net/diseno/24-ejemplos-de-diseno-web-responsivo.html</link>
		<comments>http://www.macromedios.net/diseno/24-ejemplos-de-diseno-web-responsivo.html#comments</comments>
		<pubDate>Mon, 19 Sep 2011 13:21:41 +0000</pubDate>
		<dc:creator>Mauricio Hernández</dc:creator>
				<category><![CDATA[Diseño]]></category>

		<guid isPermaLink="false">http://www.macromedios.net/?p=3078</guid>
		<description><![CDATA[Debido al gran crecimiento de dispositivos móviles ha tomado bastante fuerza ultimamente el concepto de diseño web responsivo, el cual en resumen es un único diseño que responde a diferentes tamaños de pantalla, dispositivos y tecnologías, a continuación hay algunos &#8230;<div class="continue"><a href="http://www.macromedios.net/diseno/24-ejemplos-de-diseno-web-responsivo.html">Continuar leyendo <span class="meta-nav">&#187;</span></a></div>]]></description>
			<content:encoded><![CDATA[<p>Debido al gran crecimiento de dispositivos móviles ha tomado bastante fuerza ultimamente el concepto de diseño web responsivo, el cual en resumen es un único diseño que responde a diferentes tamaños de pantalla, dispositivos y tecnologías, a continuación hay algunos ejemplos que pueden servir para darse una idea, por favor ajuste el tamaño de su navegador para que note como se ajusta la interfaz a diferentes tamaños.</p>
<h3><a title="responsive wordpress theme" href="http://themetrust.com/themes/reveal" target="_blank">Reveal: A Responsive WordPress Theme</a></h3>
<p><a href="http://themetrust.com/demos/reveal/"><img title="reveal_1" src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/reveal_1.jpg" alt="" width="580" height="380" /></a></p>
<p><a href="http://themetrust.com/demos/reveal/"><img title="reveal_2" src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/reveal_2.jpg" alt="" width="281" height="398" /></a></p>
<h3><a href="http://www.hangingupthemoon.com/#home" target="_blank">hanging up the moon</a></h3>
<p><a href="http://www.hangingupthemoon.com/#home"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/responsive011.jpg" alt="Responsive Websites" /></a></p>
<p><a href="http://www.hangingupthemoon.com/#home"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/responsive021.jpg" alt="Responsive Websites" /></a></p>
<h3><a href="http://sundaybestdesigns.com/" target="_blank">Sunday Best Designs</a></h3>
<p><a href="http://sundaybestdesigns.com/"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/responsive031.jpg" alt="Responsive Websites" /></a></p>
<p><a href="http://www.hangingupthemoon.com/#home"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/responsive041.jpg" alt="Responsive Websites" /></a></p>
<h3><a href="http://www.fork-cms.com/" target="_blank">Fork</a></h3>
<p><a href="http://www.fork-cms.com/"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/responsive051.jpg" alt="Responsive Websites" /></a></p>
<p><a href="http://www.fork-cms.com/"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/responsive06.jpg" alt="Responsive Websites" /></a></p>
<h3><a href="http://yaronschoen.com/" target="_blank">Yaron Schoen</a></h3>
<p><a href="http://yaronschoen.com/"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/responsive07.jpg" alt="Responsive Websites" /></a></p>
<p><a href="http://yaronschoen.com/"><img src="http://www.macromedios.net/wp-content/uploads/HLIC/webdesignledger.com/wp-content/uploads/2011/09/responsive08.jpg" alt="Responsive Websites" /></a></p>
<p>via: <a href="http://webdesignledger.com/inspiration/24-excellent-examples-of-responsive-web-design" target="_blank">http://webdesignledger.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macromedios.net/diseno/24-ejemplos-de-diseno-web-responsivo.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

