<?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>Tutoriales de Desarrollo y Diseño Web &#124; Web.Ontuts &#187; Inspiración</title>
	<atom:link href="http://web.ontuts.com/category/inspiracion/feed/" rel="self" type="application/rss+xml" />
	<link>http://web.ontuts.com</link>
	<description>Tutoriales y Recursos Web de Calidad en Español</description>
	<lastBuildDate>Wed, 08 Sep 2010 08:21:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>6 razones por las que quiero una invitación para Dribbble</title>
		<link>http://web.ontuts.com/inspiracion/6-razones-por-las-que-quiero-una-invitacion-para-dribbble/</link>
		<comments>http://web.ontuts.com/inspiracion/6-razones-por-las-que-quiero-una-invitacion-para-dribbble/#comments</comments>
		<pubDate>Mon, 06 Sep 2010 11:30:05 +0000</pubDate>
		<dc:creator>Javier López</dc:creator>
				<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[dribbble]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=5283</guid>
		<description><![CDATA[Dribbles es: exclusividad, superación personal, feedback, inspiración, portfolio, contactos, trabajo, adictividad... desde hace un mes, lo confieso, estoy obsesionado con entrar en Dribbble. Y estas son las 6 razones que tengo para ello.


Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/' rel='bookmark' title='Permanent Link: 10 Características para diseñar una Portada Web Rompedora'>10 Características para diseñar una Portada Web Rompedora</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-disenos-web-originales-y-llenos-de-color/' rel='bookmark' title='Permanent Link: 10 Diseños Web Originales y llenos de Color'>10 Diseños Web Originales y llenos de Color</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>El poder de Dribbble</h3>
<p>La primera vez que visité <a href="http://dribbble.com/">Dribbble</a>, tras us vistazo, pensé que era una web más del estilo de <a href="http://www.webcreme.com/">WebCreme</a>. Es decir, un repositorio de diseños. Estas webs pueden resultar muy útiles, sobre todo si la persona que las lleva tiene buen criterio. En estas recopilaciones va quedando un listado de webs para <a href="http://web.ontuts.com/tag/inspiracion/">inspirarse</a> a los que suelo echar mano antes de empezar un diseño. Así que la añadí a mis marcadores y seguí navegando un poco por ella.</p>
<p>Pronto me dí cuenta de que era bastante más que un repositorio, que en realidad era toda una comunidad de diseñadores en torno a una simple pregunta: <strong>&#8220;What are you working on?&#8221;</strong>.</p>
<p>La calidad de los diseños era muy alta, más de lo que se puede esperar en una comunidad de diseñadores como puede ser <a href="http://www.deviantart.com/">DeviantArt</a>, que aunque tenga cosas muy buenas, también tiene trabajos muy malos. En Dribbble, mientras navegaba, parecía que un proceso de selección misterioso había cribado a todos los diseñadores mediocres dejando sólo a los mejores.</p>
<p>El misterio quedó dilucidado cuando finalmente me decidí a registrarme y me tope con el detonante final que disparó mi interés por Dribbble: los registros eran <strong>únicamente por invitación</strong>.</p>
<p>Y desde hace un mes, lo confieso, estoy obsesionado con entrar en Dribbble. Y estas son las 6 razones que tengo para ello:</p>
<h3>1. Exclusividad</h3>
<p>De la misma manera que cuánto más <strong>privado </strong>y <strong>exclusivo </strong>es un club en Harvard, más quieren los alumnos ingresar en él, en Internet se puede conseguir algo muy parecido, y no es nada nuevo. Lo conocemos por Tuenti, BuyVip y otras: en ocasiones, no permitir el registro, hace que se consiga lo contrario de lo que podría esperarse, es decir, que hayan más registros. </p>
<p>Esto no es aplicable a todas las comunidades y redes sociales, pero en <strong>Dribbble </strong>funciona muy bien. En Dribbble es la forma ideal para conseguir, al menos de momento, de que sólo estén dentro los mejores diseñadores.</p>
<p>Las invitaciones las dan con cuenta gotas, y desde Dribbble animan a que sólo invites a aquellos diseñadores que te gustaría <strong>que estuvieran en tu equipo</strong>.</p>
<blockquote><p>&#8220;Antes de invitar a alguien, piensa en un proyecto que te gustaría realizar&#8230; ¿estaría esta persona dentro? Sino es así, no la invites&#8221;.</p></blockquote>
<p>Esta exclusividad hace que el mero hecho de entrar ya sea un reto. Si pudiera registrarse cualquier persona no tendría ni la mitad de gracia ni el servicio sería útil.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/09/exclusive.jpg" alt="exclusive" /></center></p>
<p>Y esto repercute, por supuesto, de manera muy positiva para Dribbble y el proyecto. Y a todos los niveles, incluida la publicidad y el boca a boca, llegando a casos como el de <a href="http://www.pleaseinvitemetodribbble.com/">Please Invite Me To Dribbble</a>, en el que un diseñador compra un dominio y crea un diseño web simplemente para que le inviten a Dribbble, dando de esa manera a conocer aún más el proyecto. De hecho yo conocí Dribbble gracias a esa página. Y tu estás leyendo este artículo gracias a ello&#8230; toda una reacción en cadena.</p>
<h3>2. Superación Personal</h3>
<p>En Dribble, todo, desde el mero hecho de lograr entrar &#8220;en el club&#8221;, hasta ser reconocido una vez que estás dentro, complace directamente la necesidad del ser humano de <strong>autorrealizarse</strong>.</p>
<p>En la sociedad que vivimos, por suerte, tenemos la mayoría de las capas de la <a href="http://es.wikipedia.org/wiki/Pir%C3%A1mide_de_Maslow">Pirámide de Maslow</a> satisfechas. Pero el <strong>Reconocimiento </strong>y la <strong>Autorrealización </strong>son dos monstruitos egoistas que siempre piden más galletas.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/09/players.jpg" alt="players"  /></center></p>
<p>En Dribbble, cada vez que alguien sube una captura del trabajo que está realizando, otros miembros pueden decir si les gusta (<strong>Like</strong>) o seguir a esta persona (<strong>Follow</strong>). Con esto se consiguen unos ránkings muy interesantes, tanto de <a href="href="http://dribbble.com/players">usuarios</a> como de <a href="http://dribbble.com/">trabajos</a>.</p>
<p>Nada revolucionario, nada que no exista ya en Facebook o Twitter&#8230; pero eso da igual. Si eres miembro de Twitter o de Menéame conocerás esa satisfacción que da el hecho de que una nueva persona &#8220;te siga&#8221; o &#8220;te menee&#8221; una noticia. En Dribbble se consigue exactamente lo mismo sin inventar nada nuevo.</p>
<h3>3. Feedback</h3>
<p>Dribbble no es sólo útil para reafirmar tu ego. </p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/09/feedbackdribble.jpg" alt="feedback" /></center></p>
<p>Para cada trabajo que subas, puedes recibir comentarios y apreciaciones que te ayuden a mejorarlo. Estarás entre los mejores, y casi seguro que muchos de estos consejos te serán de gran utilidad.</p>
<h3>4. Inspiración</h3>
<p>Aunque no seas miembro de Dribbble, siempre puedes utilizarlo como medio de inspiración, mirando las galerías de trabajos <a href="http://dribbble.com/shots/popular">populares</a>, de <a href="http://dribbble.com/shots/everyone">todos los trabajos</a> y de <a href="http://dribbble.com/shots/debuts">debutantes</a>.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/09/galeriasdribble.jpg" alt="invitación a dribbble" /></center></p>
<p>A mi me ha resultado tremendamente útil y se ha convertido en mi fuente principal de inspiración para diseño web.</p>
<h3>5. Portfolio</h3>
<p>Una cuenta en Dribbble es un <a href="http://dribbble.com/players/jsm">portfolio</a> ideal. Muestra de forma clara y concisa lo que eres capaz de hacer. </p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/09/portfolio_dribbble.jpg" alt="dribbble portfolio" /></center></p>
<p>Nada de CVs, ni texto descriptivo, etc&#8230; en un diseñador lo que priman son sus trabajos realizados. Dribbble es una excelente herramienta para mostrarlos de forma sencilla y elegante.</p>
<h3>6. Contactos y Trabajo</h3>
<p>Dicen que en ciertos masters y sobre todo en ciertas universidades (Harvard, Cambridge), son mucho más importantes los <strong>contactos</strong> que realizas que la calidad de la enseñanza que recibes. </p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/09/oportunity.jpg" alt="oportunity" /></center></p>
<p>Si consigues entrar en Dribbble tus oportunidades de conseguir buenos contactos serán mayores, y puede que por tanto tus oportunidades profesionales al conocer a más gente del sector se multipliquen.</p>
<h3>Reflexión Final</h3>
<p>Todo se reduce a una frase: &#8220;<strong>Entrar en Dribbble mola</strong>&#8220;.</p>
<p>Por otro lado&#8230; <strong>¿existe un Dribbble de habla hispana?</strong> La respuesta es: <strong>no que yo sepa</strong>. Así que si eres emprendedor puede que tengas delante una oportunidad de negocio&#8230; o puede que ya llegues tarde y que los usuarios de habla hispana prefieran entrar en el Dribbble original a uno nuevo.</p>
<h3>¿Quién me invita?</h3>
<p>Y desde aquí&#8230; cómo no&#8230; lanzo una llamada: <strong>¡Por favor, invítame a Dribbble!</strong>. Con las invitaciones organizaré un concurso de diseño en <strong>Ontuts</strong> y las ganarán los mejores diseños&#8230; pero para eso antes tengo que estar dentro <img src='http://web.ontuts.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>See you in another life!</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/' rel='bookmark' title='Permanent Link: 10 Características para diseñar una Portada Web Rompedora'>10 Características para diseñar una Portada Web Rompedora</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-disenos-web-originales-y-llenos-de-color/' rel='bookmark' title='Permanent Link: 10 Diseños Web Originales y llenos de Color'>10 Diseños Web Originales y llenos de Color</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/6-razones-por-las-que-quiero-una-invitacion-para-dribbble/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>7 Elementos de Diseño Web que Arrasan</title>
		<link>http://web.ontuts.com/inspiracion/7-elementos-de-diseno-web-que-arrasan/</link>
		<comments>http://web.ontuts.com/inspiracion/7-elementos-de-diseno-web-que-arrasan/#comments</comments>
		<pubDate>Sat, 28 Aug 2010 11:29:49 +0000</pubDate>
		<dc:creator>Javier López</dc:creator>
				<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[consejos]]></category>
		<category><![CDATA[diseño]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=5169</guid>
		<description><![CDATA[En diseño web, como todo, va por modas. Os voy a mostrar 7 elementos que arrasan hoy en día. Es decisión vuestra incluirlos o no en vuestros diseños web. Y es vuestro deber como diseñadores juzgarlos, diseccionarlos y utilizarlos o no según consideréis oportuno. 


Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/nos-inspira-la-ola-de-diseno-ecologico-en-los-productos/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; la Ola de Diseño Ecológico en los Productos'>Nos inspira&#8230; la Ola de Diseño Ecológico en los Productos</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/' rel='bookmark' title='Permanent Link: 10 Características para diseñar una Portada Web Rompedora'>10 Características para diseñar una Portada Web Rompedora</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Acerca de esta recopilación</h3>
<p>En diseño web, como todo, <strong>va por modas</strong>. De vez en cuando un elemento, por el motivo que sea, comienza a usarse por varios diseñadores y se propaga como la pólvora. Estoy seguro de que sabéis a lo que me refiero&#8230; sobre todo si conocéis las webs de <a href="http://envato.com/">Envato</a> veréis como muchos de sus múltiples seguidores les imitan sin parar.</p>
<p>Os voy a mostrar <strong>7 elementos que arrasan hoy en día</strong>. Es decisión vuestra incluirlos o no en vuestros diseños web. Y es vuestro deber como diseñadores juzgarlos, diseccionarlos y utilizarlos o no según consideréis oportuno. </p>
<p>¡Ojo! La inclusión de estos elementos en una web no tienen porque dar como resultado una web rompedora. Dependerá de tu propio bien hacer, tu destreza en la maquetación, en el <a href="http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/">diseño de la portada</a> y de lo <a href="http://web.ontuts.com/inspiracion/10-disenos-web-originales-y-llenos-de-color/">inspirado</a> que estés en el momento. En resumen, de <strong>tu experiencia</strong>. </p>
<p>Os presento a los 7 fantásticos&#8230; 7 sencillos elementos de diseño que arrasan:</p>
<h3>1. Sombra Sutil Especial</h3>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/sombra_especial.jpg" alt="sombra especial css" /></center></p>
<p>Están de moda las <strong>sobras no uniformes</strong>. Fíjate bien en la sombra que arroja esa tarjeta. Si miras bien verás que no es una simple &#8220;sombra arrojada&#8221; de Photoshop. Se abre hacia los lados partiendo desde el centro. </p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/sombra_sutil_2.jpg" alt="sombra sutil y elegante photoshop" /></center></p>
<p>Con esto puedes conseguir el efecto de que la tarjeta esta <strong>ligeramente doblada</strong>, como la de la punta inferior derecha de la tarjeta de arriba, como si la punta estuviera más altas sobre el plano. Pero en realidad el rectángulo es totalmente recto. Es una sombra que crea un efecto <strong>sutil</strong> y <strong>elegante</strong>.</p>
<h3>2. El Color Magenta y sus Amigos</h3>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/magenta.jpg" alt="magenta diseñadores" /></center></p>
<p>Quizás peque de exagerado, pero el <strong>Magenta</strong> es algo así como el color de los diseñadores. Si existe una paleta de colores 2.0, el magenta es el rey. Pero no viene sólo&#8230;</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/cyan.jpg" alt="cyan diseñadores" /></center></p>
<p>Si además lo juntas con uno de sus mejores amigos, el <strong>Cyan</strong>, el resultado puede ser francamente espectacular. Echadle un <a href="http://deploycms.com/">vistazo</a>.</p>
<h3>3. Rótulo Saliente</h3>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/rotulo.jpg" alt="rotulo saliente css" /></center></p>
<p>Es curioso como a una <strong>simple caja rectangular</strong> puede mejorar añadiéndole <strong>dos triangulitos</strong> de un color ligeramente más oscuro. El efecto de &#8220;cinta doblada&#8221; o &#8220;rótulo saliente&#8221; que se consigue con algo tan simple es muy resultón.</p>
<p>Por cierto, esta imagen reune 4 de los 7 elementos que estamos examinando en esta artículo&#8230; <strong>¿sabes cuáles? Deja un comentario a ver si aciertas.</strong></p>
<p>Otra variedad un poco más elaborada puede utilizarse en las esquinas de las cajas.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/saliente2.jpg" alt="beta" /></center></p>
<p>Por cierta, lo de &#8220;beta&#8221; también estuvo muy de moda&#8230; hace un par de años era más &#8220;cool&#8221; tener una etiqueta &#8220;beta&#8221; en tu web que tener la versión final de la misma.</p>
<h3>4. Gradient Radial / Glow Sutil</h3>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/glow_sutil_1.jpg" alt="glow sutil css" /></center></p>
<p>Utilizando un <strong>glow</strong>, brillo en inglés, puedes hacer que de manera casi imperceptible, un elemento o parte de la página se muestre de manera más precisa a ojos del visitante. En este ejemplo vemos que el glow irradia desde el centro, desde la parte inferior del logo.</p>
<p>Bajo el logo de <a href="http://net.tutsplus.com/">Nettuts</a> también se puede observar este efecto.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/glow_sutil_2.jpg" alt="glow sutil css" /></center></p>
<p>¿No lo ves? Quizás lo veas mejor si pongo sólo el fondo.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/glow_sutil_3.jpg" alt="glow sutil css" /></center></p>
<p>Es un efecto que suele quedar bien en la <strong>zona del logo</strong>, para <strong>realzarlo</strong>. En Ontuts también lo utilizamos, de manera un poco más agresiva, en nuestro logo en la cabecera.</p>
<h3>5. Superficies Rugosas o con Ruido</h3>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/rugosa1.jpg" alt="rugosa css"/></center></p>
<p>Los colores planos siguen llevándose, eso está claro, pero comienza a verse cierta tendencia, sobre todo en algunos de los mejores diseñadores, a utilizar <strong>superficies rugosas</strong> como la de la imagen en sus diseños.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/rugosa2.jpg" alt="rugosa css"/></center></p>
<p>En esta segunda imagen se puede ver de forma menos clara que en la primera, pero si te fijas bien verás que el degradado tiene un poco de <strong>ruido</strong>. </p>
<p>Mi consejo es que si utilizas superficies rugosas o ruido, ten mucho cuidado para que <strong>no resalten demasiado</strong> con respecto a otros elementos.</p>
<h3>6. Thumbnails con Imágenes Giradas</h3>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/torcida.jpg" alt="imagen girada" /></a></center></p>
<p>Ideal para entradillas de posts&#8230; <strong>girar la imagen</strong> no falla casi nunca, suele quedar muy bien. Fácil y efectivo.</p>
<h3>7. Hendidura de Separación</h3>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/hendidura1.png" alt="hendidura" /></a></center></p>
<p>Imagina un <strong>Header a dos colores</strong>. ¿Es lo ideal para separlos una única línea de un color? Puede&#8230; pero lo que está de moda es crear un efecto &#8220;hendidura&#8221;. Veamoslo más de cerca:</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/hendidura2.png" alt="hendidura" /></a></center></p>
<p>Y es muy fácil de crear, tan sólo necesitas <strong>dibujar dos líneas</strong>, la de arriba de un color ligeramente más oscuro que la región superior y la de abajo ligeramente más clara que la región inferior.</p>
<h3>Reflexión final</h3>
<p>Si eres un diseñador novel <strong>te animo a que copies sin parar</strong>. ¡Copia, copia, copia! El estilo propio es algo que llegará con el tiempo. Mientras tanto copia, moldea y adapta a tus necesidades a partir de otros diseñadores mientras aprendes y desarrollas tu propia forma de hacer las cosas.</p>
<p>Sea como sea, si utilizáis alguno o varios de estos elementos, estoy seguro de que la impresión general de vuestro diseño puede llegar a mejorar&#8230; simplemente porque la verdad, no sólo están de moda, sino que también son bastante bonitos.</p>
<p>¿Conoces algún otro elemento de moda? Puedes contárnoslo <strong>dejando un comentario</strong>.</p>
<p>See you in another life!</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/nos-inspira-la-ola-de-diseno-ecologico-en-los-productos/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; la Ola de Diseño Ecológico en los Productos'>Nos inspira&#8230; la Ola de Diseño Ecológico en los Productos</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/' rel='bookmark' title='Permanent Link: 10 Características para diseñar una Portada Web Rompedora'>10 Características para diseñar una Portada Web Rompedora</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/7-elementos-de-diseno-web-que-arrasan/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>10 Características para diseñar una Portada Web Rompedora</title>
		<link>http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/</link>
		<comments>http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 14:35:59 +0000</pubDate>
		<dc:creator>Javier López</dc:creator>
				<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[páginas]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=5058</guid>
		<description><![CDATA[Acerca de esta recopilación La portada de una página web es en la mayoría de los casos la sección más importante. En esta recopilación he seleccionado 10 portadas webs, que por un motivo u otro, me han parecido muy buenas, cada una de ellas debido a una característica concreta. La idea es que os sirvan [...]


Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/6-razones-por-las-que-quiero-una-invitacion-para-dribbble/' rel='bookmark' title='Permanent Link: 6 razones por las que quiero una invitación para Dribbble'>6 razones por las que quiero una invitación para Dribbble</a></li>
<li><a href='http://web.ontuts.com/inspiracion/7-elementos-de-diseno-web-que-arrasan/' rel='bookmark' title='Permanent Link: 7 Elementos de Diseño Web que Arrasan'>7 Elementos de Diseño Web que Arrasan</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-disenos-web-originales-y-llenos-de-color/' rel='bookmark' title='Permanent Link: 10 Diseños Web Originales y llenos de Color'>10 Diseños Web Originales y llenos de Color</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Acerca de esta recopilación</h3>
<p>La portada de una página web es en la mayoría de los casos la sección más importante. En esta recopilación he seleccionado 10 portadas webs, que por un motivo u otro, me han parecido muy buenas, cada una de ellas debido a una característica concreta. La idea es que os sirvan de <strong>inspiración</strong> para vuestros propios proyectos. </p>
<p>Pero antes de poder diseñar una buena portada, hay que entender <strong>qué hace que una portada sea mala</strong>. Una mala portada es aquella cuyo <strong>índice de rebote</strong> es muy alto, es decir, aquella en la que la mayoría de los usuarios que la ven la abandonan sin navegar por el resto de la web.</p>
<p>Una mala portada es por tanto aquella que <strong>no transmite</strong> nada al visitante, aquella en la que se pierde y no encuentra la información que busca. Una mala portada será la mayoría de las veces visualmente <strong>poco atractiva</strong>. Una mala portada es también aquella cuya <strong>estructura caótica</strong> impide al usuario centrarse en los elementos más importantes.</p>
<p>Para mí, las <strong>10 características más importantes</strong> para diseñar una <strong>Portada Web rompedora</strong> son:</p>
<h3>1. El Eslogan: Squared Eye</h3>
<p><center><a href="http://squaredeye.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada01.jpg" alt="Squared Ey" /></a></center></p>
<p>&#8220;<strong>Make waves</strong>&#8221; define muy bien lo que quiere transmitir <strong>Squared Eye</strong> en su portada. El eslogán es un elemento vital para toda campaña de marketing y puede tener cabida en la portada de la web para realzar la idea principal que se quiere transmitir.</p>
<h3>2. Diseño Interesante: Carol Rivello</h3>
<p><center><a href="http://www.carolrivello.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada02.jpg" alt="carolrivello" /></a></center></p>
<p>Este es un ejemplo de portada que destila <strong>buen diseño</strong> a raudales. Podrá gustar más o menos, pero un toque original siempre será apreciado por los visitantes aunque sea a nivel subliminal.</p>
<h3>3. Gancho: Wake Somebody Up</h3>
<p><center><a href="http://www.wakesomebodyup.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada03.jpg" alt="wakesomebodyup" /></a></center></p>
<p>El &#8220;<strong>gancho</strong>&#8221; es aquel elemento, ya sea el logo, una imagen, etc&#8230; que da un toque de humor a la portada. El gallo de &#8220;<strong>Wake Somebody Up</strong>&#8221; es un buen ejemplo.</p>
<h3>4. Estructura: Foxtie</h3>
<p><center><a href="http://www.foxtie.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada09.jpg" alt="foxtie" /></a></center></p>
<p>La estructura de la portada es primordial a la hora de permitir al usuario orientarse y ver de un vistazo el servicio o producto que ofrece la web. En el caso de <strong>Foxtie</strong> vemos de una forma clara y concisa los 4 servicios que ofrecen, acompañados cada uno de un icono visual, y por encima de ello una serie de explicaciones visuales que bien pueden ser trabajos realizados o cualquier otra idea que se quiera transmitir.</p>
<h3>5. No te cortes en hacer scroll: Studio 7 Designs</h3>
<p><center><a href="http://www.studio7designs.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada04.jpg" alt="studio 7 designs" /></a></center></p>
<p>Existe cierta tendencia a intentar evitar el <strong>scroll</strong> en las portadas, por lo que muchas de ellas tienden a miniaturizarse. Personalmente me parece un error. Si es necesario explicar más elementos de la web, siempre que la estructura sea buena, no te cortes en <strong>ampliarla verticalmente</strong>. Otro buen ejemplo de esto lo tenemos en las portada de <a href="http://37signals.com/">37signals</a> o <a href="http://www.erasmusu.com">Erasmusu</a>.</p>
<h3>6. Si tienes un servicio muy concreto, ponlo en grande: Foundation Six</h3>
<p><center><a href="http://www.foundationsix.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada05.jpg" alt="foundationsix"  /></a></center></p>
<p>El producto o servicio debe estar presente en la portada. Si por ejemplo ofreces diseño web&#8230; ponlo bien grande, ¡que se enteren todos! </p>
<h3>7. Utiliza colores, fondos y tamaños distintos según la importancia del texto: Enviramedia</h3>
<p><center><a href="http://www.enviramedia.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada08.jpg" alt="enviramedia" /></a></center></p>
<p>Y para ello<strong> las combinaciones son infinitas</strong>. Usualmente los tonos cercanos a los colores cálidos como el rojo destacarán más que los tonos frios como los azules o verdes. Pero todo depende de los elementos, tamaños y fondos que utilices.</p>
<h3>8. Contenido dinámico: Veerle Duoh</h3>
<p><center><a href="http://veerle.duoh.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada10.jpg" alt="veerle duoh" /></a></center></p>
<p>Uno de los grandes aciertos que tuvimos con <a href="http://www.erasmusu.com/">Erasmusu</a> fue migrar la portada original de tipo estático a una portada con contenido dinámico proveniente de los usuarios. La indexación en Google se disparó, y en gran parte debido al nuevo motor de indexado de Google: <a href="http://googleblog.blogspot.com/2010/06/our-new-search-index-caffeine.html">Caffeine</a>. Una portada cuyos contenidos cambien, aunque sea mediante las últimas entradas en el blog como en <strong>Veerle Duoh</strong>, será una portada ya no solo más atractiva para los usuarios, sino también para los <strong>motores de búsqueda</strong>.</p>
<h3>9. Se conciso: Puzzle Tree Music</h3>
<p><center><a href="http://www.puzzletreemusic.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada06.jpg" alt="puzzletreemusic" /></a></center></p>
<p>Se conciso, sobre todo si tienes servicios muy distintos unos de otros. Explícalos de manera resumida y acompáñalos de iconos visuales. Y como ya hemos comentado cuando hablamos de la estructura, colócalos en un sitio visible. Los 3 iconos + descripción de la parte superior de <strong>Puzzle Tree Music</strong> resumen bien esta idea.</p>
<h3>10. Se original: Sofasurfer</h3>
<p><center><a href="http://www.sofasurfer.eu/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/portada07.jpg" alt="sofasurfer" /></a></center></p>
<p>Incluso para anunciar un cambio de página o de marca, se puede ser original&#8230; y si no me crees mira la rompedora portada de <strong>Sofasurfer</strong> en la que comunica su cambio de página.</p>
<h3>Reflexión final</h3>
<p>Espero que esta colección os haya inspirado y realmente os sirva para diseñar portadas rompedoras. Si no estas de acuerdo con alguna de las 10 características o si se te ocurre alguna más puedes dejar un comentario.</p>
<p>See you in another life!</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/6-razones-por-las-que-quiero-una-invitacion-para-dribbble/' rel='bookmark' title='Permanent Link: 6 razones por las que quiero una invitación para Dribbble'>6 razones por las que quiero una invitación para Dribbble</a></li>
<li><a href='http://web.ontuts.com/inspiracion/7-elementos-de-diseno-web-que-arrasan/' rel='bookmark' title='Permanent Link: 7 Elementos de Diseño Web que Arrasan'>7 Elementos de Diseño Web que Arrasan</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-disenos-web-originales-y-llenos-de-color/' rel='bookmark' title='Permanent Link: 10 Diseños Web Originales y llenos de Color'>10 Diseños Web Originales y llenos de Color</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Nos Inspira&#8230; A Fervenza do Toxa en Galicia</title>
		<link>http://web.ontuts.com/inspiracion/nos-inspira-a-fervenza-do-toxa-en-galicia/</link>
		<comments>http://web.ontuts.com/inspiracion/nos-inspira-a-fervenza-do-toxa-en-galicia/#comments</comments>
		<pubDate>Wed, 11 Aug 2010 08:00:33 +0000</pubDate>
		<dc:creator>Adrián Mato</dc:creator>
				<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[fervenza]]></category>
		<category><![CDATA[toxa]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=4998</guid>
		<description><![CDATA[Nos alejamos de lo urbano y de las nuevas tecnologías para inspirarnos y adentrarnos en la Galicia más profunda. El Río Toxa acompañado de una magnífica vegetación cae 30 metros verticalmente, dando lugar a un impresionante paisaje y al salto de agua más grande de Galicia... ¡No os lo perdáis!


Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/nos-inspira-z33-art-center-de-hasselt-belgica/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Z33 Art Center de Hasselt, Bélgica'>Nos inspira&#8230; Z33 Art Center de Hasselt, Bélgica</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-cuando-la-nieve-llega-a-santiago-de-compostela/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Cuando la nieve llega a Santiago de Compostela'>Nos inspira&#8230; Cuando la nieve llega a Santiago de Compostela</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-burneverything-en-la-ciudad-liverpool/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; BurnEverything en la ciudad Liverpool'>Nos inspira&#8230; BurnEverything en la ciudad Liverpool</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-kiteography-tipografia-en-las-nubes/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Kiteography, tipografía en las nubes'>Nos inspira&#8230; Kiteography, tipografía en las nubes</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Introducción a esta colección</h3>
<p>A lo largo de nuestros artículos de inspiración hemos reseñado paisajes urbanos, diseños digitales, tendencias en diseño web&#8230; pero en esta ocasión hemos querido ir más allá y aprovechando mi visita a la <strong>Fervenza do Toxa</strong>  he querido compartir con vosotros esta maravilla de la naturaleza que tengo el privilegio de poder visitar aquí en mi tierra, Galicia.</p>
<p>El Río Toxa se encuentra rodeado de un paisaje idílico lleno de <strong>vegetación</strong> y <strong>frescura</strong>, un bosque autóctono. En su largo recorrido nos encontramos con el salto de agua más grande de Galicia: 30 metros de altura en los que el agua cae con fuerza produciendo un magnífico y relajante sonido.</p>
<p>El río avanza corriente abajo creando zonas de agua estancada ideales para pegarse un chapuzón y refrescarse, creando pequeños saltitos de agua que vuelven a generar ese ruído relajante del que os hablaba y que refresca con sólo sentarse cerca de las grandes piedras a modo de plataforma.</p>
<p>Dejo de enrrollarme y os dejo con las fotos <img src='http://web.ontuts.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<h3>Disfruta de la colección&#8230;</h3>
<h4>Fervenza do Toxa</h4>
<p>El salto de agua es el más grande de Galicia, la fuerza con la que cae el agua es bastante importante, pero aún así mucha gente aprovecha para pegarse un chapuzón e incluso meter la cabeza y espalda debajo de la cascada.</p>
<p><center><a href="http://www.flickr.com/photos/9555157@N07/4872883311/" title="Catarata en segundo plano by Ontuts, on Flickr"><img src="http://farm5.static.flickr.com/4118/4872883311_52f482e24e.jpg" width="500" height="333" alt="Catarata en segundo plano" /></a></center></p>
<p><center><a href="http://www.flickr.com/photos/9555157@N07/4872877659/" title="Catarata by Ontuts, on Flickr"><img src="http://farm5.static.flickr.com/4135/4872877659_fc62513de2.jpg" width="500" height="333" alt="Catarata" /></a></center></p>
<p>Posteriormente a las cataratas el Río Toxa avanza alternando zonas de calma y fuerza, produciendo pequeños saltos muy bonitos y relajantes.</p>
<p><center><a href="http://www.flickr.com/photos/9555157@N07/4872896623/" title="Río abajo by Ontuts, on Flickr"><img src="http://farm5.static.flickr.com/4078/4872896623_e7cab2814b.jpg" width="500" height="333" alt="Río abajo" /></a></center></p>
<p><center><a href="http://www.flickr.com/photos/9555157@N07/4872891109/" title="Fluyendo... by Ontuts, on Flickr"><img src="http://farm5.static.flickr.com/4094/4872891109_44243d77f0.jpg" width="500" height="333" alt="Fluyendo..." /></a></center></p>
<h4>Monasterio de Carboeiro</h4>
<p>A escasos 6 kilómetros de las cataratas también podemos visitar el Monasterio de Carboeiro, restaurado hace no mucho tiempo y del cual he tomado estas otras fotos. No hemos podido pasar, pero también tiene visita guiada por dentro.</p>
<p><center><a href="http://www.flickr.com/photos/9555157@N07/4873515924/" title="Monasterio do Carboeiro by Ontuts, on Flickr"><img src="http://farm5.static.flickr.com/4116/4873515924_21d87f45f0.jpg" width="500" height="333" alt="Monasterio do Carboeiro" /></a></center></p>
<p><center><a href="http://www.flickr.com/photos/9555157@N07/4872901271/" title="Monasterio do Carboeiro by Ontuts, on Flickr"><img src="http://farm5.static.flickr.com/4100/4872901271_6a40a2b435.jpg" width="500" height="333" alt="Monasterio do Carboeiro" /></a></center></p>
<h3>Nos gusta</h3>
<p>Que todavía la mano del hombre no haya destrozado paisajes como este. La sensación de estar dentro de un entorno virgen, alejado del ruído de la ciudad, el respirar un aire tan fresco y verde es impagable.</p>
<p>Si alguna vez tenéis ocasión de visitar Galicia, intentad hacer un huevo en vuestra agenta porque os aseguro que no os defraudará el lugar. Espero que os haya gustado el artículo y como siempre&#8230;</p>
<p>¡Nos vemos en la próxima publicación!</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/nos-inspira-z33-art-center-de-hasselt-belgica/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Z33 Art Center de Hasselt, Bélgica'>Nos inspira&#8230; Z33 Art Center de Hasselt, Bélgica</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-cuando-la-nieve-llega-a-santiago-de-compostela/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Cuando la nieve llega a Santiago de Compostela'>Nos inspira&#8230; Cuando la nieve llega a Santiago de Compostela</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-burneverything-en-la-ciudad-liverpool/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; BurnEverything en la ciudad Liverpool'>Nos inspira&#8230; BurnEverything en la ciudad Liverpool</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-kiteography-tipografia-en-las-nubes/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Kiteography, tipografía en las nubes'>Nos inspira&#8230; Kiteography, tipografía en las nubes</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/nos-inspira-a-fervenza-do-toxa-en-galicia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Diseños Web Originales y llenos de Color</title>
		<link>http://web.ontuts.com/inspiracion/10-disenos-web-originales-y-llenos-de-color/</link>
		<comments>http://web.ontuts.com/inspiracion/10-disenos-web-originales-y-llenos-de-color/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 20:48:21 +0000</pubDate>
		<dc:creator>Javier López</dc:creator>
				<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[páginas]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=4937</guid>
		<description><![CDATA[Estrenamos una nueva serie de artículos enfocados a destacar y reseñar estilos y corrientes de diseño web que triunfan en la actualidad. Nunca está de menos fijarse en lo que hacen los demás para mejorar nuestros propios diseños y sacar nuevas ideas... ¡No os lo perdáis!


Related posts:<ol><li><a href='http://web.ontuts.com/recursos/once-30-iconos-web-gratis-de-caracter-general-para-tus-disenos/' rel='bookmark' title='Permanent Link: Once: 30 Iconos Web Gratis de Carácter General para tus Diseños'>Once: 30 Iconos Web Gratis de Carácter General para tus Diseños</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/' rel='bookmark' title='Permanent Link: 10 Características para diseñar una Portada Web Rompedora'>10 Características para diseñar una Portada Web Rompedora</a></li>
<li><a href='http://web.ontuts.com/recursos/woofunction-178-impresionantes-iconos-gratis-para-tus-disenos-web/' rel='bookmark' title='Permanent Link: WooFunction: 178 Impresionantes Iconos Gratis para tus Diseños Web'>WooFunction: 178 Impresionantes Iconos Gratis para tus Diseños Web</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-9/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #9'>Logos que Inspiran Volumen #9</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Acerca de esta recopilación</h3>
<p>Estrenamos las recopilaciones de diseños web. Comenzamos esta serie con 10 páginas cuyos diseños nos han gustado especialmente. A la hora de comenzar un nuevo diseño, nunca está de más echar un vistazo antes a lo que circula por la red para sacar algunas ideas. Recordad que todo gran artista ha sido primero un gran &#8220;copión&#8221;. Antes de desarrollar un estilo y diseño propios, conviene aprender de los mejores.</p>
<p>Espero que las páginas de esta recopilación te sirvan como inspiración para tus propios diseños, o como mínimo, para pasar un buen rato viendo un trabajo imaginativo y de calidad.</p>
<h4>Please Invite me To Dribbble</h4>
<p><center><a href="http://www.pleaseinvitemetodribbble.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/pleaseinvitemetodribbble.jpg" alt="Please Invite me To Dribbble" /></a></center></p>
<h4>Kitschensink</h4>
<p><center><a href="http://www.kitschensink.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/kitschensink.jpg" alt="kitschensink" /></a></center></p>
<h4>Books Alistapart</h4>
<p><center><a href="http://books.alistapart.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/html5webdesigerns.jpg" alt="alistapart" /></a></center></p>
<h4>Pieoneers</h4>
<p><center><a href="http://www.pieoneers.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/pieoneers.jpg" alt="Pieoneers" /></a></center></p>
<h4>Haveamint</h4>
<p><center><a href="http://www.haveamint.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/mint.jpg" alt="Haveamint" /></a></center></p>
<h4>The Combine</h4>
<p><center><a href="http://www.thecombine.org/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/thecombine.jpg" alt="The Combine" /></a></center></p>
<h4>Made By Rocket</h4>
<p><center><a href="http://www.madebyrocket.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/rocket.jpg" alt="madebyrocket" /></a></center></p>
<h4>Greenzoner</h4>
<p><center><a href="http://www.greenzoner.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/greenzoner.jpg" alt="greenzoner" /></a></center></p>
<h4>La Fraise</h4>
<p><center><a href="http://www.lafraise.com/Contest"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/lafraise.jpg" alt="La Fraise" /></a></center></p>
<h4>Huxleyprairiefest</h4>
<p><center><a href="http://www.huxleyprairiefest.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/praurierfest10.jpg" alt="Huxleyprairiefest" /></a></center></p>
<h3>Reflexión final</h3>
<p>Espero que esta colección os haya inspirado y realmente haga volar vuestra imaginación&#8230; Recordad que aceptamos sugerencias de cualquier tipo y que podréis hacérnoslas llegar desde nuestro <a href="http://twitter.com/ontuts">twitter</a>, <a href="/contacto">sección de contacto</a> o <a href="http://www.facebook.com/ontuts">página facebook</a>.</p>
<p>See you in another life!</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/recursos/once-30-iconos-web-gratis-de-caracter-general-para-tus-disenos/' rel='bookmark' title='Permanent Link: Once: 30 Iconos Web Gratis de Carácter General para tus Diseños'>Once: 30 Iconos Web Gratis de Carácter General para tus Diseños</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-caracteristicas-para-disenar-una-portada-web-rompedora/' rel='bookmark' title='Permanent Link: 10 Características para diseñar una Portada Web Rompedora'>10 Características para diseñar una Portada Web Rompedora</a></li>
<li><a href='http://web.ontuts.com/recursos/woofunction-178-impresionantes-iconos-gratis-para-tus-disenos-web/' rel='bookmark' title='Permanent Link: WooFunction: 178 Impresionantes Iconos Gratis para tus Diseños Web'>WooFunction: 178 Impresionantes Iconos Gratis para tus Diseños Web</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-9/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #9'>Logos que Inspiran Volumen #9</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/10-disenos-web-originales-y-llenos-de-color/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Logos que Inspiran Volumen #12</title>
		<link>http://web.ontuts.com/inspiracion/logos-inspiracion/logos-que-inspiran-volumen-12/</link>
		<comments>http://web.ontuts.com/inspiracion/logos-inspiracion/logos-que-inspiran-volumen-12/#comments</comments>
		<pubDate>Wed, 04 Aug 2010 12:01:07 +0000</pubDate>
		<dc:creator>Adrián Mato</dc:creator>
				<category><![CDATA[Logos]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[logos]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=4874</guid>
		<description><![CDATA[Duodécimo volumen perteneciente a la categoría <a href="category/inspiracion">inspiración</a> con la cual pretendemos recopilar logos que evoquen inspiración y despierten el lado creativo que llevamos dentro. ¡Deja volar tu creatividad e imaginación!


Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-10/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #10'>Logos que Inspiran Volumen #10</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-11/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #11'>Logos que Inspiran Volumen #11</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-6/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #6'>Logos que Inspiran Volumen #6</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-9/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #9'>Logos que Inspiran Volumen #9</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Acerca de esta recopilación</h3>
<p>Duodécima publicación de &#8220;Logos que Inspiran&#8221;. Continuamos recopilando logos con un buen acabado visual, algunos destacan por ser realmente ingeniosos por la forma en que han logrado recrear las formas, otros son más sencillos pero de una gran calidad&#8230; en definitiva, logos que realmente impresionan e inspiran y que tratarán de despertar tu imaginación.</p>
<h4>IDEA Studios</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/idea.png" alt="IDEA Studios" /></center></p>
<h4>Fork</h4>
<p><center><a href="http://incspring.com/logo-design/details/3920"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/fork.png" alt="fork" /></a></center></p>
<h4>Sky of Love</h4>
<p><center><a href="http://skyoflove.org/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/skyoflove.png" alt="Sky of Love" /></a></center></p>
<h4>Koloroo</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/koloroo.png" alt="Koloroo" /></center></p>
<h4>Firestarter</h4>
<p><center><a href="http://www.nocturn.ro/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/firestarter.png" alt="Firestarter" /></a></center></p>
<h4>Octo Bird</h4>
<p><center><a href="http://www.logonise.me"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/octobird.png" alt="Octo Bird" /></a></center></p>
<h4>Ketchup</h4>
<p><center><a href="http://www.alekchmura.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/kecz.jpg" alt="Ketchup" /></a></center></p>
<h4>Stich City</h4>
<p><center><a href="http://creattica.com/logos/stitch-city/22342"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/stitchcity.png" alt="Stich City" /></center></p>
<h4>Ecoelectrons</h4>
<p><center><a href="http://www.ecoelectrons.com"><img src="http://web.ontuts.com/wp-content/uploads/2010/08/ecoelectrons.png" alt="Ecoelectrons" /></a></center></p>
<h4>Southeastern Music</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/08/southeastern.png" alt="Southeastern Music" /></center></p>
<h3>Reflexión final</h3>
<p>Espero que os sea de utilidad y realmente estas colecciones despierten vuestro ingenio&#8230; Recordad que aceptamos sugerencias de cualquier tipo y que podréis hacérnoslas llegar desde nuestro <a href="http://twitter.com/ontuts">twitter</a>, <a href="/contacto">sección de contacto</a> o <a href="http://www.facebook.com/ontuts">página facebook</a>.</p>
<p>¡Nos vemos en la próxima publicación!</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-10/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #10'>Logos que Inspiran Volumen #10</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-11/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #11'>Logos que Inspiran Volumen #11</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-6/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #6'>Logos que Inspiran Volumen #6</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-9/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #9'>Logos que Inspiran Volumen #9</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/logos-inspiracion/logos-que-inspiran-volumen-12/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>10 imágenes impresionantes de arte basado en Videojuegos</title>
		<link>http://web.ontuts.com/inspiracion/10-imagenes-impresionantes-de-arte-basado-en-videojuegos/</link>
		<comments>http://web.ontuts.com/inspiracion/10-imagenes-impresionantes-de-arte-basado-en-videojuegos/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 14:10:15 +0000</pubDate>
		<dc:creator>Javier López</dc:creator>
				<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[videojuegos]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=4745</guid>
		<description><![CDATA[Como hemos comentado en otros artículos, existe una corriente de desarrolladores de videojuegos independientes que acercan el mundo del arte a los videojuegos. Combinando la inspiración en videojuegos, con el diseño digital y sin miedo a mezclar distintos estilos he recopilado una serie de obras que nos acercan a esta corriente artística que esconde auténticas maravillas.... ¡Disfrutad con esta colección!


Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/son-arte-los-videojuegos/' rel='bookmark' title='Permanent Link: Y tú&#8230; ¿Crees que son Arte los Videojuegos?'>Y tú&#8230; ¿Crees que son Arte los Videojuegos?</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-impresionantes-posters-basados-en-tipografia/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Impresionantes Posters basados en Tipografía'>Nos inspira&#8230; Impresionantes Posters basados en Tipografía</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-la-vanguardia-de-desarrolladores-de-videojuegos-independientes/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; la vanguardia de desarrolladores de videojuegos independientes'>Nos inspira&#8230; la vanguardia de desarrolladores de videojuegos independientes</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-el-arte-perdido-de-la-pelicula/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; El Arte Perdido de la Película'>Nos inspira&#8230; El Arte Perdido de la Película</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Introducción a esta colección</h3>
<p>Como hemos comentado en otros artículos, existe una corriente de <a href="http://web.ontuts.com/inspiracion/nos-inspira-la-vanguardia-de-desarrolladores-de-videojuegos-independientes/">desarrolladores de videojuegos independientes</a> que <a href="http://web.ontuts.com/inspiracion/son-arte-los-videojuegos/">acercan el mundo del arte a los videojuegos</a>.</p>
<p>Tal es así que los videojuegos se están convirtiendo en un <strong>icono popular</strong> aprovechado por muchos artistas contemporáneos como fuente de <strong>inspiración</strong> para sus obras.</p>
<p>Combinando la inspiración en videojuegos, con el diseño digital y sin miedo a mezclar distintos estilos he recopilado una serie de obras que nos acercan a esta corriente artística que esconde auténticas maravillas&#8230;. ¡Disfrutad con esta colección!</p>
<h3>Disfruta de la colección&#8230;</h3>
<h4>Tumbledrop for Iphone</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/tumbledrop-iphone-512.jpg"  /></center></p>
<h4>Characters of Zuri and Yandu by Kim Smith</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/game-concept-characters-by-kim-smith-512.jpg" /></center></p>
<h4>Braid Hourglass</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/braid-hourglass-512.jpg" /></center></p>
<h4>Another World Fan Art</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/another-world-orioto-512.jpg" /></center></p>
<h4>Black and white Mario universe</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/mario-derekyu-512.jpg" /></center></p>
<h4>Isocastle, aweasome pixelart work by Yuriy Gusev</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/isocastle-512.jpg" /></center></p>
<h4>Paul Robertson “Big Dick”</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/dicks.jpg" /></center></p>
<h4>Mina of the Pirates by Konjak</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/minalick-by-konjak-512.jpg" /></center></p>
<h4>Monkey Island 2 Using Cry Engine</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/monkey-island-2-cry-engine-512.jpg" /></center></p>
<h4>Kirby Bird Chase Time by Mikaël Aguirre</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/07/kirby-bird-chase-time-orioto-512.jpg" /></center></p>
<h3>Nos gusta</h3>
<p>El talento derrochado en todas y cada una de estas obras y que el mundo de los videojuegos se esté convirtiendo en un icono de inspiración popular para muchos artistas contemporáneos.</p>
<p>See you in another file!</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/son-arte-los-videojuegos/' rel='bookmark' title='Permanent Link: Y tú&#8230; ¿Crees que son Arte los Videojuegos?'>Y tú&#8230; ¿Crees que son Arte los Videojuegos?</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-impresionantes-posters-basados-en-tipografia/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Impresionantes Posters basados en Tipografía'>Nos inspira&#8230; Impresionantes Posters basados en Tipografía</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-la-vanguardia-de-desarrolladores-de-videojuegos-independientes/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; la vanguardia de desarrolladores de videojuegos independientes'>Nos inspira&#8230; la vanguardia de desarrolladores de videojuegos independientes</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-el-arte-perdido-de-la-pelicula/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; El Arte Perdido de la Película'>Nos inspira&#8230; El Arte Perdido de la Película</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/10-imagenes-impresionantes-de-arte-basado-en-videojuegos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Nos inspira&#8230; Impresionantes Posters basados en Tipografía</title>
		<link>http://web.ontuts.com/inspiracion/nos-inspira-impresionantes-posters-basados-en-tipografia/</link>
		<comments>http://web.ontuts.com/inspiracion/nos-inspira-impresionantes-posters-basados-en-tipografia/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 17:23:24 +0000</pubDate>
		<dc:creator>Adrián Mato</dc:creator>
				<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[posters]]></category>
		<category><![CDATA[tipografia]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=4505</guid>
		<description><![CDATA[En esta ocasión os presentamos una colección de posters basados única y exclusivamente en tipografías de todo tipo. Los autores juegan con las formas, tamaños, colores... para dar paso a auténticas joyas en forma de poster. ¡No os lo perdáis!


Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/nos-inspira-kiteography-tipografia-en-las-nubes/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Kiteography, tipografía en las nubes'>Nos inspira&#8230; Kiteography, tipografía en las nubes</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-creativos-para-haiti/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Creativos para Haití'>Nos inspira&#8230; Creativos para Haití</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-imagenes-impresionantes-de-arte-basado-en-videojuegos/' rel='bookmark' title='Permanent Link: 10 imágenes impresionantes de arte basado en Videojuegos'>10 imágenes impresionantes de arte basado en Videojuegos</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-z33-art-center-de-hasselt-belgica/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Z33 Art Center de Hasselt, Bélgica'>Nos inspira&#8230; Z33 Art Center de Hasselt, Bélgica</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Introducción a esta colección</h3>
<p>Como siempre hemos comentado en nuestros artículos, la tipografía es realmente importante a la hora de abordar un diseño. Sin embargo, tratar de generar un poster basado exclusivamente en tipografía es todavía un reto mayor&#8230; que algunos artistas consiguen con auténtico éxito.</p>
<p>Combinando diferentes formas, colores, tamaños y localizaciones los siguientes autores han creado auténticas maravillas dignas de admirar&#8230; ¡Disfrutad con esta colección!</p>
<h3>Disfruta de la colección&#8230;</h3>
<h4>Typography Poster Design</h4>
<p><center><a href="http://www.flickr.com/photos/27798069@N07/3129391067/"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/typographytposter.jpg" alt="Typography Poster Design" /></a></center></p>
<h4>Book Your Place In Space #1</h4>
<p><center><a href="http://www.flickr.com/photos/riknabarro/4522677470/"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/space.jpg" alt="Book Your Place In Space #1" /></a></center></p>
<h4>Pebble</h4>
<p><center><a href="http://www.behance.net/Gallery/Typeface-Design/149971"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/pebble.jpg" alt="Pebble" /></a></center></p>
<h4>Definition of an Event</h4>
<p><center><a href="http://dizzia.deviantart.com/art/Definition-of-an-event-101880010"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/definition.jpg" alt="Definition of an Event" /></a></center></p>
<h4>ValMelo</h4>
<p><center><a href="http://www.flickr.com/photos/vccgraphics/4269293219/in/set-72157594204888427/"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/valmelo.jpg" alt="ValMelo" /></a></center></p>
<h4>Museo</h4>
<p><center><a href="http://www.flickr.com/photos/eduardouzae/4470123904/"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/museo.jpg" alt="Museo" /></a></center></p>
<h4>Some People Refuse To Be Default</h4>
<p><center><a href="http://ahmedgalal.deviantart.com/art/Some-People-refuse-2-b-default-82632904"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/pebble.jpg" alt="Some People Refuse To Be Default" /></a></center></p>
<h4>Good Typography is Invisible</h4>
<p><center><a href="http://www.flickr.com/photos/miscellaneous_pretty/3156404417/"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/invisible.jpg" alt="Good Typography is Invisible" /></a></center></p>
<h4>JP Perez – Caslon Poster</h4>
<p><center><a href="http://www.flickr.com/photos/vccgraphics/4578949243/in/set-72157594204888427/"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/caslon.jpg" alt="JP Perez – Caslon Poster" /></a></center></p>
<h4>Signs</h4>
<p><center><a href="http://aanoi.deviantart.com/art/Signs-106199779"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/signs.png" alt="Signs" /></a></center></p>
<h4>Univers</h4>
<p><center><a href="http://www.flickr.com/photos/miadcommunicationdesign/2486749876/"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/univers.jpg" alt="Univers" /></a></center></p>
<h4>Chicago</h4>
<p><center><a href="http://www.flickr.com/photos/vccgraphics/4579577666/in/set-72157594204888427/"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/chicago.jpg" alt="Chicago" /></a></center></p>
<h4>Typographic Autobiography</h4>
<p><center><a href="http://vics.deviantart.com/art/typographic-autobiography-79978031"><img src="http://web.ontuts.com/wp-content/uploads/2010/07/fingerptint.png" alt="Typographic Autobiography" /></a></center></p>
<h3>Nos gusta</h3>
<p>Que el arte de diseñar posters siga evolucionando día tras día mostrándonos auténticas obras de arte. Algo que a priori pueda parecer tan sencillo como emplear una única tipografía para diseñar un poster tiene detrás mucho trabajo y talento.</p>
<p>¡Nos vemos en la próxima publicación!</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/nos-inspira-kiteography-tipografia-en-las-nubes/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Kiteography, tipografía en las nubes'>Nos inspira&#8230; Kiteography, tipografía en las nubes</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-creativos-para-haiti/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Creativos para Haití'>Nos inspira&#8230; Creativos para Haití</a></li>
<li><a href='http://web.ontuts.com/inspiracion/10-imagenes-impresionantes-de-arte-basado-en-videojuegos/' rel='bookmark' title='Permanent Link: 10 imágenes impresionantes de arte basado en Videojuegos'>10 imágenes impresionantes de arte basado en Videojuegos</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-z33-art-center-de-hasselt-belgica/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Z33 Art Center de Hasselt, Bélgica'>Nos inspira&#8230; Z33 Art Center de Hasselt, Bélgica</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/nos-inspira-impresionantes-posters-basados-en-tipografia/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Logos que Inspiran Volumen #11</title>
		<link>http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-11/</link>
		<comments>http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-11/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 10:50:08 +0000</pubDate>
		<dc:creator>Adrián Mato</dc:creator>
				<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[logos]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=4352</guid>
		<description><![CDATA[Undécimo capítulo perteneciente a la categoría <a href="category/inspiracion">inspiración</a> con la cual pretendemos recopilar logos que evoquen inspiración y despierten el lado creativo que llevamos dentro. ¡Deja volar tu creatividad e imaginación!


Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-10/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #10'>Logos que Inspiran Volumen #10</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-6/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #6'>Logos que Inspiran Volumen #6</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-9/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #9'>Logos que Inspiran Volumen #9</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-8/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #8'>Logos que Inspiran Volumen #8</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Acerca de esta recopilación</h3>
<p>En este ya undécimo volumen de &#8220;Logos que Inspiran&#8221; continuamos recopilando logos con un buen acabado visual, algunos destacan por ser realmente ingeniosos por la forma en que han logrado recrear las formas, otros son más sencillos pero de una gran calidad&#8230; en definitiva, logos que realmente impresionan e inspiran y que tratarán de despertar tu imaginación.</p>
<h4>Safety</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/06/safety.png" alt="Safety" /></center></p>
<h4>Bckspace</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/06/bckspace.png" alt="bckspace" /></center></p>
<h4>Filmurbia</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/06/filmurbia.png" alt="Filmurbia" /></center></p>
<h4>PokerHills</h4>
<p><center><a href="http://type08.com/"><img src="http://web.ontuts.com/wp-content/uploads/2010/06/pokerhills.png" alt="PokerHills" /></a></center></p>
<h4>Tulipae</h4>
<p><center><a href="http://brandstack.com/logo-design/details/17965"><img src="http://web.ontuts.com/wp-content/uploads/2010/06/tulipae.png" alt="Tulipae" /></a></center></p>
<h4>Colour Photography</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/06/colour.png" alt="Colour Photography" /></center></p>
<h4>Calm Coffee</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/06/calmcofee.png" alt="Calm Coffee" /></center></p>
<h4>Denshu Sushi</h4>
<p><center><a href="http://cargocollective.com/tomhuveners"><img src="http://web.ontuts.com/wp-content/uploads/2010/06/denshusushi.png" alt="Denshu Sushi" /></a></center></p>
<h4>Fusion</h4>
<p><center><a href="http://www.nocturn.ro/"><img src="http://web.ontuts.com/wp-content/uploads/2010/06/fusion.png" alt="Fusion" /></a></center></p>
<h4>Just Creative Design</h4>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/06/justcreativedesign.png" alt="Just Creative Design" /></center></p>
<h3>Reflexión final</h3>
<p>Espero que os sea de utilidad y realmente estas colecciones despierten vuestro ingenio&#8230; Recordad que aceptamos sugerencias de cualquier tipo y que podréis hacérnoslas llegar desde nuestro <a href="http://twitter.com/ontuts">twitter</a>, <a href="/contacto">sección de contacto</a> o <a href="http://www.facebook.com/ontuts">página facebook</a>.</p>
<p>¡Nos vemos en la próxima publicación!</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-10/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #10'>Logos que Inspiran Volumen #10</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-6/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #6'>Logos que Inspiran Volumen #6</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-9/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #9'>Logos que Inspiran Volumen #9</a></li>
<li><a href='http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-8/' rel='bookmark' title='Permanent Link: Logos que Inspiran Volumen #8'>Logos que Inspiran Volumen #8</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/logos-que-inspiran-volumen-11/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Nos inspira&#8230; Z33 Art Center de Hasselt, Bélgica</title>
		<link>http://web.ontuts.com/inspiracion/nos-inspira-z33-art-center-de-hasselt-belgica/</link>
		<comments>http://web.ontuts.com/inspiracion/nos-inspira-z33-art-center-de-hasselt-belgica/#comments</comments>
		<pubDate>Mon, 31 May 2010 10:09:35 +0000</pubDate>
		<dc:creator>Javier López</dc:creator>
				<category><![CDATA[Inspiración]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[z33]]></category>

		<guid isPermaLink="false">http://web.ontuts.com/?p=3899</guid>
		<description><![CDATA[Analizamos la exposición Design by Performance del Z33 Art Center de Hasselt, Bélgica, donde se mezcla el diseño con la tecnología mostrando las tendencias de diseño más vanguardistas de Europa, en las que incluso más que el objeto resultante, resulta sorprendente el proceso de fabricación.


Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/nos-inspira-burneverything-en-la-ciudad-liverpool/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; BurnEverything en la ciudad Liverpool'>Nos inspira&#8230; BurnEverything en la ciudad Liverpool</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-impresionantes-posters-basados-en-tipografia/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Impresionantes Posters basados en Tipografía'>Nos inspira&#8230; Impresionantes Posters basados en Tipografía</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-la-vanguardia-de-desarrolladores-de-videojuegos-independientes/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; la vanguardia de desarrolladores de videojuegos independientes'>Nos inspira&#8230; la vanguardia de desarrolladores de videojuegos independientes</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-identidad-en-tarjetas-de-visita/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Identidad en Tarjetas de Visita'>Nos inspira&#8230; Identidad en Tarjetas de Visita</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Aprovechando las ventajas del teletrabajo</h3>
<p>Una de las cosas buenas de ser autónomo es que tienes una completa movilidad para trabajar desde donde quieras. El mes pasado se me fue la cabeza, cogí mi portátil y me fui a Bélgica una temporada.</p>
<p>En uno de mis viajes, visité la ciudad de <a href="http://www.erasmusu.com/en/erasmus-hasselt">Hasselt</a>. Me gustó mucho su <a href="http://sobrebelgica.com/2008/09/28/hasselt-el-jardin-japones-y-el-museo-bokrijk/">jardín japones</a>, pero sobre todo me sorprendió la exposición gratuita <a href="http://www.z33.be/projecten/designbyperformance">Design by Performance</a> del <a href="http://www.facebook.com/Z33be">Z33 Art Center</a>.</p>
<h3>Conociendo el Z33 Art Center de Bélgica</h3>
<p>El <a href="http://www.z33.be">Z33</a> organiza todo tipo de exposiciones vanguardistas, de ese tipo de arte que no resulta fácil de comprender, o que simplemente te parece una ida de olla. No siempre las realizan en un entorno cerrado, a veces las llevan a la calle&#8230; o al rio. Desde luego un <strong>patito hinchable gigante</strong> no deja indiferente a nadie. Pincha sobre el patito para ver una galería con más imágenes:</p>
<p><center><a href="http://www.flickr.com/photos/z33be/sets/72157619060906773/"><img src="http://web.ontuts.com/wp-content/uploads/2010/05/patito_hinchable_gigante.jpg" alt="" title="patito_hinchable_gigante" width="512" height="341" class="alignnone size-full wp-image-3904" /></a></center></p>
<p>El patito me lo perdí, pero la exposición de la que os hablaba era igualmente espectacular. Era una acertada mezcla entre <strong>arte moderno</strong> y <strong>tecnología</strong>. Aparte de todo tipo de objetos de diseño, te explicaban los procesos que habían utilizado para crear dichos objetos. En todos los casos <strong>era más sorprendente el proceso, que el objeto creado en sí</strong>. Además, había máquinas con las que podías interactuar en escenarios que a veces asustaban un poco.</p>
<p>La exposición comenzaba atravesando una cortina negra, tras la cual te aguardaba una sala poco iluminada cuya luz iba aumentando progresivamente casi sin que te dieras cuenta. Cuando tus ojos se acostumbraban a la penumbra, veías ante ti un habitáculo de paredes transparentes, una especie de estudio. </p>
<p>Una voz átona te invitaba a entrar al interior. Superado el miedo inicial y una vez dentro, por medio de algún tipo de sensor, la improvisada &#8220;casa&#8221; <strong>se daba cuenta de tu presencia</strong> y bajaba las persianas para darte intimidad. En el interior, la voz te iba guiando para que te recostaras en la silla, interactuaras con algunos objetos, caminaras de un lado a otro, etc. </p>
<blockquote><p>Las disciplinas que muestra el Z33 están relacionadas con el arte visual contemporáneo y el diseño. Z33 investiga tanto los límite como los puntos de yuxtaposición entre ambas disciplinas.</p></blockquote>
<p>En todo momento la casa parecía saber donde te encontrabas y qué estabas haciendo. Salí de allí un poco mareado, porque los cambios de iluminación eran constantes, se encendían y apagaban luces automáticamente y a veces algunos objetos emitían ruidos chillones. Parecía aquello una mezcla entre <a href="http://www.filmaffinity.com/es/film941282.html">Encuentros en la tercera fase</a> y <a href="http://es.wikipedia.org/wiki/Poltergeist">Poltergeist</a>.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/05/z33_exposition_image_by_performance_1.jpg" alt="" title="z33_exposition_image_by_performance_1" width="512" height="342" class="alignnone size-full wp-image-3911" /></center></p>
<p>La siguiente sala contrastaba con una iluminación muy intensa, era como pasar de la noche al día. En ella se exhibían sin ninguna explicación una serie de objetos de aspectos <strong>deformes</strong>. Ni un sólo objeto de la sala era simétrico, ni siquiera la sala en sí. Todo ello te hacía sentir bastante raro.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/05/design_by_performance_caves.jpg" alt="" title="design_by_performance_caves" width="512" height="378" class="alignnone size-full wp-image-3923" /></center></p>
<p>Los espacios estaban separados por cortinillas colgantes muy resultonas pero bastante molestas.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/05/design_by_performance_space.jpg" alt="" title="design_by_performance_space" width="512" height="342" class="alignnone size-full wp-image-3926" /></center></p>
<p>Tras esta sala, y subiendo por unas escaleras, se mostraba proyectado en la pared <strong>el reloj más curioso que he visto en mi vida</strong>. De hecho, costaba darse cuenta de que era un reloj. En él se veían a dos barrenderos, en una vista cenital, moviéndose de un lado para otro, y cada minuto empujaban una fila de basura, barriéndola, que hacía las veces de aguja del reloj. Tras darle bastantes vueltas, supongo que la manera de hacerlo fue grabar durante una hora el cambio de todos los minutos, y que cada hora giran la imagen 1 / 12 de ángulo para mostrar la siguiente hora aprovechando el mismo vídeo&#8230; <strong>¿crees que lo hacen de otra manera?</strong></p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/05/ingenioso_reloj.jpg" alt="" title="ingenioso_reloj" width="512" height="342" class="alignnone size-full wp-image-3935" /></center></p>
<p>En esta planta había varias salas. En la primera de ellas se exhibía un artilugio que no tengo ni idea para qué valía, si es que tenía alguna utilidad. Colgaba del techo e iba girando, haciendo subir a modo de abanico una serie de hilos de los que colgaba algodón. Estas &#8220;bolas&#8221; de algodón se sumergían en cubos de agua, empapándose. Quizás era algún tipo de pseudo <a href="http://es.wikipedia.org/wiki/M%C3%B3vil_perpetuo">perpetuum mobile</a>. Lástima que la guía estuviera en flamenco y no entendiera lo que explicaban.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/05/z33_exposition.jpg" alt="" title="z33_exposition" width="512" height="704" class="alignnone size-full wp-image-3938" /></center></p>
<p>La siguiente sala estaba prácticamente a oscuras, con paredes que iban girando y creando una especie de <strong>laberinto</strong>. Te sentías como dentro de un videojuego, porque las paredes podían dejarte atrapado temporalmente en algunos puntos, o incluso &#8220;aplastarte&#8221; si te quedabas quieto donde no debías. Claro está no tenían la fuerza suficiente como para hacerte daño, y supongo que por eso no me encontré con ningún esqueleto tras una esquina.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/05/z33_labertion_2.jpg" alt="" title="z33_labertion_2" width="512" height="342" class="alignnone size-full wp-image-3942" /></center></p>
<p>Atravesado el laberinto, llegabas a una sala en la que el suelo parecía una superficie lisa completamente pulida. Al acercarte te dabas cuenta de que en realidad era agua. Sólo había un palmo de profundidad pero estuve a punto de pisar dentro por descuido. Fijo que más de un visitante se ha llevado una sorpresilla ahí, porque estaba todo muy oscuro. El improvisado estanque podía ser atravesado saltando por unas plataformas, al más puro estilo de las <a href="http://www.youtube.com/watch?v=WZLGZncpkXY">zamburguesas</a> de Humor Amarillo. Mientras cruzabas, dos motores colgando de cuerdas rugían a izquierda y derecha girando endiabladamente, pero sin llegar a poder tocarte. Una vez más daba la impresión de estar metido en una pantalla del Mario.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/05/z33_labertion_1.jpg" alt="" title="z33_labertion_1" width="512" height="347" class="alignnone size-full wp-image-3941" /></center></p>
<p>En las siguientes salas se volvía a la luz y la tranquilidad. La exposición adquiría un toque más <strong>científico </strong>en esta parte. Se mostraban diferentes tipos de máquinas con las que podías interactuar. Me llamó especialmente la atención un artilugio con el que <strong>podías modelar 3d utilizando únicamente tus manos</strong>, sin ningún otro periférico. Te sentabas en una silla y un laser captaba lo que hacían tus manos y aplicaba los cambios a un cilindro tridimensional que se mostraba en una pantalla. </p>
<p>Cuando estabas satisfecho con tu obra de arte podías darle al botón &#8220;Guardar&#8221; y tu creación pasaba a proyectarse junto con la fecha en una pared. Era bastante rudimentario y muy poco flexible, pues apenas podías influir en la superficie de la malla tridimensional, pero no dejaba de ser muy curioso, sobre todo para mí que soy diseñador 3d y alguna vez me he imaginado soltando el ratón y cogiendo con mis manos la malla para editarla directamente. Sea como sea, esta tecnología está aún lejos de ofrecer este nivel de interactividad.</p>
<p><center><img src="http://web.ontuts.com/wp-content/uploads/2010/05/modelando_3d_con_las_manos.jpg" alt="" title="modelando_3d_con_las_manos" width="512" height="342" class="alignnone size-full wp-image-3947" /></center></p>
<p>Las siguientes salas mostraban vídeos sobre métodos de fabricación de artículos de diseño. Aquí vi <strong>lo más impresionante de toda la exposición</strong>. En el en vídeo, que he logrado encontrar en youtube y os pongo debajo, se ve como mediante captura de movimientos dos chicas del estudio <a href=" http://www.frontdesign.se">Front Design</a> diseñan muebles directamente en el aire, moviendo gracilmente un &#8220;lápiz&#8221; que lo que hace es ir enviando su posición en el espacio a un ordenador. Esta información se procesa y se convierte en un modelo 3d, que finalmente es fabricado por una máquina en un material que recuerda al plástico. Es decir, <strong>puedes diseñar tus muebles directamente en el aire, con tus manos</strong>. Increíble.</p>
<p><center><object width="512" height="417"><param name="movie" value="http://www.youtube.com/v/8zP1em1dg5k&#038;hl=es_ES&#038;fs=1&#038;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8zP1em1dg5k&#038;hl=es_ES&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></center></p>
<p>Podéis ver más fotos de la exposición <a href="http://www.flickr.com/photos/z33be/sets/72157623525743153/">aquí</a>.</p>
<h3>Nos gusta</h3>
<p>Nos gusta y nos llama la atención el nivel de &#8220;locura&#8221; que pueden llegar a alcanzar estas exposiciones vanguardistas, algunas como el patito mostrado al comienzo del artículo son realmente imponentes y únicas&#8230;</p>
<p>¿Qué opináis sobre este tipo de arte moderno? ¿Queréis que escribamos más artículos sobre este tema?</p>
<p>See you in another life.</p>


<p>Related posts:<ol><li><a href='http://web.ontuts.com/inspiracion/nos-inspira-burneverything-en-la-ciudad-liverpool/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; BurnEverything en la ciudad Liverpool'>Nos inspira&#8230; BurnEverything en la ciudad Liverpool</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-impresionantes-posters-basados-en-tipografia/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Impresionantes Posters basados en Tipografía'>Nos inspira&#8230; Impresionantes Posters basados en Tipografía</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-la-vanguardia-de-desarrolladores-de-videojuegos-independientes/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; la vanguardia de desarrolladores de videojuegos independientes'>Nos inspira&#8230; la vanguardia de desarrolladores de videojuegos independientes</a></li>
<li><a href='http://web.ontuts.com/inspiracion/nos-inspira-identidad-en-tarjetas-de-visita/' rel='bookmark' title='Permanent Link: Nos inspira&#8230; Identidad en Tarjetas de Visita'>Nos inspira&#8230; Identidad en Tarjetas de Visita</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://web.ontuts.com/inspiracion/nos-inspira-z33-art-center-de-hasselt-belgica/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
