<?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>Concepto Pixel &#187; Diseño</title>
	<atom:link href="http://www.conceptopixel.com/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.conceptopixel.com</link>
	<description></description>
	<lastBuildDate>Fri, 25 Mar 2011 16:11:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>7 consejos para comenzar una carrera de dise&#241;o web</title>
		<link>http://www.conceptopixel.com/7-consejos-para-comenzar-una-carrera-de-diseo-web</link>
		<comments>http://www.conceptopixel.com/7-consejos-para-comenzar-una-carrera-de-diseo-web#comments</comments>
		<pubDate>Fri, 25 Mar 2011 15:12:00 +0000</pubDate>
		<dc:creator>Andrés Prada</dc:creator>
				<category><![CDATA[Diseño]]></category>

		<guid isPermaLink="false">http://www.conceptopixel.com/7-consejos-para-comenzar-una-carrera-de-diseo-web</guid>
		<description><![CDATA[El diseño web es una de las carreras en el mundo del diseño que en este momento más se esta viendo. Y para nadie es secreto que los diseñadores de el año 2011 son en su mayoría autodidactas, así que les dejo 7 consejos para comenzar en una carrera de diseño web, los encontré en ... <a href="http://www.conceptopixel.com/7-consejos-para-comenzar-una-carrera-de-diseo-web">Continue Reading</a>


Related posts:<ol><li><a href='http://www.conceptopixel.com/sobre-la-universidad-el-tiempo-el-examen-y-un-poco-de-la-carrera-que-quiero-estudiar' rel='bookmark' title='Permanent Link: Sobre la Universidad, el tiempo, el examen y un poco de la carrera que quiero estudiar'>Sobre la Universidad, el tiempo, el examen y un poco de la carrera que quiero estudiar</a></li>
<li><a href='http://www.conceptopixel.com/renovacion-de-concepto-pixel-para-2010' rel='bookmark' title='Permanent Link: Renovación de Concepto Pixel para 2010'>Renovación de Concepto Pixel para 2010</a></li>
<li><a href='http://www.conceptopixel.com/encontrar-imagenes-en-internet' rel='bookmark' title='Permanent Link: 3 sitios para encontrar imágenes en Internet'>3 sitios para encontrar imágenes en Internet</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.conceptopixel.com/wp-content/uploads/2011/03/Carrera1.jpg"><img class="aligncenter" style="padding-left: 0px;padding-right: 0px;float: none;margin-left: auto;margin-right: auto;padding-top: 0px;border: 0px" src="http://www.conceptopixel.com/wp-content/uploads/2011/03/Carrera_thumb1.jpg" border="0" alt="Carrera" width="550" height="267" /></a></p>
<p>El diseño web es una de las carreras en el mundo del diseño que en este momento más se esta viendo. Y para nadie es secreto que los diseñadores de el año 2011 son en su mayoría autodidactas, así que les dejo 7 consejos para comenzar en una carrera de diseño web, los encontré en Inglés en Designmodo.com y se los traduzco para ustedes, de ConceptoPixel.com y bueno, también le doy mi toque personal:</p>
<p><strong>1. ¿Realmente necesitas graduarte en diseño web?</strong></p>
<p>En lo primero que puedes pensar es si quieres o no graduarte en diseño web, ya que esta carrera da la opción de dejar a un lado la teoría e ir directamente a la práctica, claro que si quieres ser profesional, o manejar un grupo de trabajo y llegar a ser tutor o profesor de diseño, es mejor que estudies un curso. Yo en lo personal recomiendo cursos rápidos de diseño web, duran cada uno un semestre, aprendes mucho, le entregas todo tu tiempo y ya esta.</p>
<p>También recomiendo hacer el curso de Adobe y participar en conferencias de diseño.</p>
<p><strong>2. Los padrinos de diseño web</strong></p>
<p>Después de comenzar con la carrera es importante conseguir padrinos o modelos a seguir en diseño web, sin copiar, puedes elegir buenos diseñadores y seguir algunas de sus teorias, lo mejor es tener contacto con ellos por chat, por mensajes de correo electrónico y preguntarle lo que no entiendas, que te de consejos, que te hable sobre su experiencia. Luego irás creando con bases en tu padrino tu propio estilo y moda en diseño web.</p>
<p>Personalmente ya tengo mis padrinos, mantengo un contacto con ellos por Twitter y no me despego de sus blogs y todo lo que hacen, es importante tener alguno de sus productos para estudiarlos desde cerca.</p>
<p><strong>3. Aprender lo básico y de todo</strong></p>
<p>En el diseño web es importante conocer más de lo que se debe, si te va mejor programando en PHP o diseñando y luego maquetando, es también importante aprender lo básico de cada uno de los códigos que podemos utilizar y todas las técnicas. Comienza con el HTML, continua con el CSS que complementa el primero y luego te vas por el camino del PHP, ActionScript y JavaScript. Aquí te dejo unos enlaces donde aprender cosas básicas de cada cosa:</p>
<p><strong><a href="http://www.phperos.net/foro/index.php">- Foro ‘’PHPeros’’.</a><br />
<a href="http://codecanyon.net/">- Marketplace ‘’CodeCanyon’’.</a><br />
<a href="http://themeforest.net/">- Maketplace ‘’ThemeForest’’.</a></strong></p>
<p>Además no dejes de lado los programas de diseño como Photoshop con el plug-in Divine, Illustrator, Flash y Dreamweaver de Adobe Creative Suite.</p>
<p><strong>4. Practicar mucho</strong></p>
<p>No diseñes únicamente cuando tengas un trabajo o un negocio, haz sin importar que te paguen, diseña utilizando nuevas técnicas y sigue tutoriales, como dice ‘’La practica hace al maestro’’ sé tu propio maestro, no dejes de seguir tutoriales.</p>
<p><strong>5. Tener buenos utensilios</strong></p>
<p>Es importante manejar buenos utensilios, pinceles, programas, texturas, bases para comenzar a diseñar, esto ahorra el trabajo, marca tu estilo y mejora todo. Además ahorras tiempo. Lastimosamente es igual de importante cambiar de vez en cuando, tener un tiempo para crear tus propias texturas y maquetaciones base.</p>
<p>Como cliente no es bueno, satisfactorio ver sitios parecidos, simplemente sea por el fondo, por el mismo menú y lo más desconcertante es ver que lo diseñó la misma persona. No dejes que te vean como un robot que automáticamente va creando diseños parecidos, en diferente orden.</p>
<p><strong>6. Hacer un portafolio </strong></p>
<p>Hacer un portafolio es bastante importante para un diseñador, con el grado que hagas o con los cursos puedes ir formándolo con tus trabajos finales, presentaciones o cosas por el estilo. Haz galerías online y llévalo a todas partes, preséntalo como tu hoja de vida a todos tus clientes, asegúrate de que lo detallen bien, pues lo que te define como diseñador, es el instrumento que te da la gracia de trabajar.</p>
<p><strong>7. Tú y tu calidad</strong></p>
<p>Dejando atrás todos los consejos de cosas para utilizar y hacer, primero piensa en ti, debes pensar en la calidad del trabajo que vas a realizar. Es importante además aprender a decir NO cuando no estas en condiciones de realizar un diseño, una maquetación, un código. Y decir SI a tu calidad de vida, a vivir mejor, relajado, sin mucho estrés haciendo lo que te gusta.</p>
<p><strong><a href="http://designmodo.com/7-tips-to-start-a-web-design-career/">DesignModo: 7 Tips To Start a Web Design Career</a></strong></p>


<p>Related posts:<ol><li><a href='http://www.conceptopixel.com/sobre-la-universidad-el-tiempo-el-examen-y-un-poco-de-la-carrera-que-quiero-estudiar' rel='bookmark' title='Permanent Link: Sobre la Universidad, el tiempo, el examen y un poco de la carrera que quiero estudiar'>Sobre la Universidad, el tiempo, el examen y un poco de la carrera que quiero estudiar</a></li>
<li><a href='http://www.conceptopixel.com/renovacion-de-concepto-pixel-para-2010' rel='bookmark' title='Permanent Link: Renovación de Concepto Pixel para 2010'>Renovación de Concepto Pixel para 2010</a></li>
<li><a href='http://www.conceptopixel.com/encontrar-imagenes-en-internet' rel='bookmark' title='Permanent Link: 3 sitios para encontrar imágenes en Internet'>3 sitios para encontrar imágenes en Internet</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.conceptopixel.com/7-consejos-para-comenzar-una-carrera-de-diseo-web/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Creación de un menú estilo minimalista [parte 2]</title>
		<link>http://www.conceptopixel.com/crear-menu-estilo-minimalista-2</link>
		<comments>http://www.conceptopixel.com/crear-menu-estilo-minimalista-2#comments</comments>
		<pubDate>Tue, 22 Mar 2011 18:30:10 +0000</pubDate>
		<dc:creator>Carlosmax</dc:creator>
				<category><![CDATA[Estilizacion CSS]]></category>
		<category><![CDATA[Video Tutoriales]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[maquetacion]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[minimalista]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.conceptopixel.com/?p=3473</guid>
		<description><![CDATA[Esta es la segunda entrega del tuto sobre la creación de un bonito y sencillo menú minimalista, en la parte anterior expliqué como hacer los íconitos que son la parte escencial de este menú. Sentimos que no se publicara ayer el vídeo, como dijimos, fue un problema técnico. Si te perdiste la parte 1 de ... <a href="http://www.conceptopixel.com/crear-menu-estilo-minimalista-2">Continue Reading</a>


Related posts:<ol><li><a href='http://www.conceptopixel.com/crear-menu-estilo-minimalista-1' rel='bookmark' title='Permanent Link: Creación de un menú estilo minimalista [parte 1]'>Creación de un menú estilo minimalista [parte 1]</a></li>
<li><a href='http://www.conceptopixel.com/crear-una-x-estilo-leopard-con-photoshop' rel='bookmark' title='Permanent Link: Crear una X estilo leopard con Photoshop'>Crear una X estilo leopard con Photoshop</a></li>
<li><a href='http://www.conceptopixel.com/10-packs-de-brushes-estilo-grunge-%c2%a1gratis' rel='bookmark' title='Permanent Link: 10 Packs de Brushes Estilo Grunge ¡GRATIS!'>10 Packs de Brushes Estilo Grunge ¡GRATIS!</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Esta es la segunda entrega del tuto sobre la creación de un bonito y sencillo menú minimalista, en la parte anterior expliqué como hacer los íconitos que son la parte escencial de este menú. Sentimos que no se publicara ayer el vídeo, como dijimos, fue un problema técnico.</p>
<p><span id="more-3473"></span></p>
<blockquote><p>Si te perdiste la parte 1 de este tutorial, te recomiendo visitarla antes de seguir con esta: <a href="http://www.conceptopixel.com/crear-menu-estilo-minimalista-1">Creación de un menú minimalista [parte 1]</a></p></blockquote>
<p>Ahora, en esta parte del tutorial terminamos la creación de los íconos del menú y seguimos con la terminación de la maquetación, añadiendo estilos CSS para el efecto hover que será lo que hará al menú ser estilo minimalista. Esperemos que os guste (recordad dar a &#8220;Me gusta&#8221;, si os ayudan los vídeos, ya que así nos ayudáis a nosotros también <img src='http://www.conceptopixel.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  )</p>
<p><center><iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/TWLupUmYkq0" frameborder="0" allowfullscreen></iframe></center></p>
<p>Os recomiendo que veais el vídeo en Youtube, para más calidad y comodidad <img src='http://www.conceptopixel.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>


<p>Related posts:<ol><li><a href='http://www.conceptopixel.com/crear-menu-estilo-minimalista-1' rel='bookmark' title='Permanent Link: Creación de un menú estilo minimalista [parte 1]'>Creación de un menú estilo minimalista [parte 1]</a></li>
<li><a href='http://www.conceptopixel.com/crear-una-x-estilo-leopard-con-photoshop' rel='bookmark' title='Permanent Link: Crear una X estilo leopard con Photoshop'>Crear una X estilo leopard con Photoshop</a></li>
<li><a href='http://www.conceptopixel.com/10-packs-de-brushes-estilo-grunge-%c2%a1gratis' rel='bookmark' title='Permanent Link: 10 Packs de Brushes Estilo Grunge ¡GRATIS!'>10 Packs de Brushes Estilo Grunge ¡GRATIS!</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.conceptopixel.com/crear-menu-estilo-minimalista-2/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo hacer sombras en el texto con CSS3</title>
		<link>http://www.conceptopixel.com/como-hacer-sombras-en-el-texto-con-css3</link>
		<comments>http://www.conceptopixel.com/como-hacer-sombras-en-el-texto-con-css3#comments</comments>
		<pubDate>Tue, 15 Mar 2011 23:21:20 +0000</pubDate>
		<dc:creator>Andrés Prada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Estilizacion CSS]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.conceptopixel.com/?p=3478</guid>
		<description><![CDATA[Una de las nuevas opciones o posibilidades que nos da el CSS3 es el de realizar las ya popularizadas sombras en los textos, cómo en los títulos de nuestros sitios y más. Hize un corto videotutorial mostrando el proceso, en HTML y CSS: No es una gran cosa, pero ya que esta tan popularmente usada ... <a href="http://www.conceptopixel.com/como-hacer-sombras-en-el-texto-con-css3">Continue Reading</a>


Related posts:<ol><li><a href='http://www.conceptopixel.com/cdigos-de-css3-mas-propiedades-que-quiz-no-conocas-y-que-te-facilitaran-la-vida' rel='bookmark' title='Permanent Link: C&oacute;digos de CSS3 &ndash; Mas propiedades que quiz&aacute; no conoc&iacute;as y que te facilitaran la vida'>C&oacute;digos de CSS3 &ndash; Mas propiedades que quiz&aacute; no conoc&iacute;as y que te facilitaran la vida</a></li>
<li><a href='http://www.conceptopixel.com/crear-un-texto-colorido-neon-en-photoshop' rel='bookmark' title='Permanent Link: Crear un texto colorido neon en Photoshop'>Crear un texto colorido neon en Photoshop</a></li>
<li><a href='http://www.conceptopixel.com/tutorial-crear-seccion-informacion-autor-author-info-wordpress' rel='bookmark' title='Permanent Link: Como crear una secci&oacute;n de autor en WordPress'>Como crear una secci&oacute;n de autor en WordPress</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.conceptopixel.com/wp-content/uploads/2011/03/200px-CSS.svg_.png"><img class="size-full wp-image-3479 aligncenter" src="http://www.conceptopixel.com/wp-content/uploads/2011/03/200px-CSS.svg_.png" alt="CSS" width="200" height="227" /></a></p>
<p>Una de las nuevas opciones o posibilidades que nos da el CSS3 es el de realizar las ya popularizadas sombras en los textos, cómo en los títulos de nuestros sitios y más. Hize un corto videotutorial mostrando el proceso, en HTML y CSS:</p>
<p>No es una gran cosa, pero ya que esta tan popularmente usada esta parte del CSS, los invito a estar en la moda.</p>
<p>Pero aún asi aquí les dejo el <strong>HTML</strong>:</p>
<blockquote>
<p class="sombra">&lt;p&gt;Texto que quieres con sombra.&lt;p&gt;</p>
</blockquote>
<p>y el <strong>CSS</strong>:</p>
<blockquote><p>.sombra{<br />
color:#000000;<br />
font:22px Arial, Helvetica, sans-serif;<br />
text-shadow:#CCCCCC 2px 1px 2px; /*Color de la sombra &#8211; Eje X &#8211; Eje Y &#8211; Difuminado*/<br />
}</p>
<p>&nbsp;</p></blockquote>
<p><iframe title="YouTube video player" width="600" height="368" src="http://www.youtube.com/embed/XrVsV0SQWl4" frameborder="0" allowfullscreen></iframe></p>


<p>Related posts:<ol><li><a href='http://www.conceptopixel.com/cdigos-de-css3-mas-propiedades-que-quiz-no-conocas-y-que-te-facilitaran-la-vida' rel='bookmark' title='Permanent Link: C&oacute;digos de CSS3 &ndash; Mas propiedades que quiz&aacute; no conoc&iacute;as y que te facilitaran la vida'>C&oacute;digos de CSS3 &ndash; Mas propiedades que quiz&aacute; no conoc&iacute;as y que te facilitaran la vida</a></li>
<li><a href='http://www.conceptopixel.com/crear-un-texto-colorido-neon-en-photoshop' rel='bookmark' title='Permanent Link: Crear un texto colorido neon en Photoshop'>Crear un texto colorido neon en Photoshop</a></li>
<li><a href='http://www.conceptopixel.com/tutorial-crear-seccion-informacion-autor-author-info-wordpress' rel='bookmark' title='Permanent Link: Como crear una secci&oacute;n de autor en WordPress'>Como crear una secci&oacute;n de autor en WordPress</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.conceptopixel.com/como-hacer-sombras-en-el-texto-con-css3/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

