<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>HaciendoWebs</title>
	
	<link>http://www.haciendowebs.com</link>
	<description>Blog sobre diseño web</description>
	<pubDate>Fri, 02 Oct 2009 03:05:22 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/HaciendoWebs" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>10 paquetes de iconos para tus diseños</title>
		<link>http://www.haciendowebs.com/10-paquetes-de-iconos-para-tus-disenos/</link>
		<comments>http://www.haciendowebs.com/10-paquetes-de-iconos-para-tus-disenos/#comments</comments>
		<pubDate>Fri, 02 Oct 2009 03:04:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[herramientas web]]></category>

		<category><![CDATA[iconos]]></category>

		<category><![CDATA[tools]]></category>

		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=79</guid>
		<description><![CDATA[Los iconos mejoran en gran medida la apariencia de nuestros diseños, es por eso que les traemos una recopilación de iconos de gran calidad para que los empleen en sus diseños. Y lo mejor de todo es que son gratuitos.
Bagg and Box Icon Pack

Niome Icon Pack
Este paquete contiene 90 iconos de alta calidad (256×256 pixels); [...]]]></description>
			<content:encoded><![CDATA[<p>Los iconos mejoran en gran medida la apariencia de nuestros diseños, es por eso que les traemos una recopilación de iconos de gran calidad para que los empleen en sus diseños. Y lo mejor de todo es que son gratuitos.</p>
<p><a href="http://www.crystalxp.net/galerie/en.id.3751-bagg-a-png.htm" target="_blank">Bagg and Box Icon Pack</a></p>
<div id="attachment_81" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/bagg1.jpg"><img class="size-full wp-image-81" title="bagg1" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/bagg1.jpg" alt="Bagg &amp; Box Telecharger Icon Pack" width="400" height="560" /></a><p class="wp-caption-text">Bagg &amp; Box Telecharger Icon Pack</p></div>
<p><span id="more-79"></span></p>
<p><a href="http://www.vistaicons.com/icon/i145s0/niome_icon_pack.htm" target="_blank">Niome Icon Pack</a></p>
<p>Este paquete contiene 90 iconos de alta calidad (256×256 pixels); en formato PNG e ICO.</p>
<div id="attachment_82" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/niome.jpg"><img class="size-full wp-image-82" title="niome" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/niome.jpg" alt="Niome icon pack" width="400" height="437" /></a><p class="wp-caption-text">Niome icon pack</p></div>
<p><a href="http://www.vistaicons.com/icon/i174s0/hydropro_icon_pack.htm" target="_blank">HydroPro Icon Pack</a></p>
<p>contiene 50 iconos de gran calidad en formato PNG e ICO</p>
<div id="attachment_83" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/hydropro.jpg"><img class="size-full wp-image-83" title="hydropro" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/hydropro.jpg" alt="HydroPRO icon pack" width="400" height="267" /></a><p class="wp-caption-text">HydroPRO icon pack</p></div>
<p><a href="http://www.vistaicons.com/icon/i143s0/ivista_icon_pack_2.htm" target="_blank">Ivista icon pack</a></p>
<p>Contiene 92 iconos de gran calidad en formato PNG e ICO.</p>
<div id="attachment_84" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/ivista.jpg"><img class="size-full wp-image-84" title="ivista" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/ivista.jpg" alt="Ivista icon pack" width="400" height="460" /></a><p class="wp-caption-text">Ivista icon pack</p></div>
<p><a href="http://stinky9.deviantart.com/art/Onibari-light-61422552" target="_blank">Onibari light icon pack</a></p>
<p>Contiene 2 sets de iconos de muy buena calidad</p>
<div id="attachment_85" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/onibari.jpg"><img class="size-full wp-image-85" title="onibari" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/onibari.jpg" alt="Onibari light icon pack" width="400" height="400" /></a><p class="wp-caption-text">Onibari light icon pack</p></div>
<p><a href="http://www.vistaico.com/" target="_blank">VistaIco aero pack</a></p>
<p>Contiene 135 iconos para windows vista</p>
<div id="attachment_86" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/vista-aero.jpg"><img class="size-full wp-image-86" title="vista-aero" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/vista-aero.jpg" alt="VistaICO aero pack 3" width="400" height="362" /></a><p class="wp-caption-text">VistaICO aero pack 3</p></div>
<p><a href="http://dryicons.com/free-icons/preview/simplistica/" target="_blank">Simplistica Icon set</a></p>
<p>contiene 25 iconos es formato PNG o ICO</p>
<div id="attachment_87" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/simplistica.jpg"><img class="size-full wp-image-87" title="simplistica" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/simplistica.jpg" alt="Simplistica icon set" width="400" height="245" /></a><p class="wp-caption-text">Simplistica icon set</p></div>
<p><a href="http://jrdn88.deviantart.com/art/Simplexity-File-Icons-79096180" target="_blank">Simplexity file icons</a></p>
<p>contiene 120 diferentes iconos en varios formatos</p>
<div id="attachment_88" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/simplexity.jpg"><img class="size-full wp-image-88" title="simplexity" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/simplexity.jpg" alt="Simplexity file icons" width="400" height="329" /></a><p class="wp-caption-text">Simplexity file icons</p></div>
<p><a href="http://24charlie.deviantart.com/art/Black-Pearl-Files-78798192" target="_blank">Black Pearl icons</a></p>
<p>Contiene 39 iconos en formato PNG</p>
<div id="attachment_89" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/black-pearl.jpg"><img class="size-full wp-image-89" title="black-pearl" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/black-pearl.jpg" alt="Black Pearl file icons set" width="400" height="258" /></a><p class="wp-caption-text">Black Pearl file icons set</p></div>
<p><a href="http://mediadesign.deviantart.com/art/HP-Dock-Icon-Set-71481581" target="_blank">HP Dock icon set</a></p>
<p>Todo tipo de iconos en formato PNG</p>
<div id="attachment_90" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/10/hpdockicon.jpg"><img class="size-full wp-image-90" title="hpdockicon" src="http://www.haciendowebs.com/wp-content/uploads/2009/10/hpdockicon.jpg" alt="HP dock icon pack" width="400" height="200" /></a><p class="wp-caption-text">HP dock icon pack</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/10-paquetes-de-iconos-para-tus-disenos/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Bellas fuentes para tus diseños</title>
		<link>http://www.haciendowebs.com/bellas-fuentes-para-tus-disenos/</link>
		<comments>http://www.haciendowebs.com/bellas-fuentes-para-tus-disenos/#comments</comments>
		<pubDate>Thu, 17 Sep 2009 02:04:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Fuentes]]></category>

		<category><![CDATA[herramientas]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=58</guid>
		<description><![CDATA[Uno de los dilemas al crear una web, es la selección de una buena fuente para la página, que sea atractiva y fácil de leer. Aquí les dejo unas cuantas fuentes para ayudarles en la elección de la que desean utilizar en sus diseños.
Andika Basic 

Mentone
Tiresias
Medio
Sedona Script
Ripe
Days Typeface
Tiza
Titilium
Rough Draft Regular
]]></description>
			<content:encoded><![CDATA[<p>Uno de los dilemas al crear una web, es la selección de una buena fuente para la página, que sea atractiva y fácil de leer. Aquí les dejo unas cuantas fuentes para ayudarles en la elección de la que desean utilizar en sus diseños.</p>
<p><a title="Andika" href="http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&amp;item_id=andika" target="_blank">Andika Basic </a></p>
<div id="attachment_59" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/andika.jpg"><img class="size-full wp-image-59" title="andika" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/andika.jpg" alt="Andika" width="450" height="333" /></a><p class="wp-caption-text">Andika</p></div>
<p><span id="more-58"></span></p>
<p><a title="Mentone" href="http://new.myfonts.com/fonts/paragraph/mentone/" target="_blank">Mentone</a></p>
<div id="attachment_60" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/mentone.jpg"><img class="size-full wp-image-60" title="mentone" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/mentone.jpg" alt="Mentone" width="450" height="317" /></a><p class="wp-caption-text">Mentone</p></div>
<p><a title="Tiresias" href="http://www.tiresias.org/fonts/fonts_download.htm" target="_blank">Tiresias</a></p>
<div id="attachment_61" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/tiresias.jpg"><img class="size-full wp-image-61" title="tiresias" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/tiresias.jpg" alt="Tiresias" width="450" height="349" /></a><p class="wp-caption-text">Tiresias</p></div>
<p><a title="Medio" href="http://www.dotcolon.net/download_counter/dcnt.cgi?n=15" target="_blank">Medio</a></p>
<div id="attachment_65" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/medio.jpg"><img class="size-full wp-image-65" title="medio" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/medio.jpg" alt="Medio" width="450" height="340" /></a><p class="wp-caption-text">Medio</p></div>
<p><a title="Sedona" href="http://www.fontex.org/download/Sedona-script.ttf" target="_blank">Sedona Script</a></p>
<div id="attachment_66" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/sedona.jpg"><img class="size-full wp-image-66" title="sedona" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/sedona.jpg" alt="Sedona Script" width="450" height="323" /></a><p class="wp-caption-text">Sedona Script</p></div>
<p><a title="Ripe" href="http://www.ripetype.com.au/?p=48" target="_blank">Ripe</a></p>
<div id="attachment_67" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/ripe.jpg"><img class="size-full wp-image-67" title="ripe" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/ripe.jpg" alt="Ripe" width="450" height="425" /></a><p class="wp-caption-text">Ripe</p></div>
<p><a title="Days" href="http://www.behance.net/Gallery/Days-typeface/190108" target="_blank">Days Typeface</a></p>
<div id="attachment_68" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/days.jpg"><img class="size-full wp-image-68" title="days" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/days.jpg" alt="Days Typeface" width="450" height="361" /></a><p class="wp-caption-text">Days Typeface</p></div>
<p><a title="Tiza" href="http://www.nuevostudio.com/project/tiza/" target="_blank">Tiza</a></p>
<div id="attachment_74" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/tiza3.jpg"><img class="size-full wp-image-74" title="tiza3" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/tiza3.jpg" alt="Tiza" width="450" height="452" /></a><p class="wp-caption-text">Tiza</p></div>
<p><a title="titilium" href="http://www.campivisivi.net/titillium/wp-content/themes/wonderland/images/Titillium_generate.zip" target="_blank">Titilium</a></p>
<div id="attachment_71" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/titilium.jpg"><img class="size-full wp-image-71" title="titilium" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/titilium.jpg" alt="Titilium" width="450" height="299" /></a><p class="wp-caption-text">Titilium</p></div>
<p><a title="Rough" href="http://www.fontsquirrel.com/fonts/WC-RoughTrad" target="_blank">Rough Draft Regular</a></p>
<div id="attachment_72" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/09/rough-draft.jpg"><img class="size-full wp-image-72" title="rough-draft" src="http://www.haciendowebs.com/wp-content/uploads/2009/09/rough-draft.jpg" alt="Rough Draft Regular" width="450" height="347" /></a><p class="wp-caption-text">Rough Draft Regular</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/bellas-fuentes-para-tus-disenos/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Moving Boxes - Cajas deslizantes</title>
		<link>http://www.haciendowebs.com/moving-boxes-cajas-deslizantes/</link>
		<comments>http://www.haciendowebs.com/moving-boxes-cajas-deslizantes/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 17:39:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[herramientas web]]></category>

		<category><![CDATA[contenido deslizante]]></category>

		<category><![CDATA[herramientas]]></category>

		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=41</guid>
		<description><![CDATA[
Moving Boxes, basado en jQuery,  es una buena opción para incluir en nuestra web una caja de contenido deslizante, con botones en los costados para movernos por el contenido y con la diferencia que el centro de la caja recibe un zoom que lo hace ver mas interesante y llamativo.
Demo  -  Descarga  -  Moving Boxes
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.haciendowebs.com/wp-content/uploads/2009/03/moving-boxes.jpg"><img class="size-full wp-image-42 aligncenter" title="moving-boxes" src="http://www.haciendowebs.com/wp-content/uploads/2009/03/moving-boxes.jpg" alt="moving-boxes" width="400" height="169" /></a></p>
<p>Moving Boxes, basado en jQuery,  es una buena opción para incluir en nuestra web una caja de contenido deslizante, con botones en los costados para movernos por el contenido y con la diferencia que el centro de la caja recibe un zoom que lo hace ver mas interesante y llamativo.</p>
<p><a title="demo" href="http://css-tricks.com/examples/MovingBoxes/" target="_blank">Demo</a>  -  <a title="descarga moving boxes" href="http://css-tricks.com/examples/MovingBoxes.zip" target="_blank">Descarga</a>  -  <a href="http://css-tricks.com/moving-boxes/" target="_blank">Moving Boxes</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/moving-boxes-cajas-deslizantes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>3 caminos para diseñar una web</title>
		<link>http://www.haciendowebs.com/3-caminos-para-disenar-una-web/</link>
		<comments>http://www.haciendowebs.com/3-caminos-para-disenar-una-web/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 16:33:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Articulos]]></category>

		<category><![CDATA[diseño web]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=21</guid>
		<description><![CDATA[Cuando los usuarios visitan un sitio web, inicialmente forman una opinión basada en su apariencia. Al principio, realmente no tendrá importancia si sus contenidos son de alta calidad o si usted les ofrece servicios y productos excelentes. Si el diseño de su sitio web es pésimo, los visitantes no querrán estar más tiempo y simplemente [...]]]></description>
			<content:encoded><![CDATA[<p>Cuando los usuarios visitan un sitio web, inicialmente forman una opinión basada en su apariencia. Al principio, realmente no tendrá importancia si sus contenidos son de alta calidad o si usted les ofrece servicios y productos excelentes. Si el diseño de su sitio web es pésimo, los visitantes no querrán estar más tiempo y simplemente harán click en el botón con la letra X en la esquina superior derecha de la barra de navegación de sus pantallas. La atracción juega un papel crucial si usted desea crear interés entre sus visitantes. Así, se deduce que usted debe saber cómo diseñar correctamente su sitio web para que sus visitantes se sientan animadas a quedarse más tiempo delante de su sitio.</p>
<p><span id="more-21"></span></p>
<p>Aquí están los 3 caminos más sobresalientes para diseñar su sitio Web:</p>
<p>La combinación efectiva del color. Usted sabe que ciertos colores pueden manipular a sus visitantes para reaccionar positívamente sobre su sitio web o incluso sobre sus ofertas? Debe hacer que los colores trabajen para usted, tiene que asegurarse de que utiliza una combinación de colores que transporten sentimientos positivos. Haciendo esto, su sitio web podrá comunicarle calidez y confianza a sus visitantes. Estudie cada color y las emociones que están usualmente asociadas con ellos y use los mejores en su sitio web.</p>
<p>No sobrecargue su sitio web con animaciones vistosas, texto enrollado o parpadeante, sonidos que se autocarguen, o GIFs animados. Las animaciones vistosas y la música fuerte pueden distraer a sus lectores de entender su contenido. Además, algunos usuarios que usen dialup tendrán un mal rato descargando su sitio web si esta repleto de animaciones.</p>
<p>Evite imágenes de fondo. Alguna vez se a preguntado por qué sitios web establecidos, como Google, Amazon, eBay, Yahoo, etc. no tienen imágenes de fondo? Esto es, porque estas imágenes no se miran profesionales y son usualmente usadas por webmasters principiantes. Haga que su sitio Web tenga una apariencia profesional, así sus clientes confiarán en usted.</p>
<p><em><span style="color: #999999;">artículo creado por G Allan Roberts.</span></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/3-caminos-para-disenar-una-web/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Psicología del color</title>
		<link>http://www.haciendowebs.com/psicologia-del-color/</link>
		<comments>http://www.haciendowebs.com/psicologia-del-color/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 16:32:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Articulos]]></category>

		<category><![CDATA[color]]></category>

		<category><![CDATA[diseño web]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=19</guid>
		<description><![CDATA[Si usted desea ser un profesional en cualquiera de los campos del arte, debe, como un paso importante conocer el color. En este artículo, conoceremos un poco la Psicología del color.
Los colores afectan nuestros estados de animo. Dependiendo de la parte del mundo en la que vivamos, tendremos distintas percepciones del color basadas en nuestra [...]]]></description>
			<content:encoded><![CDATA[<p>Si usted desea ser un profesional en cualquiera de los campos del arte, debe, como un paso importante conocer el color. En este artículo, conoceremos un poco la Psicología del color.</p>
<p>Los colores afectan nuestros estados de animo. Dependiendo de la parte del mundo en la que vivamos, tendremos distintas percepciones del color basadas en nuestra cultura. Incluso dentro de un mismo territorio o país, nuestra percepción a cambiado con el paso del tiempo. A pesar de que la psicología convencional rechaza la idea de que los colores pueden afectar nuestros estados de ánimo, hoy muchos psiquiátras han descubierto algunas verdades universales acerca del color y su efecto en nuestra conciencia.</p>
<p><span id="more-19"></span></p>
<p>Y usted se preguntará ¿Porqué esto es importante en el diseño de mi sitio web?.  Muy sencillo, por ejemplo, si usted esta creando un sitio web sobre la naturaleza, o cosas relacionadas con la naturaleza, entonces debe alejarse completamente del color púrpura. Porque el púrpura esta completamente alejado de la naturaleza, ya que es muy poca o mínima la presencia del púrpura en la naturaleza, es así que el púrpura es a menudo visto como un color artificial. Sin embargo si su sitio trata sobre enseres, muebles o decoración con un tono de abundancia, los tonos púrpuras serían perfectos para esto, ya que estos imparten ideas de realeza, lujo, riqueza y sofisticación.</p>
<p>Ahora que ya entendió la idea, pongamos manos a la obra. Como ya mencioné la idea de los colores puede, y debería, afectar el diseño de nuestro sitio web. Existen muchas reglas simples para escoger las combinaciones correctas de color, y la mayor parte de ellas tienen relación en como afecta el color la mente consciente de los individuos.</p>
<p>Por ejemplo, si usted realiza ventas de productos en su sitio web, debería entender el rol específico de la psicología del color en el marketing online. El rojo estimula la acción, representa agresividad, excitación y combinado con el gris, representa impulsividad. El azul, representa sensibilidad y lealtad. En un negocio online, sombras de color rojo, azul y marrón, representan seguridad. Mientras el blanco es siempre visto como profesional, pues es asociado con un sitio comercial. Es el color el que brinda la primera impresión.</p>
<p>Trabajando de la forma correcta la psicología del color, usted podrá rápida y fácilmente realizar un trabajo más profesional en sus diseños de paginas web. A continuación les muestro los significados de los principales colores.</p>
<p><span style="color: #993300;">NEGRO</span></p>
<p>el negro es el color de la autoridad y el poder. Es popular en la moda porque le brinda a las personas una apariencia de estar más delgados. Es también un color elegante e intemporal. El negro también insinua sumisión. Los sacerdotes visten de negro para denotar sumisión ante Dios. Algunos expertos de la moda dicen que una mujer vestida de negro insinúa sumisión hacia los hombres. Los trajes negros también pueden ser avasalladores, o pueden dar a quien los viste la apariencia de ser una persona fría o mala. Los villanos por ejemplo, a menudo visten de negro.</p>
<p>En el diseño, el negro, crea a menudo un sentido inmediato de sofisticación; tanto el diseño web como el arte gráfico pueden beneficiarse de las sombras de negro y blanco.</p>
<p><span style="color: #993300;">BLANCO</span></p>
<p>Las novias visten de blanco para simbolizar inocencia y pureza. El color blanco refleja la luz y es considerado un color de verano. El blanco es popular entre la decoración y la moda porque es un color ligero , neutral, y combina con todo. Sin embargo, el blanco muestra suciedad y es por consiguiente más difícil mantenerlo limpio que otros colores. Los doctores y las enfermeras visten de blanco para dar apariencia de esterilidad.</p>
<p>En el diseño, el blanco es asociado con corporaciones y más generalmente, con profesionalismo. Más allá de los símbolos anteriormente citados, los blancos en el arte y en el diseño inspiran credibilidad inmediatamente.</p>
<p><span style="color: #993300;">ROJO</span></p>
<p>Es el color más emotivamente intenso, el rojo estimula una respiración y latidos del corazón más acelerados. Es también el color del amor. La ropa roja se hace notoria y hace al que la viste dar la apariencia de ser más serio. Desde que es un color extremo, la ropa roja no le ayudar a las personas en negociaciones o confrontaciones. Los autos rojos son blancos populares para los ladrones. En la decoración, el rojo es usualmente utilizado como un acento. Los decoradores dicen que el mobiliario rojo debería ser perfecto ya que atraerá las miradas.</p>
<p>El color más romántico, el rosado, es más tranquilizador. Los equipos algunas veces pintan los camerinos usados por equipos contrarios de color rosado brillante, de esta manera sus adversarios perderán energía.</p>
<p>Use el rojo en el arte y el diseño con moderación. Debería ser impactante pero como un acento - pero no debería ser utilizado como un color focal. Junto con el negro, será vibrante y excitante. Junto con el blanco, será más romántico.</p>
<p><span style="color: #993300;">AZUL</span></p>
<p>Es el color del cielo y el mar, el azul es uno de los colores mas populares. Este provoca una reacción opuesta al rojo. Pacífica, el tranquilo azul hace que el cuerpo produzca sustancias químicas relajantes, por lo tanto es muy utilizado en habitaciones. El azul también puede ser frío y deprimente. Los consultores de moda recomiendan vestir de azul para las entrevistas de trabajo porque el azul simboliza fidelidad o lealtad. Las personas son más productivas en habitaciones azules. Los estudios demuestran que levantadores de pesas son capaces de manejar mayores pesos en gimnasios azules. El azul sigue siendo uno de los colores más populares en el arte y el diseño, también el “azul corporativo” es utilizado por empresas de éxito como Microsoft.</p>
<p><span style="color: #993300;">VERDE</span></p>
<p>Actualmente es el color de decoración más popular, el verde simboliza naturaleza. Es el color más simple para el ojo y puede mejorar la visión. Es un color tranquilizador, refrescante. Las personas esperando para aparecer en la TV se sientan en camerinos verdes para relajarse. Los hospitales a menudo usan verde porque relaja a los pacientes. Las novias en la Edad Media, vestían de verde para simbolizar fertilidad.</p>
<p>El verde oscuro es masculino, conservador, e insinúa riqueza. Sin embargo, las costureras a menudo se rehúsan a usar hilo verde en vísperas de un desfile de modas pues dicen que traerá mala suerte.</p>
<p>Al usar el verde en arte y diseño debería hacerse de una forma que mantenga al ojo cercano a los símbolos principales - el verde es un color fuerte, y creará impacto. A menudo, el verde es utilizado como un acento que armoniza con azules oscuros. Usado como punto focal, puede relacionarse con “dinero” - por lo que es a menudo usado por los bancos.</p>
<p><span style="color: #993300;">AMARILLO</span></p>
<p>El amarillo soleado es símbolo de una persona emprendedora de atención. Mientras es considerado un color optimista, las personas pierden sus ánimos más a menudo en cuartos amarillos, y los bebés llorarán más. Es el color más difícil para el ojo , así es que puede ser avasallador si es empleado demasiado. El amarillo realza concentración, por lo tanto su uso para blocs legales. También acelera el metabolismo.</p>
<p>Limite su uso de amarillo en el arte y diseño para acentos. Si usted quiere captar la atención de su espectador - no fatigue sus ojos o irrite sus nervios con amarillos fuertes.</p>
<p><span style="color: #993300;">PURPURA</span></p>
<p>El color de realeza, el púrpura connota lujo, riqueza, y sofisticación. Es también femenino y romántico. Sin embargo, porque es raro en la naturaleza, el púrpura puede dar la apariencia de ser artificial.</p>
<p>En el arte y diseño, el púrpura es altamente útil para la moda y transportando un sentido de artificio - si usted quiere hacer una enunciación acerca del mundo, o justamente suavizar la apariencia, combinar el púrpura con otros colores puede ser impresionante.</p>
<p>Al igual que el rojo, el púrpura puede ser avasallador. Combínelo con el negro para algo brillante, o con el blanco para el romanticismo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/psicologia-del-color/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Significado de los colores</title>
		<link>http://www.haciendowebs.com/significado-de-los-colores/</link>
		<comments>http://www.haciendowebs.com/significado-de-los-colores/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 16:29:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Articulos]]></category>

		<category><![CDATA[color]]></category>

		<category><![CDATA[diseño web]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=17</guid>
		<description><![CDATA[Como ya mencionamos en un post anterior, los colores provocan diversas sensaciones en las personas; es así que cada color tiene un significado que podemos utilizar al diseñar nuestro sitio web, de esta manera podemos sugerir o promover diversas sensaciones en nuestros visitantes. A continuación les detallamos algunos significados de los principales colores; estos pueden [...]]]></description>
			<content:encoded><![CDATA[<p>Como ya mencionamos en un post anterior, los colores provocan diversas sensaciones en las personas; es así que cada color tiene un significado que podemos utilizar al diseñar nuestro sitio web, de esta manera podemos sugerir o promover diversas sensaciones en nuestros visitantes. A continuación les detallamos algunos significados de los principales colores; estos pueden variar de un autor a otro, pero casi todos concuerdan en lo más fundamental.</p>
<p><span id="more-17"></span></p>
<h2><span style="color: #000080;">Blanco:</span></h2>
<p>El blanco está asociado a la luz, la bondad, la inocencia, la pureza y la virginidad. Es considerado como el color de la perfección.</p>
<p>El blanco significa seguridad, pureza y limpieza. A diferencia del negro, el blanco por lo general tiene una connotación positiva. Puede representar un inicio afortunado.</p>
<p>En heráldica, el blanco representa fe y pureza.</p>
<p>En publicidad, el blanco está asociado con la frescura y la limpieza porque es el color de la nieve. En la promoción de productos de alta tecnología, el blanco puede utilizarse para comunicar simplicidad.</p>
<p>Es un color apropiado para organizaciones caritativas. Por asociación indirecta, a los ángeles se les suele representar como imágenes vestidas con ropas blancas.</p>
<p>El blanco está asociado con hospitales, médicos y esterilidad. Puede usarse por tanto para sugerir para anunciar productos médicos o que estén directamente relacionados con la salud.</p>
<p>A menudo se asocia a con la pérdida de peso, productos bajos en calorías y los productos lácteos.</p>
<h2><span style="color: #000080;">Amarillo:</span></h2>
<p>El amarillo simboliza la luz del sol. Representa alegría, felicidad, inteligencia y energía.</p>
<p>El amarillo simula entrar en calor, nos provoca alegría, estimula nuestra actividad mental y genera energía muscular. Con frecuencia está asociado a la comida.</p>
<p>El amarillo puro y brillante es un reclamo de atención, por lo que es frecuente que los taxis sean de este color en algunas ciudades. En exceso, puede tener un efecto perturbador, inquietante. Es conocido que los bebés lloran más en habitaciones amarillas.</p>
<p>Cuando se sitúan varios colores en contraposición al negro, el amarillo es el primero que llama la atención. Por eso, la combinación amarillo y negro es usada para resaltar avisos o reclamos de atención.</p>
<p>En heráldica el amarillo representa honor y lealtad.</p>
<p>En los últimos tiempos al amarillo también se le asocia con la cobardía.</p>
<p>Es recomendable utilizar amarillo para provocar sensaciones agradables, alegres. Es muy adecuado para promocionar productos para niños y para el ocio.</p>
<p>Por su eficacia para atraer la atención, es muy útil para destacar los aspectos más importantes de una página web.</p>
<p>Los hombres normalmente encuentran el amarillo como muy desenfadado, por lo que no es muy recomendable para promocionar productos caros, prestigiosos o específicos para hombres. Ningún hombre de negocios compraría un reloj caro con correa amarilla.</p>
<p>El amarillo es un color espontáneo, variable, por lo que no es adecuado para sugerir seguridad o estabilidad.</p>
<p>El amarillo claro tiende a diluirse en el blanco, por lo que suele ser conveniente utilizar algún borde o motivo oscuro para resaltarlo. Sin embargo, no es recomendable utilizar una sombra porque lo hace poco atrayente, pierde la alegría y lo convierte en sórdido.</p>
<p>El amarillo pálido es lúgubre y representa precaución, deterioro, enfermedad y envidia o celos. El amarillo claro representa inteligencia, originalidad y alegría.</p>
<h2><span style="color: #000080;">Anaranjado:</span></h2>
<p>El anaranjado combina la energía del rojo con la felicidad del amarillo. Se le asocia a la alegría, el sol brillante y el trópico.</p>
<p>Representa el entusiasmo, la felicidad, la atracción, la creatividad, la determinación, el éxito, el ánimo y el estímulo.</p>
<p>Es un color muy caliente, por lo que produce sensación de calor. Sin embargo, el anaranjado no es un color agresivo como el rojo.</p>
<p>La visión del color anaranjado produce la sensación de mayor aporte de oxígeno al cerebro, produciendo un efecto vigorizante y de estimulación de la actividad mental.</p>
<p>Es un color que encaja muy bien con la gente joven, por lo que es muy recomendable para comunicarse con ellos.</p>
<p>Color cítrico, se asocia a la alimentación sana y al estímulo del apetito. Es muy adecuado para promocionar productos alimenticios y juguetes.</p>
<p>Es el color de la caída de la hoja y de la cosecha.</p>
<p>En heráldica el anaranjado representa fortaleza y resistencia.</p>
<p>El color anaranjado tiene una visibilidad muy alta, por lo que es muy útil para captar la atención y subrayar los aspectos más destacables de una página web.</p>
<p>El anaranjado oscuro puede sugerir engaño y desconfianza.</p>
<p>El anaranjado rojizo evoca deseo, pasión sexual , placer, dominio, deseo de acción y agresividad.</p>
<p>El dorado produce sensación de prestigio. Significa sabiduría, claridad de ideas, y riqueza. Con frecuencia el dorado representa alta calidad.</p>
<h2><span style="color: #000080;">Rojo:</span></h2>
<p>El rojo representa el fuego y la sangre, por lo que esta asociado al peligro, la guerra, la energía, la fortaleza, la determinación, así como a la pasión, al deseo y al amor.</p>
<p>Es un color muy intenso a nivel emocional. Mejora el metabolismo humano, aumenta el ritmo respiratorio y eleva la presión sanguínea.</p>
<p>Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes, prohibiciones y llamadas de precaución.</p>
<p>Es utilizado para atraer a un primer plano el texto o las imágenes, resaltándolas sobre el resto de colores. Es muy recomendable para invitar a las personas a tomar decisiones rápidas durante su estancia en un sitio web.</p>
<p>En publicidad se utiliza el rojo para provocar sentimientos eróticos. Símbolos como labios o uñas rojos, zapatos, vestidos, etc., son arquetipos en la comunicación visual sugerente.</p>
<p>Para indicar peligro, el rojo es el color por excelencia.</p>
<p>Como está muy relacionado con la energía, es muy adecuado para anunciar coches motos, bebidas energéticas, juegos, deportes y actividades de riesgo.</p>
<p>En heráldica el rojo simboliza valor y coraje. Es un color muy utilizado en las banderas de muchos países</p>
<p>El rojo claro simboliza alegría, sensualidad, pasión, amor y sensibilidad.</p>
<p>El rosa evoca romance, amor y amistad. Representa cualidades femeninas y pasividad.</p>
<p>El rojo oscuro evoca energía, vigor, furia, fuerza de voluntad, cólera, ira, malicia, valor, capacidad de liderazgo. En otro sentido, también representa añoranza.</p>
<p>El marrón evoca estabilidad y representa cualidades masculinas.</p>
<p>El marrón rojizo se asocia a la caída de la hoja y a la cosecha.</p>
<h2><span style="color: #000080;">Púrpura:</span></h2>
<p>El púrpura aporta la estabilidad del azul y la energía del rojo.</p>
<p>Se asocia a la realeza y simboliza poder, nobleza, lujo y ambición. Sugiere riqueza y extravagancia.</p>
<p>El color púrpura también está asociado con la sabiduría, la creatividad, la independencia, la dignidad.</p>
<p>Hay encuestas que indican que es el color preferido del 75% de los niños antes de la adolescencia. El púrpura representa la magia y el misterio.</p>
<p>Debido a que es un color muy poco frecuente en la naturaleza, hay quien opina que es un color artificial.</p>
<p>El púrpura claro produce sentimientos nostálgicos y románticos.</p>
<p>El púrpura oscuro evoca melancolía y tristeza. Puede producir sensación de frustración.</p>
<p>El púrpura brillante es un color ideal para diseños dirigidos a la mujer. También es muy adecuado para promocionar artículos dirigidos a los niños.</p>
<h2><span style="color: #000080;">Azul:</span></h2>
<p>El azul es el color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad.</p>
<p>Representa la lealtad, la confianza, la sabiduría, la inteligencia, la fe, la verdad y el cielo eterno.</p>
<p>Se le considera un color beneficioso tanto para el cuerpo como para la mente. Retarda el metabolismo y produce un efecto relajante. Es un color fuertemente ligado a la tranquilidad y la calma.</p>
<p>En heráldica el azul simboliza sinceridad y piedad.</p>
<p>Es muy adecuado para presentar productos relacionados con la limpieza (personal, hogar o industrial), y todo aquello relacionado directamente con:</p>
<p>El cielo (líneas aéreas, aeropuertos)</p>
<p>El aire (acondicionadores paracaidismo)</p>
<p>El mar (cruceros, vacaciones y deportes marítimos)</p>
<p>El agua (agua mineral, parques acuáticos, balnearios)</p>
<p>Es adecuado para promocionar productos de alta tecnología o de alta precisión.</p>
<p>Al contrario de los colores emocionalmente calientes como rojo, anaranjado y amarillo, el azul es un color frío ligado a la inteligencia y la consciencia.</p>
<p>El azul es un color típicamente masculino, muy bien aceptado por los hombres, por lo que en general será un buen color para asociar a productos para estos.</p>
<p>Sin embargo se debe evitar para productos alimenticios y relacionados con la cocina en general, porque es un supresor del apetito.</p>
<p>El azul claro se asocia a la salud, la curación, el entendimiento, la suavidad y la tranquilidad.</p>
<p>El azul oscuro representa el conocimiento, la integridad, la seriedad y el poder.</p>
<p>Cuando se usa junto a colores cálidos (amarillo, naranja), la mezcla suele ser llamativa. Puede ser recomendable para producir impacto, alteración.</p>
<h2><span style="color: #000080;">Verde:</span></h2>
<p>El verde es el color de la naturaleza por excelencia. Representa armonía, crecimiento, exuberancia, fertilidad y frescura.</p>
<p>Tiene una fuerte relación a nivel emocional con la seguridad. Por eso en contraposición al rojo (connotación de peligro), se utiliza en el sentido de “vía libre” en señalización.</p>
<p>El verde oscuro tiene también una correspondencia social con el dinero.</p>
<p>El color verde tiene un gran poder de curación. Es el color más relajante para el ojo humano y puede ayudar a mejorar la vista.</p>
<p>El verde sugiere estabilidad y resistencia.</p>
<p>En ocasiones se asocia también a la falta de experiencia: “está muy verde” para describir a un novato, se utiliza en varios idiomas, no sólo en español.</p>
<p>En heráldica el verde representa crecimiento y esperanza.</p>
<p>Es recomendable utilizar el verde asociado a productos médicos o medicinas.</p>
<p>Por su asociación a la naturaleza es ideal para promocionar productos de jardinería, turismo rural, actividades al aire libre o productos ecológicos.</p>
<p>El verde “Agua” se asocia con la protección y la curación emocional.</p>
<p>El verde amarillento se asocia con la enfermedad, la discordia, la cobardía y la envidia.</p>
<p>El verde oscuro se relaciona con la ambición, la codicia, la avaricia y la envidia.</p>
<p>El verde oliva es el color de la paz.</p>
<p>El verde apagado y oscuro, por su asociación al dinero, es ideal para promocionar productos financieros, banca y economía.</p>
<h2><span style="color: #000080;">Negro:</span></h2>
<p>El negro representa poder, elegancia, formalidad, muerte y misterio.</p>
<p>Es el color más enigmático y se asocia al miedo y a lo desconocido (”el futuro se presenta muy negro”, “agujeros negros”…).</p>
<p>El negro también representa autoridad, fortaleza, intransigencia. También se asocia al prestigio y la seriedad.</p>
<p>En heráldica el negro representa dolor y pena.</p>
<p>En una página web puede dar imágen de elegancia, y aumenta la sensación de profundidad y perspectiva. Sin embargo, no es recomendable utilizarlo como fondo ya que disminuye la legibilidad.</p>
<p>Es conocido el efecto de hacer más delgado a las personas cuando visten ropa negra. Por la misma razón puede ayudar a disminuir el efecto de aglomeración de áreas de contenido, utilizado debidamente como fondo.</p>
<p>Es típico su uso en museos, galerías o colecciones de fotos online, debido a que hace resaltar mucho el resto de colores. Contrasta muy bien con colores brillantes.</p>
<p>Combinado con colores vivos y poderosos como el anaranjado o el rojo, produce un efecto agresivo y vigoroso.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/significado-de-los-colores/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Consejos antes de crear una web</title>
		<link>http://www.haciendowebs.com/consejos-antes-de-crear-una-web/</link>
		<comments>http://www.haciendowebs.com/consejos-antes-de-crear-una-web/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 16:24:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Articulos]]></category>

		<category><![CDATA[diseño web]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=15</guid>
		<description><![CDATA[Crear su primera página Web puede ser una tarea desalentadora y confusa. ¿Por dónde comienzo? ¿Qué debería hacer? Sin embargo, no tiene que ser así, crear una página Web puede ser una diversión y una experiencia gratificante si usted sigue algunas simples reglas o pasos.
1. Lo primero que debe hacer es definir su web. ¿Qué [...]]]></description>
			<content:encoded><![CDATA[<p>Crear su primera página Web puede ser una tarea desalentadora y confusa. ¿Por dónde comienzo? ¿Qué debería hacer? Sin embargo, no tiene que ser así, crear una página Web puede ser una diversión y una experiencia gratificante si usted sigue algunas simples reglas o pasos.</p>
<p><span style="color: #993300;">1.</span> Lo primero que debe hacer es definir su web. ¿Qué quiere que página Web haga? No comience directamente a construir su página, primero piense bien acerca de web. Peinse en como quiere que se vea su sitio web, qué información desea mostrarle a su potencial cliente o visitante, con el fin de persuadirlo a comprar su producto o servicio, o a que se sienta interesado en la información que le proporciona; en vez de irse a cualquier otro sitio.</p>
<p><span id="more-15"></span></p>
<p><span style="color: #993300;">2.</span> Asegúrese de organizar bien la página, piense en su página de inicio (Home Page) como la Tabla de Contenidos de un libro, está allí para que sus clientes sepan hacia donde ir en su sitio dependiendo de sus necesidades particulares, o simplemente para que se familiaricen con su producto. Finalmente, al definir su sitio usted debería cumplir con su investigación. Siempre visite los sitios Web de su competencia para ver cómo han organizado su sitio, así usted puede mejorar el suyo, o para saber si está incluyendo más información acerca de su producto, o simplemente para ver si puede mejorar el diseño de su sitio.</p>
<p><span style="color: #993300;">3.</span> Ahora que usted sabe o tiene idea de como quiere que se vea su sitio Web, y lo que quiere incluir en él, usted necesita pensar ahora en un nombre para el sitio. Hay diversos métodos para encontrar el nombre correcto para su sitio Web. Lo primero que debe hacer es pensar en un nombre lógico, por ejemplo, el sitio Web de * * * * .com. Otro método es crear un nombre memorable, un nombre que se grabe en la mente de sus visitantes, a fin de que ellos lo puedan escribir sin pensarlo, el nombre no tiene que ser descriptivo del producto que usted vende, o de la información que proporciona, por ejemplo amazon.com vende libros. Pero eso sí, debería mantener el nombre lo más corto posible a fin de que sea fácil de recordar y que los visitantes lo escriban directamente en el campo url.</p>
<p><span style="color: #993300;">4.</span> Ahora que usted tiene el nombre de su página Web y ya sabe como quiere que se vea, le mostramos algunos indicadores para construir su sitio. Si desea incluir imágenes en su página Web, páselas primero por un programa de edición de imágenes, como pothoshop o pix resizer, por ejemplo. Esto apresurará la velocidad de descarga de su página para que el visitante pueda mirar rápidamente sin tener que esperar archivos grandes de imágenes que aparecen en pantalla.</p>
<p>Una de las cosas más molestas para las personas que navegan en la Web son las páginas que tardan mucho tiempo en descargar. Todos esos gráficos elegantes no le servirán de nada si en lugar de esperar demasiado a que la página se descargue, el visitante se cansa y decide irse a otra web, así considere volver lo mas ligeras posible sus imágenes y de mucha importancia al contenido de la información.</p>
<p><span style="color: #993300;">5.</span> También debería pensar seriamente en qué color de fuente va a usar, y el color de fondo igualmente. ¡En caso de duda, recuerde que un fondo blanco con texto negro ha tenido éxito por miles de años!</p>
<p><span style="color: #993300;">6.</span> Su sitio Web también debería ser fácil de navegar, todos sus enlaces deberían ser obvios para el espectador, y deberían ser bastante explicativos o deberían tener información acerca de hacia dónde el enlace los llevará. ¡Trate de mantener pocos enlaces en su página web, el espectador no quiere gastar una parte de su tiempo esperando a que los enlaces se descarguen, puesto que a los navegantes no les gusta esperar. Por otro lado, siempre ponga un enlace de regreso a su homepage para hacer la navegacaión de su página Web más fácil para sus visitantes.</p>
<p><span style="color: #993300;">7.</span> Antes de comenzar con el diseño de su web en la pc, debería construir su sitio Web en papel. Decida el número de páginas que quiere tener dentro de su sitio, y determine títulos lógicos para ellas. Piense en que imágenes desea poner en cada página y donde las va a colocar para que sean más efectivas. También debe planificar al detalle sus hiper-enlaces , hacerlo en esta etapa le será más fácil y le ahorrará tiempo tratando de hacer cálculos si ellos no están funcionando correctamente. Decida donde quiere poner cualquier botón que desee crear para los hiper-enlaces. Finalmente redacte cualquier contenido de información sobre el que usted informará en su página Web, primero hágalo en Microsoft Word o cualquier otro procesador de texto, así usted puede detectar cualquier error ortográfico. Usted puede cortar y pegar las partes en su editor Html más tarde.</p>
<p>En conclusión, planifique bien su sitio web, antes de comenzar a diseñarlo. Y luego trabaje sobre lo que ha planificado</p>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/consejos-antes-de-crear-una-web/feed/</wfw:commentRss>
		</item>
		<item>
		<title>5 errores del diseño web</title>
		<link>http://www.haciendowebs.com/5-errores-del-diseno-web/</link>
		<comments>http://www.haciendowebs.com/5-errores-del-diseno-web/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 16:21:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Articulos]]></category>

		<category><![CDATA[diseño web]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=13</guid>
		<description><![CDATA[Su negocio necesita un sitio Web. Aquí hay una cartilla rápida de cómo no echarlo a perder.
Alguien que afronta el reto de construir un sitio Web afronta una tarea muy intimidante, ciertamente. Deberá llegar al correcto balance de los objetivos comerciales, usabilidad de la Web, y la promoción del motor de búsqueda. Para no equivocarse [...]]]></description>
			<content:encoded><![CDATA[<p>Su negocio necesita un sitio Web. Aquí hay una cartilla rápida de cómo no echarlo a perder.</p>
<p>Alguien que afronta el reto de construir un sitio Web afronta una tarea muy intimidante, ciertamente. Deberá llegar al correcto balance de los objetivos comerciales, usabilidad de la Web, y la promoción del motor de búsqueda. Para no equivocarse es para lo que este artículo esta diseñado.</p>
<p><span id="more-13"></span></p>
<p>Aquí están los cinco errores más grandes que usted debe evitar.</p>
<p><span style="color: #993300;">1. No establecer objetivos</span></p>
<p>¿Sin un plan minucioso para empezar las cosas, qué está usted construyendo? Es un poco como la comparación, como cuando usted está en el aeropuerto un día y dice, ” me voy de vacaciones”. ¿A dónde va? ¿Dónde se quedará usted cuándo llegue? ¿Por cuánto tiempo irá usted? ¿Puede usted permitirse ese lujo? ¿Le preguntó a su jefe cuanto tiempo libre le dió? ¿Cerró usted las puertas de su casa?</p>
<p>Para empezar, resuelva cuales son las necesidades que piensa cubrir y los beneficios que espera su sitio Web. Olvídese de los adornos extravagantes requeridos para hacerlo funcionar; ese es el trabajo de su diseñador Web. Establezca lo qué usted quiere que su sitio Web haga por su negocio. Algunos ejemplos: Generar posibles clientes, vender sus productos /servicios en el sitio Web, reducir tareas administrativas, calificar a su compañía, pre-calificar a prospectos, reclutar empleados - las cosas que un sitio Web puede hacer por su compañía son virtualmente ilimitadas. Establezca sus objetivos y asegúrese que usted y su diseñador Web los entienden completamente.</p>
<p><span style="color: #993300;">2. Ignorar a sus clientes</span></p>
<p>Hablamos de su envío de mensajes aquí. Es muy fácil escribir contenido desde una perspectiva interna. Lo que usted quiere decir, lo que usted piensa es apremiante, lo que usted piensa tiene importancia. ¿Qué hay acerca de sus clientes? No se olvide que usted necesita convencerlos de negociar con usted. La llave para escribir contenido bueno, centrado en el cliente es entender el “por qué”. ¿Por qué deberían comprarle sus clientes a usted? Usted podría pensar que lo sabe, pero una buena dosis de investigación objetiva revelará la verdad. Saque provecho de su proposición única de venta desde la perspectiva de cómo beneficiará esta a sus clientes.</p>
<p>Usted también necesitará usar un estilo correcto de escritura en su Web. Su contenido debería estar bien organizado, altamente entendible, fácil de asimilar, y al grano. Si usted puede organizar eso en un estilo “pirámide”, mucho mejor. Esto quiere decir que la información más importante, apremiante, es la primera en ser presentada, y la información más profunda le debe seguir (como especificaciones técnicas). A merced de sus fuerzas esto puede ser difícil de producir para usted, así es que usted puede considerar contratar a un publicista o a un escritor profesional.</p>
<p><span style="color: #993300;">3. Olvidar el marketing</span></p>
<p>Cuando su sitio Web se construye, es una isla; y un desierto en lo que a internet se refiere. Sus clientes no saben de usted y ni los motores de búsqueda. Usted necesita decírselos. Usted necesita marketear su sitio Web.</p>
<p>Lograr que su sitio Web sea notado por las personas correctas es la clave. Usted realmente no lanza al mercado su Web, para registrarla en los motores de búsqueda. Los motores de búsqueda son simplemente unos medios para conseguir un fin. Usted necesita marketearse para sus clientes. Usted debe tener por entendido que sus clientes usan diferentes métodos en línea para encontrar lo que usted vende; y esto probablemente incluya a los motores de búsqueda.</p>
<p>Usted también puede considerar hacer propaganda en los boletines electrónicos, o por medio correo electrónico, campañas de PR, sistemas de redes sociales, etc. El acercamiento exacto que usted necesita tomar depende de sus objetivos, de cómo busca su grupo meta lo que usted vende, de su presupuesto, de su industria, etc.</p>
<p><span style="color: #993300;">4. No medir los resultados</span></p>
<p>¿Entonces, que hizo usted? Usted construyó un gran sitio Web y lo marketeó efectivamente. ¿Cuántas personas visitaron su sitio Web? ¿Cuántas se convirtieron en posibles clientes? ¿Cuántos posibles clientes convirtió usted en clientes? ¿Cuánto valen ellos en beneficios para su negocio? ¿Qué contenido les gustó a sus visitas que y no les gustó?, etc.</p>
<p>Así como en cualquier aventura mercadotécnica, usted debe medir los resultados para averiguar si tuvo éxito. Hablo de cosas como:</p>
<p>Un plan de rastreo: Sus posibles clientes le podrían llamar en lugar de comprar en línea o usar su formulario de contacto. Usted necesita un plan que los rastree, y saber cómo lo encontraron. Los formularios en línea específicos para una campaña de mercadeo pueden ser muy útiles realmente.</p>
<p>Las estadísticas y la información: Las buenas estadísticas le pueden decir aproximadamente mucho de cómo usan las personas su sitio Web. Google Analytics es un paquete maravilloso, fácil de instalar, y completamente gratis. Más que esto, usted necesita entender los números, y sacar conclusiones. Esto toma bastante práctica y comprensión. Un diseñador profesional Web o una compañía mercadotécnica le puede ayudar con esto.</p>
<p>Adáptese: Use sus resultados, simplemente no los lea. Esto invariablemente requerirá consultarle a un experto otra vez, pero usted necesita actuar sobre sus resultados para mejorarlos. Éste es un proceso que va hacia adelante. Por siempre.</p>
<p><span style="color: #993300;">5. Quedar Paralizado</span></p>
<p>Una gran cantidad de proyectos diseño Web nunca ven la luz porque quedan sumergidos en una perpetua planificación. Aquí es cuando usted necesita actuar. Usted no publicará su sitio Web la primera vez perfectamente (o alguna vez), pero usted consiguió moverse. Si usted apunta, reapunta y reapunta por siempre, nunca realmente se atinará un disparo. Apunte - dispare - repita.</p>
<p>Una advertencia rápida: No le digo a usted que cree un sitio Web pobremente escrito y pobremente construido justamente por tener algo; Eso puede ser muy peligroso. Un sitio Web malo puede provocar rechazo por los clientes y, aun peor, los puede hacer tener una mala impresión de su empresa y provocar una propaganda negativa de boca en boca. Lo que le digo a usted que haga es que no se quede paralizado tratando de perfeccionar su plan. Contratar al equipo correcto de expertos le puede traer una pista, y puede poner en movimiento las cosas.</p>
<p>Esperanzadóramente este artículo le ayudará a desviarle de los errores más comunes (y peligroso) del diseño Web. Si usted contrata a un profesional, o crea su sitio internamente, o lo hace por usted mismo de principio a fin, recuerde estos consejos.</p>
<h3>En resumen</h3>
<p>Evitando estos cinco errores comunes, usted puede asegurar que su sitio Web tiene una oportunidad de pelear. Deje que este artículo le sirva como un mapa, así usted puede evitar, como mínimo, una cierta cantidad de desviaciones mayores y más costosas.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/5-errores-del-diseno-web/feed/</wfw:commentRss>
		</item>
		<item>
		<title>El contenido es una clave para el posicionamiento</title>
		<link>http://www.haciendowebs.com/el-contenido-es-una-clave-para-el-posicionamiento/</link>
		<comments>http://www.haciendowebs.com/el-contenido-es-una-clave-para-el-posicionamiento/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 16:15:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Posicionamiento]]></category>

		<category><![CDATA[indexacion]]></category>

		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=11</guid>
		<description><![CDATA[Tener una página web con buen contenido es el camino principal para el éxito de su sitio web. Esto nos permitirá atraer un gran número de visitantes que nos visitarán regularmente si encuentran contenido de calidad.
Si nuestros contenidos están bien redactados, Google posicionará mejor nuestras páginas lo que nos permitirá conseguir más visitantes. Es muy [...]]]></description>
			<content:encoded><![CDATA[<p>Tener una página web con buen contenido es el camino principal para el éxito de su sitio web. Esto nos permitirá atraer un gran número de visitantes que nos visitarán regularmente si encuentran contenido de calidad.</p>
<p>Si nuestros contenidos están bien redactados, Google posicionará mejor nuestras páginas lo que nos permitirá conseguir más visitantes. Es muy importante la utilización de palabras clave (keywords), dentro de nuestro contenido, así como aprender a colocarlas dentro de cada página web.</p>
<p><span id="more-11"></span></p>
<h3>La importancia de los contenidos</h3>
<p>El contenido de nuestra página web, es el punto más importante para conseguir nuevas visitas y para lograr que nuestros visitantes regresen a nuestra web. Un contenido de calidad y de importancia para nuestros visitantes les permitirá regresar en varias oportunidades a nuestras páginas y por lo tanto mejorará nuestro posicionamiento en los buscadores.</p>
<p>Además, si los contenidos son buenos e interesantes, conseguiremos que otros webmasters nos enlacen a sus sitios web. El tener gran cantidad de enlaces entrantes es otro factor que mejorará nuestro posicionamiento.</p>
<p>Otro de los aspectos fundamentales es actualizar constantemente nuestras webs con nuevo contenido. Google indexa mejor las webs que se actualizan constantemente; por lo que generar nuevo contenido permitirá que los robots de Google nos visiten con mas frecuencia y lograremos mejor posicionamiento y tener más páginas indexadas en su buscador.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/el-contenido-es-una-clave-para-el-posicionamiento/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Elementos basicos del diseño</title>
		<link>http://www.haciendowebs.com/elementos-basicos-del-diseno/</link>
		<comments>http://www.haciendowebs.com/elementos-basicos-del-diseno/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 16:10:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Articulos]]></category>

		<category><![CDATA[diseño web]]></category>

		<guid isPermaLink="false">http://www.haciendowebs.com/?p=8</guid>
		<description><![CDATA[Un buen diseño Web equivale a un buen diseño. Si entiendes los elementos que hacen un buen diseño, tendrás una página Web que trabaja bien. Estos elementos de un buen diseño tienen aplicación, tanto si diseñoas una página Web, una tarjeta de presentación, o una camisa playera; y una vez que los entiendes, tendrás las [...]]]></description>
			<content:encoded><![CDATA[<p>Un buen diseño Web equivale a un buen diseño. Si entiendes los elementos que hacen un buen diseño, tendrás una página Web que trabaja bien. Estos elementos de un buen diseño tienen aplicación, tanto si diseñoas una página Web, una tarjeta de presentación, o una camisa playera; y una vez que los entiendes, tendrás las habilidades para ser un gran diseñador.</p>
<p>Los elementos de diseño son los bloques de construcción del diseño. Estos elementos son los que hacen cada página que construyes. Y entendiendo los elementos básicos podrás colocar en conjunto mejores páginas Web.</p>
<p><span id="more-8"></span></p>
<p>Existen cinco elementos básicos de cada diseño:</p>
<p style="padding-left: 30px;"><strong>Líneas y Trazado (linework)</strong></p>
<p style="padding-left: 30px;">Las líneas incluyen bordes y reglas. Pueden ser horizontales o verticales y pueden ayudar a delinear los espacios alrededor de los elementos en las páginas Web. El linework o trazado, aumenta la legibilidad del diseño.</p>
<p style="padding-left: 30px;"><strong>Forma</strong></p>
<p style="padding-left: 30px;">Las formas crean cualquier contorno incluido en el diseño. Las formas en la mayoría de las páginas Web son cuadradas o rectangulares. Pero no siempre tienen que ser así. Puedes usar imágenes para generar otras formas dentro de tus diseños.</p>
<p style="padding-left: 30px;"><strong>Textura</strong></p>
<p style="padding-left: 30px;">La textura le da a un diseño una sensación de superficie. La textura en las páginas Web es completamente visual, pero puedes usar texturas naturales o artificiales para obtener el efecto en tus diseños.</p>
<p style="padding-left: 30px;"><strong>Color</strong></p>
<p style="padding-left: 30px;">El color es el único elemento del diseño del que la mayoría de diseñadores Web son agudamente conscientes. Pero recuerda que el color no es un elemento requerido para cualquier diseño. De hecho, un buen plan de diseño, es crear primero el diseño sin color, luego, añadir un poco de color puede realzar el diseño.</p>
<p style="padding-left: 30px;"><strong>Dirección</strong></p>
<p style="padding-left: 30px;">La dirección da a su diseño web la idea de movimiento. En la mayoría de diseños hay un sentido de movimiento en una dirección a través del diseño. Los buenos diseños conducen el ojo por el diseño en una forma deliberada a fin de que el espectador vea lo que el diseñador quiere.</p>
<p> </p>
<h1><span style="color: #000080;">LINEAS</span></h1>
<p>Que son las líneas en el Diseño:</p>
<p>Las líneas son un elemento básico de diseño. Le añaden el estilo a un diseño y pueden realzar la comprensión y la legibilidad de un diseño. Las líneas pueden ser utilizadas como un borde alrededor de elementos o un divisor entre elementos.</p>
<h3>El Uso de Líneas en Diseño:</h3>
<p>Las líneas en diseño Web pueden ser usadas de muchas formas:</p>
<ul>
<li>bordes alrededor de elementos</li>
<li>líneas divisorias entre elementos</li>
<li>contornoss alrededor de elementos</li>
<li>decoración</li>
</ul>
<h3>Cómo incluir líneas en el diseño web:</h3>
<p>Hay tres formas para incluir líneas en el trabajo del diseño Web:</p>
<p>La etiqueta &lt;hr /&gt; coloca líneas horizontales en documentos de la página Web. Luego puedes darle estilo a la etiqueta &lt;hr /&gt; para obtener mejores resultados con las líneas.</p>
<p>CSS provee muchas formas para añadirle bordes a los elementos. Con bordes en uno o dos lados de un elemento, puedes crear líneas que son algo más interesantes que un borde simple de la caja.</p>
<p>Las imágenes pueden ser utilizadas como líneas y bordes para crear más efectos decorativos.</p>
<p> </p>
<h1><span style="color: #000080;">FORMAS</span></h1>
<p>Que son las Formas en Diseño:</p>
<p>Las formas son un elemento básico de diseño. Están hechas de contornos cerrados y objetos tridimensionales colocados en el diseño. Las formas se usan para transmitir significado y organizar información. Las formas pueden ser bidimensionales o  tridimensionales.</p>
<p>Hay tres tipos básicos de formas:</p>
<ul>
<li>Las formas geométricas</li>
<li>Las formas naturales</li>
<li>Las formas abstractas</li>
</ul>
<h3>El Uso de Formas en Diseño:</h3>
<p>Las formas en diseño Web pueden ser usadas de muchas formas:</p>
<ul>
<li>Añadir interés a un diseño</li>
<li>Mantener el interés</li>
<li>Organizar o separar elementos</li>
<li>Dirigir el ojo a través del diseño</li>
</ul>
<p><span style="color: #993300;">Formas Geométricas:</span></p>
<p>Las formas geométricas son en las que la mayoría de personas piensan cuándo nos referimos acerca de las formas. La mayoría de formas geométricas en las páginas Web son creadas a través del esquema (layout) y CSS. Algunas formas geométricas comunes que usted ve en las páginas Web son:</p>
<ul>
<li>cuadrados y rectángulos</li>
<li>círculos</li>
<li>triángulos</li>
<li>diamantes</li>
</ul>
<p><span style="color: #993300;">Formas Naturales:</span></p>
<p>Las formas naturales son formas que son encontradas en la naturaleza, pero son también formas de objetos hechos por el hombre. La mayoría de formas naturales en las páginas Web son creadas con imágenes. Algunos ejemplos de formas naturales son:</p>
<ul>
<li>hojas</li>
<li>charcos</li>
</ul>
<p><span style="color: #993300;">Formas Abstractas:</span></p>
<p>Las formas abstractas tienen una forma reconocible pero no son reales como lo son las formas naturales. Por ejemplo, la silueta de un perro pintada de negro es una forma abstracta del perro, una foto del perro es una forma natural. Las formas abstractas en diseños Web se agregan usualmente a través de las imágenes. Algunos ejemplos de formas abstractas son:</p>
<ul>
<li>glifos del alfabeto</li>
<li>iconos</li>
<li>símbolos</li>
</ul>
<p> </p>
<h1><span style="color: #000080;">TEXTURA</span></h1>
<p>Que es la Textura en Diseño:</p>
<p>La textura es lo que le da a un diseño la sensación de superficie. Es el sentido táctil de los elementos en el diseño. En el diseño Web, la textura es visual, pero provee la ilusión de textura física. Algunas texturas comunes son:</p>
<ul>
<li>Áspero</li>
<li>Suave</li>
<li>Duro</li>
<li>Blando</li>
</ul>
<h3>El Uso de Textura en Diseño:</h3>
<p>La textura en diseño Web puede ser usada de muchas formas:</p>
<ul>
<li>en los fondos</li>
<li>para poner énfasis</li>
<li>diseños estilizados como grabados o delineaciones</li>
</ul>
<h3>Cómo Incluir Textura en Diseño Web:</h3>
<p>La forma más común para incorporar textura en los diseños Web es con la propiedad de estilo de imagen de fondo. Puedes aplicar las imágenes de fondo a la mayoría de los elementos de bloque, lo cual te permite añadir texturas a todo lo largo de tus páginas Web.</p>
<p>No olvides que aun cuando no utilices fondos, puedes tener o puedes aproximarte a una textura. Por ejemplo, cualquier imagen que tengas tendrá textura dentro de ella. Y la combinación de elementos en una página puede combinarse conjuntamente para verse texturizada.</p>
<p> </p>
<h1><span style="color: #000080;">COLOR</span></h1>
<p>Que es el Color en Diseño:</p>
<p>El color es un elemento básico de diseño, pero de lo que muchos diseñadores no se dan cuenta, es que no es un elemento requerido. Una cierta cantidad de los mejores diseños han terminado sólo en blanco y negro o simplemente con un poco de un color.</p>
<h3>El Uso del Color en Diseño:</h3>
<p>El color en diseño Web puede ser usado de muchas formas:</p>
<ul>
<li>fondos</li>
<li>texto y primeros planos</li>
<li>imágenes</li>
<li>énfasis</li>
</ul>
<h3>Cómo Incluir Color en Diseño Web:</h3>
<p>El color es muy fácil de añadires en las páginas Web. Hay muchas propiedades de estilo que añaden color, incluyendo:</p>
<ul>
<li>color - para color del primer plano, como las fuentes y el texto</li>
<li>color de fondo - hace como lo que suena, cambia el color de fondo del elemento</li>
<li>color de borde - para cambiar el color de bordes alrededor de elementos</li>
</ul>
<p>También se le puede añadir color a un diseño a través de imágenes. Las imágenes JPEG para fotos e imágenes con millones de colores y GIFs para imágenes de color plano.</p>
<p> </p>
<h1><span style="color: #000080;">DIRECCION</span></h1>
<p>Que es la Dirección en Diseño:</p>
<p>La dirección en diseño provee ambientación y atmósfera. La dirección da la ilusión de movimiento dentro de un diseño. Hay tres direcciones básicas en diseño:</p>
<ul>
<li>Horizontal</li>
<li>vertical</li>
<li>diagonal</li>
</ul>
<h3>El Uso de Dirección en Diseño:</h3>
<p>En el diseño Web, la dirección está más a menudo representada por las imágenes en la página. Se puede imponer dirección a través de la colocación de elementos en la página, y con líneas, especialmente cuando tienen cabezas de flecha en ellas.</p>
<h3>Cómo Incluir Dirección en Diseño Web:</h3>
<p>Incorpore dirección en sus diseños Web en las siguientes formas:</p>
<p>Mira tus imágenes para determinar hacia qué dirección miran los temas. Si las personas dentro de la imagen miran hacia la derecha, entonces deberíamos colocar la imagen en el lado izquierdo de la página. De otra manera la dirección de los ojos en la foto dirigirá los ojos de los lectores fuera de la página.</p>
<p>Usa tu esquema (layout) para sugerir dirección. Sitúa elementos densos, como las fotos, en líneas horizontales, verticales, o diagonales. Mientras elementos menos densos, como el texto, los rodean.</p>
<p>Usa líneas, ya sea imágenes o etiquetas HR, para sugerir movimiento y dirección.</p>
<p>Artículo escrito por Jennifer Kyrnin</p>
]]></content:encoded>
			<wfw:commentRss>http://www.haciendowebs.com/elementos-basicos-del-diseno/feed/</wfw:commentRss>
		</item>
	</channel>
</rss><!-- Dynamic Page Served (once) in 0.857 seconds --><!-- Cached page generated by WP-Super-Cache on 2009-11-05 20:57:47 -->
