<?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>Diseño de paginas web Profesionales, diseñador paginas web, imagen corporativa, Diseño impresos,  Cotizacion, precios, planes hosting y dominios</title>
	<atom:link href="http://www.colorinteractivo.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.colorinteractivo.com</link>
	<description>Diseño y desarrollo de paginas web, servicios Freelance, Aplicaciones web, administrador de contenidos, diseño grafico, Imagen corporativa, diseñador, desarrollo multimedia</description>
	<lastBuildDate>Tue, 31 Aug 2010 15:28:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Interesante Experimento con el Navegador Google Chrome</title>
		<link>http://www.colorinteractivo.com/interesante-experimento-con-el-navegador-google-chrome/</link>
		<comments>http://www.colorinteractivo.com/interesante-experimento-con-el-navegador-google-chrome/#comments</comments>
		<pubDate>Tue, 31 Aug 2010 15:19:48 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=575</guid>
		<description><![CDATA[Este es un interesante video que utiliza el Navegador Google Chrome, interactivo y muy novedoso;  ingresen una dirección (ojala conocida) y disfruten de la Tecnologia con HTML5;
(Recuerden que deben tener instalado el Navegador de Google Chrome sino lo tienes descargalo aquí)

Ver Video
]]></description>
			<content:encoded><![CDATA[<p>Este es un interesante video que utiliza el Navegador Google Chrome, interactivo y muy novedoso;  ingresen una dirección (ojala conocida) y disfruten de la Tecnologia con HTML5;<br />
(Recuerden que deben tener instalado el Navegador de Google Chrome sino lo tienes descargalo <a title="Descargar Google Chrome" href="http://www.google.es/chrome/eula.html" target="_blank">aquí</a>)</p>
<p><a title="Ver Video" href="http://www.thewildernessdowntown.com/" target="_blank"><img class="alignnone size-full wp-image-576" title="experimento-chrome2" src="http://www.colorinteractivo.com/wp-content/uploads/2010/08/experimento-chrome2.jpg" alt="" width="612" height="288" /></a></p>
<p><a href="http://www.thewildernessdowntown.com/" target="_blank">Ver Video</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/interesante-experimento-con-el-navegador-google-chrome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tips para manejar la relación con el Cliente</title>
		<link>http://www.colorinteractivo.com/como-manejar-la-relacion-con-el-cliente/</link>
		<comments>http://www.colorinteractivo.com/como-manejar-la-relacion-con-el-cliente/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 22:22:31 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=572</guid>
		<description><![CDATA[Hay varios artículos en Internet sobre los clientes problema. Usted probablemente ha leído algunos de ellos, he incluso escribió alguno. Sin embargo, cuando fue la última vez que hemos tomado la molestia de pensar que tal vez nosotros, como diseñadores y desarrolladores, ayudó a un cliente al pasar de &#8220;problema de cliente&#8221; en &#8220;cliente del ...]]></description>
			<content:encoded><![CDATA[<p><span><span>Hay varios artículos en Internet sobre </span></span><strong><span><span>los clientes problema</span></span></strong><span><span>.</span> <span>Usted probablemente ha leído algunos de ellos, he incluso escribió alguno.</span> <span>Sin embargo, cuando fue la última vez que hemos tomado la molestia de pensar que tal vez nosotros, como diseñadores y desarrolladores, ayudó a un cliente al pasar de &#8220;problema de cliente&#8221; en &#8220;cliente del infierno&#8221;?</span> <span>Así que en lugar de echar leña al fuego, veamos algunas maneras de mejorar la </span></span><strong><span><span>interacción con el cliente</span></span></strong><span><span>.</span></span></p>
<h3><span><span>Bregar con el Cliente.</span></span></h3>
<p><img title="Engage With the Client" src="http://images.webdesignbooth.com/client-interaction/conversation.jpg" alt="Engage With the Client" width="500" height="213" /><br />
<span><span>Compromiso con el cliente significa ser una persona agradable.</span> <span>Eso no significa que tenga que ir a cine con su familia, pero muestran un interés genuino en lo que tienen que decir.</span> <span>Escuchar activamente al cliente y una pequeña charla, y no hablar sobre el proyecto.</span> <span>Su objetivo en esta parte del juego es ser freelancer personales del cliente.</span> <span>¿Quieres ser el profesional independiente.?</span><span> haga que el  cliente se sienta que usted se preocupa por ellos.</span> <span>A menos que usted sea un robot&#8230;<br />
</span></span></p>
<h3><span><span>Empatía con el cliente</span></span></h3>
<p><img title="Empathize With the Client" src="http://images.webdesignbooth.com/client-interaction/hands-on-hands.jpg" alt="Empathize With the Client" width="500" height="239" /><br />
<span><span>Al ponerse en el lugar de su cliente, usted será capaz de identificar los problemas y comprometerse más con el cliente.</span> <span>Empieza a pensar en ellos como seres humanos en lugar de los medios por los cuales usted alimenta a su adicción a Apple.</span> <span>Cuando los clientes ven en verdad que le importa ellos se vuelven más receptivos, por lo que es más fácil para usted hacer llegar las sugerencias que se  discutió en lugar de una ojeada .</span></span></p>
<h3><span><span>Mostrar el cliente no completadas Trabajo</span></span></h3>
<p><img title="Show the Client Uncompleted Work" src="http://images.webdesignbooth.com/client-interaction/code.jpg" alt="Show the Client Uncompleted Work" width="500" height="157" /><br />
<span><span>Algunos trabajadores independientes sienten que es molesto o simplemente poco profesional para mostrar el trabajo sin terminar.</span> <span>Si bien hace falta ser un poco más de tiempo para completar un diseño, la cantidad de buy-in que el cliente tiene en el proyecto en ese punto es inmensa.</span> <span>Permitir que el cliente eche un vistazo y hacer sugerencias, les hace a existir más cómodo con usted y el proyecto en general.</span> <span>El cliente se siente como si se hizo el diseño, al igual que lo forma </span><span>.</span> <span>Si usted está preocupado de que usted pierda el control del proyecto no se preocupe, usted puede dar forma de retroalimentación del cliente haciendo preguntas.</span></span></p>
<h3><span><span>Haga preguntas</span></span></h3>
<p><img title="Ask Questions" src="http://images.webdesignbooth.com/client-interaction/questions.jpg" alt="Ask Questions" width="500" height="220" /><br />
<span><span>Generalmente  no hacemos </span></span><span><span>bastantes</span></span><span><span> preguntas .</span> <span>Al hacer preguntas, escuchar activamente al cliente, y la empatía o la empatía con el cliente a obtener la aceptación y la aceptación.</span> <span>La más interesante y sugerente a sus preguntas más que usted aprenderá acerca de su cliente y proyecto.</span> <span>Por supuesto, eso sólo conducirá a un gran proyecto, un cliente feliz, y la repetición de negocios.</span> <span>Eso es lo que quieres, ¿verdad?</span></span></p>
<h3><span><span>Ser humilde</span></span></h3>
<p><img title="Be Humble" src="http://images.webdesignbooth.com/client-interaction/humble-man.jpg" alt="Be Humble" width="500" height="191" /><br />
<span><span>Usted puede ser capaz de programar un plugin de jQuery más rápido que cualquier persona dentro de un radio de 100 Kilometros, pero eso no significa que usted puede escatimar cuando se trata de ser humilde.</span> <span>Practicar la humildad que te distinguirá de otros profesionales independientes sin este rasgo valioso usted esta fallando.</span> <span>Si usted cree que ser humilde es dificil, usted esta fallando&#8230;<br />
</span></span></p>
<h3><span><span>Sea un problema de Solver eficaz</span></span></h3>
<p><img title="Be an Effective Problem Solver" src="http://images.webdesignbooth.com/client-interaction/puzzle.jpg" alt="Be an Effective Problem Solver" width="500" height="198" /><br />
<span><span>Cuando un cliente viene a nosotros que tienen un problema.</span> <span>Podría ser que necesitan un sitio web, optimización de motores de búsqueda, o la marca.</span> <span>Tienen el problema y se convierte en nuestro trabajo para resolverlo, con eficacia.</span> <span>Por su diseño somos muchos creativos, por lo que la resolución de problemas viene muy fácil para nosotros.</span> <span>Luchar por la solución más simple al problema, como los que tienen la mayor tasa de éxito de la integración del cliente.</span> <span>Mientras se resuelve el problema con el cliente el bienestar en mente, entonces el problema se ha resuelto con eficacia.</span></span></p>
<h3><span><span>Educar al cliente</span></span></h3>
<p><img title="Educate the Client" src="http://images.webdesignbooth.com/client-interaction/education.jpg" alt="Educate the Client" width="500" height="158" /><br />
<span><span>¿El cliente necesita saber cómo llamar a un gancho del php dentro del bucle en wordpress?</span> <span>No, pero tendrán que entender lo que están pagando.</span> <span>Educar al cliente en el aspecto del diseño, explicar algunas de la ciencia detrás de la psicología del usuario final, o explicar las principales diferencias entre los sistemas de gestión de contenido que usted está tratando de decidir.</span> <span>Al igual que antes, si el cliente puede invertir mentalmente en el diseño de proyectos y entonces menos objeciones se elevan durante el proceso de revisión.</span> <span>No entre en sobrecarga geek y explicar la teoría del color, aunque sólo puedo manejar eso después de una o dos tazas de café.</span></span></p>
<h3><span><span>El tratamiento del millón de dólares</span></span></h3>
<p><img title="Million Dollar Treatment" src="http://images.webdesignbooth.com/client-interaction/money.jpg" alt="Million Dollar Treatment" width="500" height="198" /><br />
<span><span>Si usted tiene un gran cliente en sus manos o incluso si es un cliente para así, sigue siendo kilometros más allá de un cliente &#8220;del infierno&#8221;.</span> <span>Hágales saber que usted los aprecia.</span> <span>Deles un descuento por pronto pago, o algún otro pequeño regalo de promoción.</span> <span>Es virtualmente sin costo y los clientes les encanta!</span> <span>Además, dándoles una nota a solas por su red social de elección, el envío de una tarjeta de agradecimiento después de que el proyecto esté terminado, o durante las vacaciones va un largo camino con los clientes.</span> <span>¿A quién no le gusta ser apreciado?</span></span></p>
<h3><span><span>Tiene un buen contrato</span></span></h3>
<p><img title="Have a Good Contract" src="http://images.webdesignbooth.com/client-interaction/signature.jpg" alt="Have a Good Contract" width="500" height="186" /><br />
<span><span>Lo creas o no, pero con los detalles del proyecto de trazado de manera clara y formato fácil de entenderlos  no sólo hace más fácil para ti, sino también para el cliente.</span> <span>Los contratos deben ofrecer al cliente una sensación de seguridad y le dará un aire de profesionalismo.</span> <span>Toma algunas de las conjeturas del proyecto.</span> <span>El cliente sabe lo que se espera de ellos y lo que se espera de el diseñador.</span> <span>Además, si por una razón u otra, todo el proyecto va para arriba a continuación, tanto usted como el cliente tienen un curso de acción.</span></span></p>
<h3><span><span>No tenga miedo de expresar su opinión</span></span></h3>
<p><img title="Dont Be Afraid to State Your Opinion" src="http://images.webdesignbooth.com/client-interaction/speakup.jpg" alt="Dont Be Afraid to State Your Opinion" width="500" height="237" /><br />
<span><span>La lección más difícil de aprender es independiente de aprendizaje cuando a expresar su opinión.</span> <span>Si el cliente está equivocado sobre algo lo dice.</span> <span>Se podrá apreciar la honestidad.</span> <span>Sólo estar dispuestos a señalar el error y tener una solución lista para hacerlo.</span> <span>No tiene sentido en señalar un único error de no tener un plan de acción eficaz.</span> <span>También estar dispuestos a admitir cuando se equivoca el cliente o usted mismo.<br />
</span></span></p>
<h3><span><span>Sea usted mismo</span></span></h3>
<p><img title="Be Yourself" src="http://images.webdesignbooth.com/client-interaction/be-yourself.jpg" alt="Be Yourself" width="500" height="231" /><br />
<span><span>Un gran hombre llamado William Bernbach dijo: </span></span><em><span><span>&#8220;Nadie cuenta el número de anuncios que publique, sino que sólo recuerda la impresión que usted hace.&#8221;</span></span></em><span><span>.</span> <span>Cuando usted interactúa con un cliente, proyecte su personalidad en la conversación y el proyecto.</span> <span>Si usted está actuando artificial, el cliente sabrá.</span> <span>Su tono muy probable que sea copiado por el cliente.</span> <span>¿Alguna vez escuchó la felicidad es contagiosa?</span> <span>Sea genuino, al mostrar su pasión por el proyecto y su arte, el cliente deberá compartir su entusiasmo también.</span></span></p>
<h3><span><span>Comunicar</span></span></h3>
<p><img title="Communicate" src="http://images.webdesignbooth.com/client-interaction/touch-someone.jpg" alt="Communicate" width="500" height="235" /><br />
<span><span>La mejor manera de garantizar la interacción con el cliente es comunicarse efectivamente.</span> <span>A raíz de algunas de las sugerencias anteriores definitivamente poner uno en el recto y estrecho.</span> <span>Sea sincero.</span><span>Si usted ha hecho su trabajo correctamente, entonces las pequeñas cosas que has hecho (las sugerencias de este artículo) se suman.</span> <span>Al final, todo es cuestión de valor añadido para el cliente y el proyecto.</span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/como-manejar-la-relacion-con-el-cliente/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Siginificado de los Colores</title>
		<link>http://www.colorinteractivo.com/siginificado-de-los-colores/</link>
		<comments>http://www.colorinteractivo.com/siginificado-de-los-colores/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 03:08:49 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[colores web]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=567</guid>
		<description><![CDATA[Siginificado de los Colores Web




Contenido:

 Introducción
 El significado de los colores

 Blanco
 Amarillo
 Naranja
 Rojo
 Púrpura
 Azul
 Verde
 Negro


 Tabla de propiedades de los colores
 Tabla de sensaciones



Introducción:
El color es una parte del espectro lumínico, y, al fin, es energía vibratoria.Esta energía afecta de diferente forma  al ser humano, dependiendo de su longitud de ...]]></description>
			<content:encoded><![CDATA[<h2><strong>Siginificado de los Colores Web<br />
</strong></h2>
<p><img class="alignnone" title="Colores Web" src="http://www.colorinteractivo.com/images-new/blog/colores-web.jpg" alt="" width="612" height="234" /></p>
<p><strong><br />
</strong></p>
<h3>Contenido:<span id="more-567"></span></h3>
<ul>
<li> Introducción</li>
<li> El significado de los colores
<ol>
<li> Blanco</li>
<li> Amarillo</li>
<li> Naranja</li>
<li> Rojo</li>
<li> Púrpura</li>
<li> Azul</li>
<li> Verde</li>
<li> Negro</li>
</ol>
</li>
<li> Tabla de propiedades de los colores</li>
<li> Tabla de sensaciones</li>
</ul>
<ol>
<li>
<h3><strong>Introducción:</strong><img src="http://www.webtaller.com/images/maletin/articulos/colourAreaWheel.gif" alt="Círculo Estándar de Color" width="180" height="180" align="right" /></h3>
<p>El color es una parte del espectro lumínico, y, al fin, es energía vibratoria.Esta energía afecta de diferente forma  al ser humano, dependiendo de su longitud de onda (del color en  concreto) produciendo diferentes sensaciones de las que normalmente no  somos conscientes.Pero la gente que trabaja en agencias  de marketing y publicidad, los asesores de imagen de empresa, los  diseñadores industriales y de moda, etc., son bien conscientes de ello, y  utilizan los colores para asociarlos coherentemente al tipo de producto  que quieren hacer llegar.</p>
<p>La cosa, como no podría ser de otra  forma, funciona. Desde hace años se han hecho todo tipo de pruebas para  analizar las sensaciones que sugieren los colores y hay bastante  bibliografía al respecto.</p>
<p>¿Y qué es un sitio web si no un  escaparate personal, de empresa, de comunidad, etc.? Además de muchas  otras funciones que cada sitio pueda tener, ante todo intenta comunicar y  lo hace con palabras, con imágenes y, en primera instancia, con  colores.</p>
<p>Cuando un sitio web está diseñado por  profesionales con sólidos conocimientos de diseño gráfico, normalmente  las pautas seguidas con los colores no son aleatorias.</p>
<p>Vamos a mostrar a continuación las  propiedades de los colores básicos generalmente aceptadas. Puede haber  discrepancias según autores, pero en lo fundamental, prácticamente todos  están de acuerdo.</li>
<li>
<h3><strong> El significado de los colores: </strong></h3>
<dl>
<dt><em><br />
<strong>Blanco</strong>:</em></dt>
<dd>
<ul>
<li>El blanco se asocia a la luz, la bondad, la inocencia, la pureza y la virginidad. Se le considera el color de la perfección.</li>
<li>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.</li>
<li>En heráldica, el blanco representa fe y pureza.</li>
<li>En publicidad, al blanco se le  asocia con la frescura y la limpieza porque es el color de nieve. En la  promoción de productos de alta tecnología, el blanco puede utilizarse  para comunicar simplicidad.</li>
<li>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.</li>
<li>El blanco se le asocia 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.</li>
<li>A menudo se asocia a con la pérdida de peso, productos bajos en calorías y los productos lácteos.</li>
</ul>
</dd>
<dt><em> <strong>Amarillo</strong>:</em></dt>
<dd>
<ul>
<li>El amarillo simboliza la luz del sol. Representa la alegría, la felicidad, la inteligencia y la energía.</li>
<li>El amarillo sugiere el efecto de  entrar en calor, provoca alegría, estimula la actividad mental y genera  energía muscular. Con frecuencia se le asocia a la comida.</li>
<li>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.</li>
<li>Cuando se sitúan varios colores  en contraposición al negro, el amarillo es en el que primero se fija la  atención. Por eso, la combinación amarillo y negro es usada para  resaltar avisos o reclamos de atención.</li>
<li>En heráldica el amarillo representa honor y lealtad.</li>
<li>En los últimos tiempos al amarillo también se le asocia con la cobardía.</li>
<li>Es recomendable utilizar  amarillo para provocar sensaciones agradables, alegres. Es muy adecuado  para promocionar productos para los niños y para el ocio.</li>
<li>Por su eficacia para atraer la atención, es muy útil para destacar los aspectos más importantes de una página web.</li>
<li>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.</li>
<li>El amarillo es un color espontáneo, variable, por lo que no es adecuado para sugerir seguridad o estabilidad.</li>
<li>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 hacen poco atrayente, pierden la alegría y  lo convierten en sórdido.</li>
<li>El amarillo pálido es lúgubre y representa precaución, deterioro, enfermedad y envidia o celos.</li>
<li> EL amarillo claro representa inteligencia, originalidad y alegría.</li>
</ul>
</dd>
<dt><em> <strong>Naranja</strong>:</em></dt>
<dd>
<ul>
<li>El naranja 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.</li>
<li>Representa el entusiasmo, la felicidad, la atracción, la creatividad, la determinación, el éxito, el ánimo y el estímulo.</li>
<li>Es un color muy caliente, por lo que produce sensación de calor. Sin embargo, el naranja no es un color agresivo como el rojo.</li>
<li>La visión del color naranja  produce la sensación de mayor aporte de oxígeno al cerebro, produciendo  un efecto vigorizante y de estimulación de la actividad mental.</li>
<li>Es un color que encaja muy bien con la gente joven, por lo que es muy recomendable para comunicar con ellos.</li>
<li>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</li>
<li>Es el color de la caída de la hoja y de la cosecha.</li>
<li>En heráldica el naranja representa la fortaleza y la resistencia.</li>
<li>El color naranja tiene una  visibilidad muy alta, por lo que es muy útil para captar atención y  subrayar los aspectos más destacables de una página web.</li>
<li>El naranja 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.</li>
<li> El naranja oscuro puede sugerir engaño y desconfianza.</li>
<li> El naranja rojizo evoca deseo, pasión sexual , placer, dominio, deseo de acción y agresividad</li>
<li> El dorado produce sensación de  prestigio. El dorado significa sabiduría, claridad de ideas, y riqueza.  Con frecuencia el dorado representa alta calidad.</li>
</ul>
</dd>
<dt><em> <strong>Rojo</strong>:</em></dt>
<dd>
<ul>
<li>El color rojo es el del fuego y  el de la sangre, por lo que se le asocia al peligro, la guerra, la  energía, la fortaleza, la determinación, así como a la pasión, al deseo y  al amor.</li>
<li>Es un color muy intenso a nivel  emocional. Mejora el metabolismo humano, aumenta el ritmo respiratorio y  eleva la presión sanguínea.</li>
<li>Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes, prohibiciones y llamadas de precaución.</li>
<li>Trae el texto o las imágenes con  este color a primer plano resaltándolas sobre el resto de colores. Es  muy recomendable para encaminar a las personas a tomar decisiones  rápidas durante su estancia en un sitio web.</li>
<li>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.</li>
<li>El rojo es el color para indicar peligro por antonomasia.</li>
<li>Como está muy relacionado con la  energía, es muy adecuado para anunciar coches motos, bebidas  energéticas, juegos, deportes y actividades de riesgo.</li>
<li>En heráldica el rojo simboliza valor y coraje. Es un color muy utilizado en las banderas de muchos países.</li>
<li>El rojo claro simboliza alegría, sensualidad, pasión, amor y sensibilidad.</li>
<li> El rosa evoca romance, amor y amistad. Representa cualidades femeninas y pasividad.</li>
<li> 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.</li>
<li> El marrón evoca estabilidad y representa cualidades masculinas.</li>
<li> El marrón rojizo se asocia a la caída de la hoja y a la cosecha.</li>
</ul>
</dd>
<dt><em> <strong>Púrpura</strong>:</em></dt>
<dd>
<ul>
<li>El púrpura aporta la estabilidad del azul y la energía del rojo.</li>
<li>Se asocia a la realeza y simboliza poder, nobleza, lujo y ambición. Sugiere riqueza y extravagancia.</li>
<li>El color púrpura también está asociado con la sabiduría, la creatividad, la independencia, la dignidad.</li>
<li>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.</li>
<li>Debido a que es un color muy poco frecuente en la naturaleza, hay quien opina que es un color artificial.</li>
<li>El púrpura brillante es un color  ideal para diseños drigidos a la mujer. También es muy adecuado para  promocionar artículos dirigidos a los niños.</li>
<li> El púrpura claro produce sentimientos nostálgicos y románticos.</li>
<li> El púrpura oscuro evoca melancolía y tristeza. Puede producir sensación de frustración.</li>
</ul>
</dd>
<dt><em><strong>Azul</strong>:</em></dt>
<dd>
<ul>
<li>El azul es el color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad.</li>
<li>Representa la lealtad, la confianza, la sabiduría, la inteligencia, la fe, la verdad y el cielo eterno.</li>
<li>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.</li>
<li>En heráldica el azul simboliza la sinceridad y la piedad.</li>
<li>Es muy adecuado para presentar  productos relacionados con la limpieza (personal, hogar o industrial), y  todo aquello relacionado directamente con:
<ul>
<li> El cielo (líneas aéreas, aeropuertos)</li>
<li> El aire (acondicionadores paracaidismo)</li>
<li> El mar (cruceros, vacaciones y deportes marítimos)</li>
<li> El agua (agua mineral, parques acuáticos, balnearios)</li>
</ul>
</li>
<li>Es adecuado para promocionar productos de alta tecnología o de alta precisión.</li>
<li>Al contrario de los colores  emocionalmente calientes como rojo, naranja y amarillo, el azul es un  color frío ligado a la inteligencia y la conciencia.</li>
<li>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.</li>
<li>Sin embargo se debe evitar para  productos alimenticios y relacionados con la cocina en general, porque  es un supresor del apetito.</li>
<li>Cuando se usa junto a colores  cálidos (amarillo, naranja), la mezcla suele ser llamativa. Puede ser  recomendable para producir impacto, alteración.</li>
<li>El azul claro se asocia a la salud, la curación, el entendimiento, la suavidad y la tranquilidad.</li>
<li> El azul oscuro representa el conocimiento, la integridad, la seriedad y el poder.</li>
</ul>
</dd>
<dt><em> <strong>Verde</strong>:</em></dt>
<dd>
<ul>
<li>El verde es el color de la naturaleza por excelencia. Representa armonía, crecimiento, exuberancia, fertilidad y frescura.</li>
<li>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 &#8220;vía libre&#8221; en  señalización.</li>
<li>El verde oscuro tiene también una correspondencia social con el dinero.</li>
<li>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.</li>
<li>El verde sugiere estabilidad y resistencia.</li>
<li>En ocasiones se asocia también a  la falta de experiencia: &#8220;está muy verde&#8221; para describir a un novato,  se utiliza en varios idiomas, no sólo en español.</li>
<li>En heráldica el verde representa el crecimiento y la esperanza.</li>
<li>Es recomendable utilizar el verde asociado a productos médicos o medicinas.</li>
<li>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.</li>
<li>El verde apagado y oscuro, por su asociación al dinero, es ideal para promocionar productos financieros, banca y economía.</li>
<li>El verde &#8220;Agua&#8221; se asocia con la protección y la curación emocional.</li>
<li> El verde amarillento se asocia con la enfermedad, la discordia, la cobardía y la envidia.</li>
<li> El verde oscuro se relaciona con la ambición, la codicia, la avaricia y la envidia.</li>
<li> El verde oliva es el color de la paz.</li>
</ul>
</dd>
<dt><em> <strong>Negro</strong>:</em></dt>
<dd>
<ul>
<li>El negro representa el poder, la elegancia, la formalidad, la muerte y el misterio.</li>
<li>Es el color más enigmático y se asocia al miedo y a lo desconocido (&#8220;el futuro se presenta muy negro&#8221;, &#8220;agujeros negros&#8221;&#8230;).</li>
<li>El negro representa también autoridad, fortaleza, intransigencia. También se asocia al prestigio y la seriedad.</li>
<li>En heráldica el negro representa el dolor y la pena.</li>
<li>En una página web puede dar  imagen de elegancia, y aumenta la sensación de profundidad y  perspectiva. Sin embargo, no es recomendable utilizarlo como fondo ya  que disminuye la legibilidad.</li>
<li>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 abigarramiento de áreas de  contenido, utilizado debidamente como fondo.</li>
<li>Es típico su uso en museos,  galerías o colecciones de fotos on-line, debido a que hace resaltar  mucho el resto de colores. Contrasta muy bien con colores brillantes.</li>
<li>Combinado con colores vivos y poderosos como el naranja o el rojo, produce un efecto agresivo y vigoroso.</li>
</ul>
</dd>
</dl>
</li>
<h3><strong>Tabla de propiedades de los colores: </strong></h3>
<p>En la siguiente tabla vamos a resumir,  para los principales colores, qué simbolizan, así como su efecto  psicológico o acción terapéutica, tanto en positivo, como en negativo:</p>
<table style="height: 477px;" border="0" cellspacing="2" cellpadding="2" width="689" summary="Tabla de propiedades de los colores">
<tbody>
<tr>
<td width="10%" valign="top"><strong> Color</strong></td>
<td width="27%" valign="top"><strong> Significado</strong></td>
<td width="40%" valign="top">S<strong>u uso aporta</strong></td>
<td width="23%" valign="top"><strong> El exceso produce</strong></td>
</tr>
<tr>
<td valign="top" bgcolor="white">BLANCO</td>
<td valign="top">Pureza, inocencia, optimismo</td>
<td valign="top">Purifica la mente a los más altos niveles</td>
<td valign="top">&#8212;</td>
</tr>
<tr>
<td valign="top" bgcolor="lavender">LAVANDA</td>
<td valign="top">Equilibrio</td>
<td valign="top">Ayuda a la curación espiritual</td>
<td valign="top">Cansado y desorientado</td>
</tr>
<tr>
<td valign="top" bgcolor="silver">PLATA</td>
<td valign="top">Paz, tenacidad</td>
<td valign="top">Quita dolencias y enfermedades</td>
<td valign="top">&#8212;</td>
</tr>
<tr>
<td valign="top" bgcolor="gray">GRIS</td>
<td valign="top">Estabilidad</td>
<td valign="top">Inspira la creatividad<br />
Simboliza el éxito</td>
<td valign="top">&#8212;</td>
</tr>
<tr>
<td valign="top" bgcolor="yellow">AMARILLO</td>
<td valign="top">Inteligencia, alentador, tibieza, precaución, innovación</td>
<td valign="top">Ayuda a la estimulación mental<br />
Aclara una mente confusa</td>
<td valign="top">Produce agotamiento<br />
Genera demasiada actividad mental</td>
</tr>
<tr>
<td valign="top" bgcolor="gold">ORO</td>
<td valign="top">Fortaleza</td>
<td valign="top">Fortalece el cuerpo y el espíritu</td>
<td valign="top">Demasiado fuerte para muchas personas</td>
</tr>
<tr>
<td valign="top" bgcolor="orange">NARANJA</td>
<td valign="top">Energía</td>
<td valign="top">Tiene un agradable efecto de tibieza<br />
Aumenta la inmunidad y la potencia</td>
<td valign="top">Aumenta la ansiedad</td>
</tr>
<tr>
<td valign="top" bgcolor="red">ROJO</td>
<td valign="top">Energía, vitalidad, poder, fuerza, apasionamiento, valor, agresividad, impulsivo</td>
<td valign="top">Usado para intensificar el metabolismo del cuerpo con efervescencia y apasionamiento<br />
Ayuda a superar la depresión</td>
<td valign="top">Ansiedad de aumentos, agitación, tensión</td>
</tr>
<tr>
<td valign="top" bgcolor="purple">PÚRPURA</td>
<td valign="top">Serenidad</td>
<td valign="top">Útil para problemas mentales y nerviosos</td>
<td valign="top">Pensamientos negativos</td>
</tr>
<tr>
<td valign="top" bgcolor="blue">AZUL</td>
<td valign="top">Verdad, serenidad, armonía, fidelidad, sinceridad, responsabilidad</td>
<td valign="top">Tranquiliza la mente<br />
Disipa temores</td>
<td valign="top">Depresión, aflicción, pesadumbre</td>
</tr>
<tr>
<td valign="top" bgcolor="indigo">AÑIL</td>
<td valign="top">Verdad</td>
<td valign="top">Ayuda a despejar el camino a la conciencia del yo espiritual</td>
<td valign="top">Dolor de cabeza</td>
</tr>
<tr>
<td valign="top" bgcolor="green">VERDE</td>
<td valign="top">Ecuanimidad inexperta, acaudalado, celos, moderado, equilibrado, tradicional</td>
<td valign="top">Útil para el agotamiento nervioso<br />
Equilibra emociones<br />
Revitaliza el espíritu<br />
Estimula a sentir compasión</td>
<td valign="top">Crea energía negativa</td>
</tr>
<tr>
<td valign="top" bgcolor="black">NEGRO</td>
<td valign="top">Silencio, elegancia, poder</td>
<td valign="top">Paz. Silencio</td>
<td valign="top">Distante, intimidatorio</td>
</tr>
</tbody>
</table>
<li><strong> Tabla de sensaciones: </strong>Ahora vamos a plantear el ejercicio  inverso: supongamos que estamos diseñando un nuevo sitio web. Y  supongamos que en determinadas situaciones queremos sugerir, promover  determinados sentimientos entre nuestros visitantes. En la siguiente  tabla esquematizamos como:<br />
<table border="0" cellspacing="2" cellpadding="2" summary="Tabla de propiedades de los colores">
<tbody>
<tr>
<td width="20%" valign="top"><strong>Sensación</strong></td>
<td width="60%" valign="top">Colores</td>
<td width="20%" valign="top">Muestras</td>
</tr>
<tr>
<td rowspan="7" valign="top"><strong>Calidez, tibieza</strong></td>
<td rowspan="7" valign="top">Colores tibios asociados al fuego: Marrón, Rojo, Naranja, Amarillo</td>
<td valign="top" bgcolor="peru"></td>
</tr>
<tr>
<td valign="top" bgcolor="sienna"></td>
</tr>
<tr>
<td valign="top" bgcolor="brown"></td>
</tr>
<tr>
<td valign="top" bgcolor="crimson"></td>
</tr>
<tr>
<td valign="top" bgcolor="red"></td>
</tr>
<tr>
<td valign="top" bgcolor="orange"></td>
</tr>
<tr>
<td valign="top" bgcolor="yellow"></td>
</tr>
<tr>
<td rowspan="3" valign="top"><strong>Fascinación, emoción</strong></td>
<td rowspan="3" valign="top">El amarillo dorado deja una sensación perdurable, brillante, fuerte.</td>
<td valign="top" bgcolor="khaki"></td>
</tr>
<tr>
<td valign="top" bgcolor="gold"></td>
</tr>
<tr>
<td valign="top" bgcolor="goldenrod"></td>
</tr>
<tr>
<td valign="top"><strong>Sorpresa</strong></td>
<td valign="top">El granate, sorprende por poco usado.</td>
<td valign="top" bgcolor="darkred"></td>
</tr>
<tr>
<td rowspan="6" valign="top"><strong>Feminidad</strong></td>
<td rowspan="6" valign="top">La variedad de tonos alrededor del rosa y lavanda</td>
<td valign="top" bgcolor="fuchsia"></td>
</tr>
<tr>
<td valign="top" bgcolor="hotpink"></td>
</tr>
<tr>
<td valign="top" bgcolor="pink"></td>
</tr>
<tr>
<td valign="top" bgcolor="mistyrose"></td>
</tr>
<tr>
<td valign="top" bgcolor="lavenderblush"></td>
</tr>
<tr>
<td valign="top" bgcolor="lavender"></td>
</tr>
<tr>
<td rowspan="4" valign="top"><strong>Dramatismo</strong></td>
<td rowspan="4" valign="top">Verde oscuro, poderoso.</td>
<td valign="top" bgcolor="darkgreen"></td>
</tr>
<tr>
<td valign="top" bgcolor="green"></td>
</tr>
<tr>
<td valign="top" bgcolor="teal"></td>
</tr>
<tr>
<td valign="top" bgcolor="mediumseagreen"></td>
</tr>
<tr>
<td rowspan="7" valign="top"><strong>Naturalidad</strong></td>
<td rowspan="7" valign="top">Sutiles tonos de gris y verde</td>
<td valign="top" bgcolor="lightgrey"></td>
</tr>
<tr>
<td valign="top" bgcolor="darkgray"></td>
</tr>
<tr>
<td valign="top" bgcolor="gray"></td>
</tr>
<tr>
<td valign="top" bgcolor="slategray"></td>
</tr>
<tr>
<td valign="top" bgcolor="darkslategray"></td>
</tr>
<tr>
<td valign="top" bgcolor="teal"></td>
</tr>
<tr>
<td valign="top" bgcolor="mediumseagreen"></td>
</tr>
<tr>
<td rowspan="8" valign="top"><strong>Masculinidad</strong></td>
<td rowspan="8" valign="top">Marrones, piel curtida y azules</td>
<td valign="top" bgcolor="tan"></td>
</tr>
<tr>
<td valign="top" bgcolor="peru"></td>
</tr>
<tr>
<td valign="top" bgcolor="sienna"></td>
</tr>
<tr>
<td valign="top" bgcolor="brown"></td>
</tr>
<tr>
<td valign="top" bgcolor="indigo"></td>
</tr>
<tr>
<td valign="top" bgcolor="darkslateblue"></td>
</tr>
<tr>
<td valign="top" bgcolor="mediumblue"></td>
</tr>
<tr>
<td valign="top" bgcolor="steelblue"></td>
</tr>
<tr>
<td rowspan="8" valign="top"><strong>Juvenil</strong></td>
<td rowspan="8" valign="top">Colores saturados, brillantes, extremos, con el máximo contraste</td>
<td valign="top" bgcolor="yellow"></td>
</tr>
<tr>
<td valign="top" bgcolor="springgreen"></td>
</tr>
<tr>
<td valign="top" bgcolor="lime"></td>
</tr>
<tr>
<td valign="top" bgcolor="orange"></td>
</tr>
<tr>
<td valign="top" bgcolor="fuchsia"></td>
</tr>
<tr>
<td valign="top" bgcolor="red"></td>
</tr>
<tr>
<td valign="top" bgcolor="white"></td>
</tr>
<tr>
<td valign="top" bgcolor="blue"></td>
</tr>
<tr>
<td rowspan="8" valign="top"><strong>Serenidad</strong></td>
<td rowspan="8" valign="top">Sombras frescas, del violeta al verde</td>
<td valign="top" bgcolor="thistle"></td>
</tr>
<tr>
<td valign="top" bgcolor="violet"></td>
</tr>
<tr>
<td valign="top" bgcolor="orchid"></td>
</tr>
<tr>
<td valign="top" bgcolor="purple"></td>
</tr>
<tr>
<td valign="top" bgcolor="teal"></td>
</tr>
<tr>
<td valign="top" bgcolor="darkgreen"></td>
</tr>
<tr>
<td valign="top" bgcolor="green"></td>
</tr>
<tr>
<td valign="top" bgcolor="mediumseagreen"></td>
</tr>
<tr>
<td rowspan="8" valign="top"><strong>Frescura</strong></td>
<td rowspan="8" valign="top">Tonos neutros de azul violeta y gris</td>
<td valign="top" bgcolor="thistle"></td>
</tr>
<tr>
<td valign="top" bgcolor="violet"></td>
</tr>
<tr>
<td valign="top" bgcolor="orchid"></td>
</tr>
<tr>
<td valign="top" bgcolor="purple"></td>
</tr>
<tr>
<td valign="top" bgcolor="darkslategray"></td>
</tr>
<tr>
<td valign="top" bgcolor="slategray"></td>
</tr>
<tr>
<td valign="top" bgcolor="gray"></td>
</tr>
<tr>
<td bgcolor="darkgray"></td>
</tr>
</tbody>
</table>
</li>
</ol>
<p>Autor: WebUsable<br />
<a href="http://www.webusable.com/coloursMean.htm" target="_blank">http://www.webusable.com/coloursMean.htm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/siginificado-de-los-colores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paginas Web para Móviles &#8211; Celulares</title>
		<link>http://www.colorinteractivo.com/paginas-web-para-moviles-celulares/</link>
		<comments>http://www.colorinteractivo.com/paginas-web-para-moviles-celulares/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 17:58:44 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[celulares]]></category>
		<category><![CDATA[moviles]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=555</guid>
		<description><![CDATA[¿Qué es la Web Móvil?
Cuando se habla de Web Móvil se está haciendo  referencia a una Web en la que el usuario puede acceder a la información  desde cualquier lugar, independientemente del tipo de dispositivo que  utilice para ello.
Actualmente, existe una demanda cada vez mayor por parte de los   usuarios ...]]></description>
			<content:encoded><![CDATA[<h2 id="intro">¿Qué es la Web Móvil?</h2>
<p>Cuando se habla de <strong>Web Móvil</strong> se está haciendo  referencia a una Web en la que el usuario puede acceder a la información  desde cualquier lugar, independientemente del tipo de dispositivo que  utilice para ello.</p>
<p>Actualmente, existe una demanda cada vez mayor por parte de los   usuarios en lo referente a una disponibilidad incondicional de la Web,  pero la realidad en el mercado es otra ya que aunque la oferta de  dispositivos móviles está creciendo de forma asombrosa en los últimos  años, ofreciéndonos infinidad de dispositivos desde los que llevar a  cabo operaciones que normalmente realizábamos desde el equipo de  sobremesa, existen limitaciones a la hora de acceder a los servicios  desde esos dispositivos móviles. En la mayoría de la ocasiones, el  resultado es una experiencia de usuario poco satisfactoria al  encontrarnos con numerosos problemas para acceder a la Web desde los  dispositivos móviles.</p>
<p>El W3C, con el objetivo de convertir el acceso a la Web desde un  dispositivo móvil en algo tan sencillo y cómodo como lo es desde los  equipos de sobremesa, ha puesto en marcha la <a title="Página  principal de la Iniciativa de Web Móvil" hreflang="en-us" href="http://www.w3.org/Mobile/"><strong>Iniciativa de Web Móvil</strong></a> que busca resolver los problemas de interoperabilidad y usabilidad que  actualmente dificultan el acceso a la Web desde dispositivos móviles y  hacer posible uno de los objetivos principales del W3C que consiste en  alcanzar una Web única. Se trataría de transformar la Web en una  plataforma omnipresente de servicios completamente transparentes para el  usuario.</p>
<h2 id="uso">¿Para qué sirve?</h2>
<p><a title="Ir directamente al funcionamiento" href="http://www.w3c.es/divulgacion/guiasbreves/webmovil#funcionamiento">Saltar  Uso.</a></p>
<p>Con la aparición de un número cada vez mayor de dispositivos  diferentes tanto en tamaños como formas, y con características muy  diversas tales como tecnologías de localización, cámaras, reconocimiento  de voz, pantallas táctiles, etc., la Web puede alcanzar a un mayor  número de usuarios en todo momento y en cualquier situación. La Web  móvil llega a lugares donde el cable no puede llegar, lugares que  anteriormente eran impensables, como está ocurriendo en los países en  vías de desarrollo. Esto trae consigo nuevas oportunidades para realizar  negocios, para trabajar, para gestionar nuestro tiempo de ocio, y para  muchas otras cosas, lo que nos permite incrementar nuestra capacidad de  movimiento.</p>
<p>Pero para poder hacer uso de esa Web móvil sin encontrarnos con  problemas es necesario una total adecuación de los contenidos a los  dispositivos utilizados independientemente del lugar en el que estemos y  del dispositivo que utilicemos. El principal objetivo de las  iniciativas puestas en marcha en torno a la Web móvil es la búsqueda de  una Web no fragmentada como consecuencia del surgimiento de una multitud  de nuevos dispositivos móviles, navegadores, operadores, proveedores de  contenido, etc. Una Web donde sea posible obtener el contenido  correcto, en el momento oportuno y en el lugar adecuado.</p>
<h2 id="funcionamiento">¿Cómo funciona?</h2>
<p><a title="Ir directamente a los ejemplos" href="http://www.w3c.es/divulgacion/guiasbreves/webmovil#ejemplo">Saltar  Funcionamiento.</a></p>
<p>La Web móvil se presenta como un auténtico reto tanto para usuarios  como para desarrolladores ya que, por un lado, el usuario encuentra  problemas al intentar acceder a los sitios Web desde los dispositivos  móviles, y por otro, los proveedores de contenido encuentran  dificultades para crear sitios Web que funcionen adecuadamente en todos  los tipos de dispositivos y configuraciones.</p>
<p>Es importante tener en cuenta que existen grandes diferencias entre  usuarios móviles y usuarios fijos, como son los diferentes tipos de  contenido que manejan, las capacidades de los dispositivos que utilizan  (pantallas pequeñas) y el contexto en el cual el usuario recibe el  contenido (por ejemplo, en el autobús). El acceso a la información desde  cualquier lugar, en cualquier momento e independientemente del  dispositivo utilizado puede alcanzarse a través de aplicaciones que se  adapten dinámicamente a las necesidades del usuario, a las capacidades  del dispositivo y a las condiciones del entorno. Dotar a las  aplicaciones de <strong>movilidad</strong> permitirá a los usuarios  utilizar diferentes dispositivos para acceder a la misma información.  Como usuarios, podremos elegir la forma de interactuar con estas  aplicaciones en función de nuestras necesidades y de las características  del dispositivo utilizado. Para ello es necesaria una infraestructura  global basada en estándares que permita la interoperabilidad.</p>
<p>En la actualidad, el trabajo del W3C en temas de Web móvil se centra  principalmente en dos áreas: <em>generación de buenas prácticas</em> y <em>descripción  de dispositivos móviles</em>. El <a title="Página de información sobre la creación del  Grupo de Trabajo de Buenas Prácticas en Web Móvil" hreflang="en-us" href="http://www.w3.org/2005/01/BPWGCharter/Overview.html">Grupo de Trabajo de  Buenas Prácticas en Web Móvil</a> ha sido creado para desarrollar  pautas, puntos de verificación y <a title="Borrador  de Trabajo de Buenas Prácticas en Web Móvil 1.0" hreflang="en-us" href="http://www.w3.org/TR/mobile-bp/">buenas prácticas</a> con el objetivo de ayudar a los proveedores de contenido a desarrollar  contenido Web que funcione correctamente en dispositivos móviles. Por  otro lado, el <a title="Página Principal del Grupo de Trabajo de  Descripción de Dispositivo" hreflang="en-us" href="http://www.w3.org/2005/MWI/DDWG/">Grupo de Trabajo de Descripción de  Dispositivo</a> se ha creado para guiar el desarrollo de mecanismos de  descripción de dispositivos, es decir, bases de datos de descripciones  que los desarrolladores de contenido podrán utilizar para adaptar los  contenidos a los diferentes dispositivos.</p>
<p>Algunos de los estándares del W3C utilizados en la consecución de la  Web móvil son las tecnologías multimedia y de gráficos como <a title="Página  principal de Multimedia Sincronizada" hreflang="en-us" href="http://www.w3.org/AudioVideo/"><acronym title="Synchronized  Multimedia Integration Language" xml:lang="en">SMIL</acronym></a> para  multimedia, y <a title="Página principal de Gráficos Vectoriales Escalables" hreflang="en-us" href="http://www.w3.org/Graphics/SVG/"><acronym title="Scalable Vector Graphics" xml:lang="en">SVG</acronym></a> para la  representación de gráficos vectoriales y animaciones en dispositivos de  pantalla pequeña, que cuenta con dos perfiles, <a title="Recomendación de Perfiles móviles SVG: SVG Tiny y SVG Basic" hreflang="en-us" href="http://www.w3.org/TR/SVGMobile/">SVG  Tiny</a> para la representación de gráficos vectoriales en teléfonos  móviles y <a title="Recomendación de Perfiles móviles SVG: SVG Tiny y SVG Basic" hreflang="en-us" href="http://www.w3.org/TR/SVGMobile/">SVG  Basic</a> para PDAs. La adaptación del contenido a dispositivos  concretos y a las preferencias de los usuarios dispone de algunas  tecnologías estándares como <a title="Página de información sobre CC/PP" hreflang="en-us" href="http://www.w3.org/Mobile/CCPP/"><acronym title="Composite Capabilities/Preferences Profile" xml:lang="en">CC/PP</acronym></a> y <a title="Borrador de Trabajo de DPF" hreflang="en-us" href="http://www.w3.org/TR/2004/WD-DPF-20041122/"><abbr title="Dynamic Properties  Framework" xml:lang="en">DPF</abbr></a> que permiten obtener datos sobre  las características de los dispositivos, las preferencias del usuario y  las condiciones del entorno, o <a title="Página  principal del Borrador de Trabajo de Selección de Contenido para  Independencia de Dispositivo" hreflang="en-us" href="http://www.w3.org/TR/cselection/"><abbr title="Content Selection for Device  Independence" xml:lang="en">DISelect</abbr></a> para la selección y  filtrado de contenido. A través de este mecanismo se seleccionan ciertas  partes de la información, mientras que otras son suprimidas.</p>
<p>En el ámbito de la interacción con dispositivos móviles, el W3C  proporciona tecnologías que facilitan la interacción a través del oído,  la vista y el tacto. Entre algunas de estas tecnologías encontramos la <a title="Borrador de Trabajo de Infraestructura de Interfaz del Habla" hreflang="en-us" href="http://www.w3.org/TR/voice-intro/">Infraestructura  de Interfaz del Habla</a> donde el W3C trabaja en lenguajes de  etiquetado para hacer posible la utilización de aplicaciones de voz en  diferentes plataformas de software y hardware. En concreto se trabaja  diseñando lenguajes de etiquetado para la gramática de reconocimiento de  voz, síntesis del habla, semántica de lenguaje natural y otros  componentes de diálogo reutilizables. Algunos de los lenguajes de  etiquetado son la <a title="Recomendación de la Gramática de Reconocimiento  del Habla" hreflang="en-us" href="http://www.w3.org/TR/speech-grammar/">Especificación de Gramática de Reconocimiento del Habla</a> y  el <a title="Página de la Recomendación del Lenguaje de Etiquetado de Síntesis  del Habla" hreflang="en-us" href="http://www.w3.org/TR/speech-synthesis/">Lenguaje de Etiquetado de Síntesis del Habla</a>. También  hay que destacar <a title="Borrador de Trabajo de EMMA" hreflang="en-us" href="http://www.w3.org/TR/emma/"><acronym title="Extensible  MultiModal Annotation markup language" xml:lang="en">EMMA</acronym></a> que actúa como mecanismo de comunicación dentro de un sistema  multimodal, <a title="Recomendación del Lenguaje de Etiquetado Extensible de Voz,  versión 2.0" hreflang="en-us" href="http://www.w3.org/TR/voicexml20/">VoiceXML 2.0</a>, como lenguaje para crear diálogos entre  el usuario y la aplicación e <a title="Página principal del Lenguaje de Etiquetado de  Tinta" hreflang="en-us" href="http://www.w3.org/2002/mmi/ink"><abbr title="Ink Markup Language" xml:lang="en">InkML</abbr></a> para el intercambio de escritura electrónica entre distintas  aplicaciones.</p>
<h2 id="ejemplo">Ejemplos</h2>
<p><a title="Ir directamente a la infomación complementaria" href="http://www.w3c.es/divulgacion/guiasbreves/webmovil#masinfo">Saltar  Ejemplos.</a></p>
<p>A continuación se reproduce un escenario ficticio de un usuario  intentando acceder a la Web desde un dispositivo móvil</p>
<div>
<p>Mientras se dirige al trabajo, un usuario ve una dirección de <acronym title="Uniform Resource Locators" xml:lang="en">URL</acronym> en un  cartel.</p>
<p><em>Usuario</em>: ¡Anda! me acabo de comprar un  teléfono nuevo con acceso a Internet. Voy a probarlo.</p>
<p>Durante 15 minutos busca cómo introducir la URL en el buscador de  su teléfono móvil.</p>
<p>Parece que algo empieza a descargarse, pero los logos y las  imágenes son demasiado grandes para que se muestren en la pequeña  pantalla de teléfono.</p>
<p><em>Usuario</em>: Espera &#8212; Voy a probar con el sitio  Web de mi proveedor de teléfono móvil &#8212; ¡Seguro que funciona!</p>
<p>Obtiene el mismo resultado.</p>
<p>Lo intenta con su sistema de correo Web favorito.</p>
<p><em>Usuario</em>: ¡Lo sentimos, pero su navegador no  soporta cookies!</p>
<p>El usuario tira el teléfono móvil por la ventana del tren.</p>
</div>
<p>Las siguientes imágenes muestran la página Web de la <a title="Página principal de la Oficina Española  del W3C" href="http://www.w3c.es/">Oficina Española del W3C</a> en diferentes dispositivos, a  través de los cuales es posible ver de forma correcta el contenido.</p>
<div>
<p><img longdesc="http://www.w3c.es/Divulgacion/GuiasBreves/infoaccesibilidad#img01" src="http://www.w3c.es/divulgacion/guiasbreves/images/id_1.jpg" alt="Independencia de Dispositivo en un teléfono móvil" /> <img longdesc="http://www.w3c.es/Divulgacion/GuiasBreves/infoaccesibilidad#img02" src="http://www.w3c.es/divulgacion/guiasbreves/images/id_4.jpg" alt="Independencia de Dispositivo en un Tablet PC" /> <img longdesc="http://www.w3c.es/Divulgacion/GuiasBreves/infoaccesibilidad#img03" src="http://www.w3c.es/divulgacion/guiasbreves/images/id_6.jpg" alt="Independencia de Dispositivo en Treo smartphone" /> <img longdesc="http://www.w3c.es/Divulgacion/GuiasBreves/infoaccesibilidad#img04" src="http://www.w3c.es/divulgacion/guiasbreves/images/id_7.jpg" alt="Independencia de Dispositivo en una PDA" /></p>
<p><img longdesc="http://www.w3c.es/Divulgacion/GuiasBreves/infoaccesibilidad#img05" src="http://www.w3c.es/divulgacion/guiasbreves/images/id_3.jpg" alt="Independencia de Dispositivo en un Communicator" /> <img longdesc="http://www.w3c.es/Divulgacion/GuiasBreves/infoaccesibilidad#img06" src="http://www.w3c.es/divulgacion/guiasbreves/images/id_8.png" alt="Independencia de Dispositivo en un Nokia 770" /></p>
<p>Funcionamiento correcto en distintos dispositivos</p>
<p><a href="http://www.w3c.es/divulgacion/guiasbreves/webmovil">Tomado de la W3C</a></p>
<p><a href="http://www.colorinteractivo.com/servicios-paginas-web/paginas-web-para-celular-movil/">Necesita su sitio web para  Móvil o Celular? click aquí</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/paginas-web-para-moviles-celulares/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Manual de Imagen Corporativa</title>
		<link>http://www.colorinteractivo.com/manual-de-imagen-corporativa/</link>
		<comments>http://www.colorinteractivo.com/manual-de-imagen-corporativa/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 14:58:26 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Imagen Corporativa]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=539</guid>
		<description><![CDATA[Manual de Identidad e Imagen Corporativa

Es donde estan las ideas visuales  de la empresa y en donde la  comunicación es subjetiva.
La identidad corporativa de una empresa es su carta de presentación, su cara frente al público; de esta identidad dependerá la imagen que nos formaremos de esta organización.
Es como influye el diseñador en ...]]></description>
			<content:encoded><![CDATA[<h2><strong>Manual de Identidad e Imagen Corporativa</strong></h2>
<p><img class="alignnone" title="Imagen Corporativa" src="http://www.colorinteractivo.com/images-new/blog/imagen-corporativa.jpg" alt="" width="612" height="234" /></p>
<p>Es donde estan las ideas visuales  de la empresa y en donde la  comunicación es subjetiva.<br />
La identidad corporativa de una empresa es su carta de presentación, su cara frente al público; de esta identidad dependerá la imagen que nos formaremos de esta organización.</p>
<p>Es como influye el diseñador en la imagen de la empresa (corporativo)<br />
Se debe proyectar una excelente imagen visual.</p>
<p><strong>La Identidad corporativa desarrolla un manual </strong>que permite dejar claro  las diferentes aplicaciones cromáticas y gráficas a utilizar por la  empresa, unifica y contribuye al posicionamiento de la empresa.</p>
<p>Estructura del Manual de Identidad e Imagen Corporativa</p>
<h3>1-Introducción</h3>
<p>Copias del logo en JPG, alta, media y baja resolución.</p>
<h3>2-Presentación</h3>
<p>Se hace un resumen de lo que contiene el manual, se puede manejar con  una pequeña reseña histórica (investigación, historia, comunicación)</p>
<h3>3-Isologotipo</h3>
<p>El logosímbolo es el ícono<br />
El Isologotipo son los dos unidos<br />
Al mostrar al cliente el isologotipo se deben de mostrar los dos tanto  símbolo como texto.</p>
<h3>4-Isotipo</h3>
<p>Se explica el Isotipo, es decir su significado, que quiere decir y que  mensaje trasmite.</p>
<h3>5-Explicación del logotipo</h3>
<p>Especificar los pasos de porque el logo es minúscula, mayúscula, gruesa,  delgada o cursiva.</p>
<h3>6-Prueba Master</h3>
<p>Mostrar los logos de pequeño a grande, mínimo 8 puntos en impresión en  escalas de mayor a menor.</p>
<h3>7-Plano T	écnico (coordenadas)</h3>
<p>Es la aplicación a escala del logotipo o logosímbolo, ampliación  proporcional de las formas.</p>
<h3>8-Sicología del Color</h3>
<p>Se debe de explicar cada color, es decir que significa y asociarlo con  la empresa, muestras de colores y significados.</p>
<h3>9-Descomposición del Color</h3>
<p>Se muestra el color y su nombre en porcentajes<br />
C:100 %      R:28%       Código Pantone:C530<br />
M:20 %       G:23 %<br />
Y:3 %          B:16%<br />
K:0 %</p>
<h3>10-Tipología</h3>
<p>Se describe la fuente que se utilizo en el isologotipo diseñando una  lista del abecedario de la a hasta la z y teniendo en cuenta también los  números y caracteres, en mayúsculas,y minúsculas.</p>
<h3>11- Usos Correctos e Incorrectos del  Isologotipo</h3>
<p>No se debe de sesgar, el Isologotipo debe ser igual, es decir, si se  piensa ampliar lo mas aconsejable es hacerlo de las puntas, con shift  sotenido, y no hacerlo de los lados.<br />
En esta sección se muestra los usos correctos e incorrectos(muestras de  los logos)</p>
<h3>12-Papelería Comercial</h3>
<p><strong>-Hoja Membrete</strong><br />
La hoja membrete debe de tener logo, datos, diseño</p>
<p><strong>-Tarjeta Personal</strong><br />
La tarjeta personal debe de llevar datos del cliente como nombre, cargo,  números telefónicos, extensión, e-mail, lo mas conveniente para el  diseño de la tarjeta es que lleve diseño, que no sea plana.</p>
<p><strong>-Sobre</strong><br />
En el sobre se puede salir del esquema, es decir se puede diseñar de  varias formas como lord, carta, 1/2 carta.</p>
<p><strong>-Factura</strong><br />
Diseñara algo diferente, no es recomendable hacer lo mismo, ya si el  cliente desea un diseño de costumbre es palabra de el, pero lo mas  importante es que sea atractivo visualmente.</p>
<p><strong>-Escarapela</strong><br />
Contiene foto, nombre, cargo, cédula, (este punto no es necesario)  código de barras, llevando siempre los colores corporativos.</p>
<p><strong>-Carpeta Empresarial</strong><br />
Es donde se almacena toda la información de la empresa, debe de  conservar la imagen corporativa</p>
<p><strong>-Señalización</strong><br />
Pictogramas, logotipos, símbolos, que lleven siempre diseño, es muy  fundamental, no se deben de cambiar los colores, (la señalización son  los símbolos que tiene la empresa, por ejemplo, los diseños que llevan  los baños, las escalas, ascensores, cafetería)</p>
<p><strong>-Uniformes</strong><br />
Son los uniformes de los empleados, deben de ser corporativos, llevando  la imagen de la empresa.</p>
<p><strong>-Transporte</strong><br />
Especificar si la empresa tiene o no transporte, realizar el diseño de  como será el transporte.</p>
<p><strong>-Fachada</strong><br />
Diseñar como es, o como será la empresa en su estructura física.</p>
<p>Luego de especificar todos estos aspectos se debe de diseñar el  índice<br />
ÍNDICE</p>
<ol>
<li>Introducción</li>
<li>Presentación</li>
<li>Isologotipo</li>
<li>Isotipo</li>
<li>Explicación del logotipo</li>
<li>Prueba Master</li>
<li>Plano Técnico (coordenadas)</li>
<li>Sicología del Color</li>
<li>Descomposición del Color</li>
<li>Tipología</li>
<li>Usos Correctos e Incorrectos del  Isologotipo</li>
<li>Papelería Comercial</li>
<li>Hoja Membrete</li>
<li>Tarjeta Personal</li>
<li>Sobre</li>
<li>Factura</li>
<li>Escarapela</li>
<li>Carpeta Empresarial</li>
<li>Señalización</li>
<li>Uniformes</li>
<li>Transporte</li>
<li>Fachada</li>
</ol>
<p>Conclusión:<br />
Hay que tener en cuenta que el Manual de Identidad e Imagen Corportativo  debe de ser impreso, y es la guía para cualquier diseñador, al momento  de que hayan cambios en la empresa, o para diseñar otro tipo de cosas.</p>
<div class="note_box">Información</div>
<p><strong><strong><a href="http://www.artedinamico.com/"></a></strong></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/manual-de-imagen-corporativa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Formas para ayudarle a Buscar con Google</title>
		<link>http://www.colorinteractivo.com/10-formas-para-ayudarle-a-buscar-con-google/</link>
		<comments>http://www.colorinteractivo.com/10-formas-para-ayudarle-a-buscar-con-google/#comments</comments>
		<pubDate>Thu, 15 Jul 2010 15:22:37 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=537</guid>
		<description><![CDATA[En reiteradas ocasiones, iniciar una busqueda en Google puede  convertirse en una pesadilla. Por eso, para sacar el máximo provecho, se  debe recurrir a herramientas o trucos.
En un artículo de Simon Mackie, que publica el The New York Times, se  hace eco de los diez más populares.
Las recomendaciones que hace Mackie son:
1. ...]]></description>
			<content:encoded><![CDATA[<p><strong>En reiteradas ocasiones, iniciar una busqueda en Google puede  convertirse en una pesadilla. Por eso, para sacar el máximo provecho, se  debe recurrir a herramientas o trucos.</strong></p>
<p>En un artículo de Simon Mackie, que publica el The New York Times, se  hace eco de los diez más populares.</p>
<p>Las recomendaciones que hace Mackie son:</p>
<p>1. Utilice la palabra «site» para acotar las búsquedas. Para  localizar un sitio web concreto la mejor fórmula, según Mackie, es  emplear este código antes del término de búsqueda al que se quiera  acceder.</p>
<p>2. Emplee Google como «corrector ortográfico». Si duda sobre cómo se  escribe correctamente, introduzca la palabra cela en el buscador y  compruebe si la ortografía no le ha jugado una mala pasada.</p>
<p>Incluso, esto es también muy útil para si se quiere acceder a la  definición de una palabra. Por ejemplo si escribe la palabra  Excepticismo (así está mal escrita), el buscador lo guiará a &#8220;Quizás  quiso decir: Escepticismo&#8221;.</p>
<p>3. Google como calculadora: Sí, efectivamente el buscador tiene  integrada como aplicación una calculadora que se puede utilizar  simplemente indicando la operación matemática.</p>
<p>Es algo muy práctico para aquellos que se pasan todo el tiempo dentro  del navegador y de esta forma no tienen que recurrir a la calculadora  que ofrece el ordenador.</p>
<p>4. Compruebe la hora de cualquier parte del mundo. Si introduce time +  la ciudad obtendrá este dato fácilmente. Por ejemplo: time + Madrid.</p>
<p>5. Google también puede proporcionar la conversión de una moneda. Por  ejemplo: 100 euros en dólares.</p>
<p>6. Use el código OR para investigar sobre un tema que le interesa,  pero del que no sabe la palabra clave. Sólo debe poner el tema seguido  de OR y así podrá acceder a la información que busca.</p>
<p>7. Si lo que pretende es excluir términos específicos de las  búsquedas y así limitarlas más a sus preferencias debe utilizar la  siguiente fórmula: entrecomille la palabra sobre la que quiere encontrar  información y tras un guión sitúa aquellas que pretende eliminar de la  búsqueda.</p>
<p>8. Google también le permite localizar en la Web tipos específicos de  archivos y, para ello, tendrá que introducir este código: &#8220;:&#8221;. Si   quiere encontrar archivos de PowerPoint sobre periodismo, la forma de  hacerlo será: periodismo filetype:ppt.</p>
<p>9. También puede buscar dentro de rangos entre fechas. Si se pretende  buscar información sobre los Juegos Olímpicos que tuvieron lugar en la  década de 1950, se tendría que poner en la caja de búsqueda: Juegos  Olimpicos de 1950&#8230;1960.</p>
<p>10. Pero, si le interesa localizar el código de teléfono de un área  geográfica determinada, también lo puede hacer con Google, que además  le  mostrará un mapa. 415</p>
<p>Fuente <a href="http://www.cambio.com.co/tecnologia_cambio/865/ARTICULO-WEB-NOTA_INTERIOR_CAMBIO-7565310.html">Cambio</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/10-formas-para-ayudarle-a-buscar-con-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Formatos y tamaños para banner online</title>
		<link>http://www.colorinteractivo.com/formatos-y-tamanos-para-banner-online/</link>
		<comments>http://www.colorinteractivo.com/formatos-y-tamanos-para-banner-online/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 17:41:16 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=532</guid>
		<description><![CDATA[Formatos Publicitarios Online: Formatos y Tamaños  Oficiales Para Banners Web

// Banner, leaderboard o súper banner, rascacielos, rectángulo pequeño.  Al igual que los periódicos y revistas impresas, también en la web los  anunciantes y los editores han definido con el tiempo un conjunto  oficial de &#8220;formatos de anuncio online estándar&#8221;. Tales formatos ...]]></description>
			<content:encoded><![CDATA[<h2>Formatos Publicitarios Online: Formatos y Tamaños  Oficiales Para Banners Web<!-- google_ad_section_end --></h2>
<div>
<p><script type="text/javascript">// <![CDATA[
 window.google_analytics_uacct = "UA-81475-15";
// ]]&gt;</script><a href="http://en.wikipedia.org/wiki/Web%20banner">Banner</a>,<strong> leaderboard o súper banner, rascacielos, rectángulo pequeño</strong>.  Al igual que los periódicos y revistas impresas, también en la web los  anunciantes y los editores han definido con el tiempo un conjunto  oficial de &#8220;<em>formatos de anuncio online estándar&#8221;<em>. Tales formatos  de anuncios representan toda la gama visual de texto y tamaños de  anuncios disponibles para su uso en páginas web públicas. </em></em></p>
<p><em><em><img class="alignnone" src="http://www.colorinteractivo.com/images-new/blog/formato-tamanos-banners.jpg" alt="" width="612" height="234" /><br />
Crédito de la foto: Marc Dietrich editada por  Daniele Bazzano</em></em></p>
<p><em><em>Si eres un editor web, un blogger  u otro medio de  comunicación en Internet, y estás interesado  en monetizar tus bienes  publicados, es posible que desees familiarizarse con esta lista  ilustrada de los formatos de anuncios online. </em></em></p>
<p><em><em>Al conocer los formatos de anuncios que se utilizan en una  página web, puedes hacer lo siguiente:</em></em></p>
<blockquote><p><em><em>a) <strong>Bocetar de manera más eficaz</strong> tu diseñado web, cuando es necesario crear nuevas zonas de anuncios </em></em><em><em>b) <strong>Ofrecer más oportunidades publicitarias </strong> a tus clientes directos</em></em></p>
<p><em><em>c) <strong>Utilizar la  &#8220;<em>creatividad</em>&#8221; estándar</strong> que tus clientes pueden tener para otras campañas (sin necesidad de  pedirles que diseñen tamaño de los anuncios personalizado para tu sitio  web solamente)</em></em></p>
<p><em><em>d) <strong>Aprovechar las oportunidades </strong> que ofrecen  las redes publicitarias, que dependen en gran medida de estos formatos  de anuncio</em></em></p></blockquote>
<p><em><em>Oficialmente, el estándar de formatos de anuncios online que  ves en la web actualmente, fueron establecidos originalmente por la <a href="http://www.iab.net/about_the_iab">IAB</a> (Interactive Advertising  Bureau), una autoridad fundada en 1996 para aumentar el nivel de  calidad de la publicidad en el mercado de los EE.UU.</em></em></p>
<p><em><em><strong>Los formatos de anuncios online más comunes </strong> son banners, anuncios animados en la parte superior de la pantalla,  rascacielos verticales, por lo general en el lado izquierdo o derecho de  una página web, o el formato cuadrado, que se encuentra en la mayoría  de los sitios <a href="http://www.masternewmedia.org/news/2005/08/30/what_is_web_20.htm">Web  2.0</a> como <a href="http://mashable.com/">Mashable!</a> o <a href="http://www.readwriteweb.com/">ReadWriteWeb</a>. </em></em></p>
<p><em><em><strong>Los formatos estándar de anuncios </strong> son una  herencia de los medios publicitarios impresos, en los que las agencias  de publicidad han establecido hace ya mucho tiempo, una estructura común  fija de espacios publicitarios, para la gestión de órdenes de  producción y de los costos de manera más eficiente.</em></em></p>
<p><em><em><strong>Las principales referencias </strong> para los  formatos de anuncio estándar online son los de la  <a href="http://www.iab.net/iab_products_and_industry_services/1421/1443/1452">IAB  Ad Unit Guidelines</a> y <a href="http://https//www.google.com/adsense/static/es/AdFormats.html">Formatos  de anuncios de AdSense de Google </a> que han sido derivados  directamente de los ya existentes.</em></em></p>
<p><em><em>En los formatos de anuncios online todas las dimensiones se  miden siempre en píxeles y el peso recomendado del archivo es de unos  20-40k. </em></em></p>
<p><em><em>En esta mini guía se puede encontrar una galería visual de  todos los formatos publicitarios estándares y oficiales, que se usan en  Internet.<br />
<!-- FA --> <!-- NOGADS --></em></em></p>
</div>
<div id="gads_middle"><em><em> </em></em></div>
<p><!-- previously sec ad --></p>
<div>
<p><em><em><a name="more"></a> </em></em><em><em> <!-- MIDDLE_GAD --></em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></p>
<h2><em><em>Formatos Publicitarios Estándar Online</em></em></h2>
<p><em><em> </em></em></p>
<p><em><em> </em></em></p>
<h2><em><em>Rectángulos y</em></em></h2>
<p><em><em><br />
</em></em></p>
<ul>
<li>
<h2><em><em>Rectángulo Medio &#8211; 300 x 250</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/inline_rectangle.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_300x250.gif" alt="standard_ad_format_300x250.gif" width="213" height="178" /> </a> </em></em><em><em><strong>Este es uno de los formatos publicitarios</strong> más comunes en la web. Su característica principal es integrarse muy  bien con el contenido, asociando tu mensaje con artículos altamente  relevantes. Las dimensiones pueden variar ligeramente pero no exceder  los 360px de ancho y  300px de alto. El peso máximo para los Rectángulos  no debe ser mayor a 50kb.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Pop-Up Cuadrado &#8211; 250 x 250</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/250x250.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_250x250.gif" alt="standard_ad_format_250x250.gif" width="178" height="178" /> </a> </em></em><em><em><strong>A pesar de ser muy rentable</strong> para  los anunciantes, los usuarios lo encuentran muy molesto. Los pop-ups  frecuentemente abren en otra ventana y a menudo terminas cerrándola  antes de ver el contenido. Por ese motivo, hoy prácticamente todos los  navegadores incluyen por defecto un bloquear de pop ups.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>•	Rectángulo Vertical  &#8211; 240 x 400</em></em></h2>
<p><em><em><br />
<a href="http://www.iab.net/media/image/240x400.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_240x400.gif" alt="standard_ad_format_240x400.gif" width="168" height="280" /> </a> </em></em><em><em><strong>Uno de los más nuevos</strong> formatos  introducidos por <a href="http://www.iab.net/">IAB</a>.   Combina las  características habituales del rectángulo con un mayor tamaño. Puede ser  ubicado en el lado derecho o izquierdo de la página web.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>•	Rectángulo Grande  &#8211; 336 x 280</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/imagead_336x280.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_336x280.gif" alt="standard_ad_format_336x280.gif" width="238" height="200" /> </a> </em></em><em><em><strong>Una versión más grande</strong> del  rectángulo. Bien integrado con el contenido, provee avisos muy  relevantes con el site y es inmediatamente visible por los usuarios.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Rectángulo &#8211; 180 x 150</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/180x150.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_180x150.gif" alt="standard_ad_format_180x150.gif" width="129" height="107" /> </a> </em></em><em><em><strong>Una versión menor </strong> del clásico  rectángulo. Bien integrado con el contenido, debería proveer avisos muy  relevantes para los lectores.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Rectángulo 3:1  &#8211; 300&#215;100 <span style="color: #ff0000;">*NUEVO* </span></em></em></h2>
<p><em><em><br />
<a href="http://www.iab.net/media/image/300x100.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_300x100.gif" alt="standard_ad_format_300x100.gif" width="210" height="70" /> </a> </em></em><em><em><strong>Uno de los más recientes </strong>formatos  introducidos por <a href="http://www.iab.net/">IAB</a>. Muy similar al  banner pero de mayor tamaño.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Pop-Under &#8211; 720&#215;300 <span style="color: #ff0000;">*NUEVO*</span></em></em></h2>
<p><em><em><br />
<a href="http://www.iab.net/media/image/720x300.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_720x300.gif" alt="standard_ad_format_720x300.gif" width="504" height="210" /> </a> </em></em><em><em><strong>Los avisos Pop-under </strong> son muy  similares a los pop-ups. Aunque por lo general son menos molestos para  los usuarios porque aparecen en una nueva ventana minimizada, en lugar  de un ventana más grande que parpadea, en mi opinión son realmente  horrible. Mantente sin usarlo pues la gente realmente se enoja con esos.  En realidad, a menudo los lectores ni siquiera notas esos avisos hasta  que cierre la ventana principal del navegador. Y en cualquier caso,  recuerda: Al igual que un pop-ups estándar, los pop-under son bloqueados  por software para bloquear pop-ups.</em></em></li>
</ul>
<p><em><em> </em></em></p>
<p><em><em> </em></em></p>
<h2><em><em>Banners y Botones</em></em></h2>
<p><em><em><br />
</em></em></p>
<ul>
<li>
<h2><em><em>Banner &#8211; 468 x 60</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/banner_img.jpg"> <img src="http://www.masternewmedia.org/images/standard_ad_format_468x60.jpg" alt="standard_ad_format_468x60.jpg" width="328" height="42" /> </a> </em></em><em><em><strong>El clásico banner de 468 x 60 </strong> pixeles es el burro de carga de la publicidad web. Lo encontramos en la  mayoría de los sites y todavía es uno de los mayores productores de  dinero pues es muy popular y efectivo si está posicionado sobre el  pliegue, lo que le da una extraordinaria visibilidad.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Medio Banner &#8211; 234 x 60</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/234x60.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_234x60.gif" alt="standard_ad_format_234x60.gif" width="167" height="45" /> </a> </em></em><em><em><strong>La mitad del ancho</strong> de un clásico  banner de 468 x 60, provee los mismo beneficios en cuanto visibilidad  pero es menos intrusivo.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Micro Bar &#8211; 88 x 31</em></em></h2>
<p><em><em><br />
<a href="http://www.iab.net/media/image/88x31.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_88x31.gif" alt="standard_ad_format_88x31.gif" width="62" height="22" /> </a> </em></em><em><em><strong>El formato menos intrusivo</strong> de  todos. Posicionado sobre el pliego provee buena visibilidad sin  perturbar la experiencia del usuario. Muy bien integrado al contenido.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Botón 1 &#8211; 120 x 90</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/120x90.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_120x90.gif" alt="standard_ad_format_120x90.gif" width="85" height="63" /> </a> </em></em><em><em><strong>Los botones son una especie de avisos de  forma cuadrada</strong> que usualmente  contienen enlaces a productos  interesantes para los usuarios. No son para nada intrusivos.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Botón 2 &#8211; 120 x 60</em></em></h2>
<p><em><em><br />
<a href="http://www.iab.net/media/image/120x60.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_120x60.gif" alt="standard_ad_format_120x60.gif" width="84" height="42" /> </a> </em></em><em><em><strong>Ligeramente más largo </strong>que el aviso  Micro Bar, este botón satisface las mismas necesidades de visibilidad e  integración en el contenido del site y es menos intrusivo.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Banner Vertical  &#8211; 120 x 240</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/120x240.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_120x240.gif" alt="standard_ad_format_120x240.gif" width="84" height="168" /> </a> </em></em><em><em><strong> El mismo anuncio que el clásico banner</strong> horizontal pero ubicado verticalmente. Visible y no muy intrusivo.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Botón Cuadrado &#8211; 125 x 125</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/125x125.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_125x125.gif" alt="standard_ad_format_125x125.gif" width="89" height="89" /> </a> </em></em><em><em><strong>Formato ligeramente más grande</strong> que  el Botón 1. El peso máximo para botones cuadrados no debería ser mayor a  15kb.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Leaderboard &#8211; 728 x 90</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/images/exampleLeaderboard.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_728x90.jpg" alt="standard_ad_format_728x90.jpg" width="510" height="63" /> </a> </em></em><em><em><strong>Los leaderboards son muy comunes</strong> comunes en los sites dado que tienen muy buena visibilidad. Ligeramente  más grandes que el tradicional banner, en general se muestran en la  cabecera de la página. Permiten a los anunciantes usar banners de tamaño  habitual en el mismo espacio, por lo que es muy fácil trabajar con  ellos. El ancho puede variar entre 468 y 750 pixels y la altura entre 60  y 100 pixels. El peso máximo no debería exceder los 25kb.</em></em></li>
</ul>
<p><em><em> </em></em></p>
<p><em><em> </em></em></p>
<h2><em><em>Skyscrapers o Rascacielos</em></em></h2>
<p><em><em><br />
</em></em></p>
<ul>
<li>
<h2><em><em>Skyscraper Ancho- 160 x 600</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/WideSkyscraper.html"> <img src="http://www.masternewmedia.org/images/standard_ad_format_160x600.jpg" alt="standard_ad_format_160x600.jpg" width="112" height="420" /> </a> </em></em><em><em><strong>Un aviso de gran impacto</strong> que a  menudo se muestra en el costado derecho de la página. Los skyscrapers  son cada vez más comunes como medio menos intrusivo para atraer a los  usuarios molestos con los avisos banner. Los Skyscrapers deberían tener  siempre menos de 800px de alto y 160px de ancho. El peso máximo debería  ser inferior a 35kb.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Skyscraper &#8211; 120 x 600</em></em></h2>
<p><em><em><br />
<a href="http://https//www.google.com/adsense/static/en_US/Skyscraper.html"> <img src="http://www.masternewmedia.org/images/standard_ad_format_120x600.jpg" alt="standard_ad_format_120x600.jpg" width="84" height="420" /> </a> </em></em><em><em><strong>De menor ancho que el formato </strong>habitual  de skyscraper, el formato 120 x 600 es muy útil cuando se lo ve en  pantallas con menor resolución.</em></em></p>
<p><em><em> </em></em></p>
<p><em><em> </em></em></li>
<li>
<h2><em><em>Media Página &#8211; 300 x 600</em></em></h2>
<p><em><em><br />
<a href="http://www.iab.net/media/image/300x600example.gif"> <img src="http://www.masternewmedia.org/images/standard_ad_format_300x600.gif" alt="standard_ad_format_300x600.gif" width="210" height="420" /> </a> </em></em><em><em><strong>Aviso muy intrusivo</strong> habitualmente  ubicado en el costado derecho o izquierdo de una página web. Tiene buena  visibilidad pero puede resultar molesto para los usuarios que tienen  una gran parte de su pantalla ocupada por esa publicidad.</em></em></li>
</ul>
<p><em><em> </em></em></p>
<p><em><em> </em></em></p>
<h2><em><em>Consejos</em></em></h2>
<ul>
<li><em><em><strong>Los Videos y audio banners</strong> deben ser iniciados por una acción del usuario. El usuario debe pasar el  mouse por encima o hacer clic en el anuncio antes de cualquier vídeo o  sonido comience su reproducción.</em></em></li>
<li><em><em><strong>Debe haber por lo menos</strong> 1 segundo de  demora entre cuadros en animaciones GIF o JPG.</em></em></li>
<li><em><em><strong>La cantidad de caracteres en los anuncios</strong> nunca debe ser superior a (incluidos espacios) 100 para formatos de  anuncios pequeños como banners o botones y 200 para las grandes como  Leaderboards o Rascacielos.</em></em></li>
<li><em><em><strong>El código del anuncio</strong> debe servir  una copia de seguridad de un archivo GIF en caso de que el navegador no  soporte animaciones Flash o Shockwave. Nunca se les debe pedir a los  usuarios que instalen plug-ins. El código de anuncios debería reconocer  automáticamente si el plug-in necesario está activado y mostrar  animaciones GIF de acuerdo con eso.</em></em></li>
<li><em><em><strong>Debido a las diferencias</strong> en la forma  en que Macintosh y PC hacen el renderizado de los menús pop-up y de los  campos de entrada de texto, por favor, deja espacio horizontal extra de  modo que los anuncios no se extienden más allá de su ancho o alto.</em></em></li>
<li><em><em><strong>Dado que no todos los navegadores</strong> ofrecen soporte para Java, y el usuario puede desactivarlo, los códigos  de los banner deben ser degradables y debe servir una copia de seguridad  de un archivo GIF.</em></em></li>
</ul>
<p><em><em>Tomado de:<br />
<strong><a href="http://www.masternewmedia.org/es/2008/11/04/formatos_publicitarios_online_formatos_y_tamanos_oficiales.htm" target="_blank">Robin Good -</a><br />
Referencia: <a href="http://www.masternewmedia.org/" target="_blank">Master New Media</a> [ <a href="http://www.masternewmedia.org/online_standard_ad_formats_official_advertising_formats/"> Seguir leyendo </a> ]</strong> </em></em></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/formatos-y-tamanos-para-banner-online/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Diseño Minimalista y algunos ejemplos</title>
		<link>http://www.colorinteractivo.com/diseno-minimalista-y-algunos-ejemplos/</link>
		<comments>http://www.colorinteractivo.com/diseno-minimalista-y-algunos-ejemplos/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 20:24:49 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Diseño minimalista]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=526</guid>
		<description><![CDATA[Diseño Minimalista y algunos ejemplos


Como diseñadores, todos sabemos que un diseño  minimalista puede lograr resultados  excelentes.
Sin embargo, muchos diseñadores tienen problemas para  crear una, ya sea que les cuesta hacer una página con pocos elementos a  fin de buscar el bien o el resultado final y  simplemente no se ve el ...]]></description>
			<content:encoded><![CDATA[<p><strong>Diseño Minimalista y algunos ejemplos</strong></p>
<p><strong><img class="alignnone" title="Diseño Minimalista y algunos ejemplos" src="http://www.colorinteractivo.com/images-new/blog/minimalista.jpg" alt="" width="612" height="234" /><br />
</strong></p>
<p>Como diseñadores, todos sabemos que un <strong>diseño  minimalista</strong> puede lograr resultados  excelentes.</p>
<p>Sin embargo, muchos diseñadores tienen problemas para  crear una, ya sea que les cuesta hacer una página con pocos elementos a  fin de buscar el bien o el resultado final y  simplemente no se ve el  diseño <em>&#8220;completo&#8221;.</em></p>
<p>Hay muchos artículos en la Web acerca de minimalismo y  este artículo tiene como objetivo ayudar a lograr <strong>un  diseño minimalista</strong> que es bello, pero no  desnudo.</p>
<p>Para colmo, presentaremos unas pequeñas<strong> galerias </strong><strong>de  los diseños minimalistas</strong>.</p>
<h2>¿Qué es el diseño minimalista?</h2>
<p>El diseño minimalista se ha descrito como el diseño en su  forma más básica, es el  despojado de elementos super pesados, colores,  formas y texturas.</p>
<p>Su propósito es hacer que el contenido debe sobresalir y  ser el punto focal. Desde el punto de vista visual, el  diseño minimalista está destinado a ser calmado y de <strong>llevar  la mente hacia abajo a lo básico</strong>.</p>
<p>El movimiento de este tipo de diseño comenzó en Suiza y  fue aplicado a una variedad de medios: diseño gráfico, arquitectura,  música, literatura, pintura y, más recientemente, el diseño web.</p>
<p>Aunque el diseño minimalista despegó hace décadas, los  primeros días de la Internet no lo demostró. Incluso sin  los logotipos de rotación, gifs y los colores brillantes, <strong>los  diseños de sitios web cansaban y eran pesados</strong>.</p>
<p>Vamos a repasar los principios básicos del diseño  minimalista. Pero incluso si decide no seguir una estética  minimalista, las lecciones que aquí puede ayudar a simplificar el  diseño, sea cual sea su estilo.</p>
<h2>Menos es más</h2>
<p>Como se ha mencionado, el minimalismo aporta el contenido  más importante de la vanguardia y reduce al mínimo las distracciones  para el usuario. Si una página tiene demasiados elementos,  el espectador será confundido acerca de dónde buscar o malinterpretar la  prioridad de cada elemento. Un diseño minimalista pone el  foco en ángulo recto sobre el contenido.</p>
<p>Cualquier toque de color en una en blanco y negro de  diseño, por ejemplo, está seguro de obtener la atención del usuario.  El color en sí mismo se convierte en el <strong>centro  de coordinación</strong>. Echemos un  vistazo de un ejemplo específico:</p>
<p><a rel="nofollow" href="http://www.janreichle.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/janreichle.jpg" alt="Jan Reichle" /></a></p>
<p>Usted probablemente ha visto este tipo de diseño antes  de: fondo blanco, un bloque de contenido y un elemento gráfico.</p>
<p>El elemento gráfico aporta color, textura y forma.  Es evidente que el elemento más importante en la página, y define  la marca del diseñador y la identidad.</p>
<p>Con la complejidad de este elemento gráfico particular, <strong>más  contenido de esta página se han hecho menos visibles</strong>y  menos importantes. Mantener el contenido a un mínimo, el  diseñador ha conseguido el equilibrio perfecto.</p>
<h2>Cómo minimizar el contenido de</h2>
<p>El primer paso para crear un diseño minimalista, o  simplemente una simplificación de diseño, no es simplemente para cortar  la mayoría de los gráficos, sino de repensar el contenido y pocos  elementes que sean relevantes. Sólo entonces los elementos  más importantes en la página deben lograr el efecto deseado.</p>
<p>Tal como lo haría cualquier estructura de un sitio web,  usted debe tener  el contenido que necesita: el logotipo, la  introducción, la navegación, etc cualquier cosa fuera estrictamente  necesaria. <strong>Tire a la basura los elemntos  que no sean significativos</strong>.</p>
<p>A continuación se presentan algunos elementos es probable  que no todos los necesite. Tenga en cuenta que esto es  sólo una guía. Sus requisitos exactos dependerán de su diseño  en particular .</p>
<ul>
<li>Los iconos o gráficos para medios de comunicación  social.</li>
<li>Eslogan y descripciones complementarias o  introducciones.</li>
<li>&#8220;Destacados&#8221;, &#8220;Popular&#8221; y &#8220;recientes&#8221; listas (incluidas  las listas de Twitter y RSS)</li>
<li>Las páginas con más de tres secciones principales (por  ejemplo, &#8220;Introducción&#8221;, &#8220;Acerca de&#8221; y &#8220;Servicios&#8221;)</li>
<li>páginas de navegación secundaria.</li>
</ul>
<p>El punto aquí no es hacer que el sitio web sea menos  funcional, sino más bien para cortar los elementos innecesarios (y por  tanto poner de relevancia las necesarias) o para combinar secciones en  un esquema más simple (por ejemplo, mediante la incorporación de sus  vínculos de los medios de comunicación social en el &#8220;Acerca de&#8221; o de la  sección introductoria).</p>
<p>También puede dividir el contenido en páginas separadas,  dando a cada pieza el contenido necesario.</p>
<h2>Cómo simplificar el diseño</h2>
<p>Ahora es el momento de <strong>simplificar</strong> el diseño tanto como sea posible.</p>
<p>Los diseños minimalistas debe tener poca textura, color,  forma, las líneas, el contenido debe ser algo simplificado.  En vez de tirar todo afuera se debe tener <strong>sólo  una característica importante que sea el punto focal</strong>.</p>
<p>Elija lo que prestará especial atención y seguir los  siguientes consejos en mente al trabajo a través de su diseño.</p>
<h2>Use un Wireframe Gran</h2>
<p>En la navegación por debajo de la sección de exhibición,  vemos que algunos diseñadores han añadido interés visual con ráfagas  sutiles de color, tipografía únicas o formas interesantes. Tal  vez el elemento más importante que tienen todos los invocados, sin  embargo, es <strong>una línea de diseño delgada</strong>.</p>
<p>La Creación de una estructura delgada para este tipo de  páginas desnuda requiere un poco de atención extra. Con la  correcta estructura de una linea de diseño delgada, se puede lograr la  organización de los elementos  y crear un interés visual.</p>
<p><a rel="nofollow" href="http://www.flickr.com/photos/collylogic/2964923357/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/wireframe.jpg" alt="Wireframe" /></a></p>
<p>Para llegar a una estructura de diseño delgada, siga  estos pasos:</p>
<ul>
<li>Decidir sobre el contenido  lo que tiene una necesidad  imperiosa.</li>
<li>En una lista, priorizar el contenido.</li>
<li>Dibujar una estructura de la pagina y elija las  secciones mas relevantes.</li>
</ul>
<p>Nota: si su logotipo tiene un color tenga en  cuenta que ese color no se use de nuevo en el diseño.</p>
<h2>Espacio en blanco</h2>
<p><strong>El espacio en blanco</strong> es  prácticamente sinónimo de minimalismo.</p>
<p>No importa lo creativo que está con él, un diseño  minimalista, sin mucho espacio en blanco no es realmente minimalista en  todo. Por lo tanto, asegúrese de agregar más espacio en  blanco alrededor de los elementos que lo haría normalmente.</p>
<p>El espacio que se necesita para equilibrar los pocos  elementos que van a aparecer en la página.</p>
<h2>Balance, alineación, Contraste</h2>
<p>Aunque gran parte de la carga puede ser transportado por  el espacio en blanco y una buena estructura de alambre, la atención  especial se debe tomar con los fundamentos de diseño.Los  tres mayores relacionados con el minimalismo son <strong>el  equilibrio, la alineación y el contraste</strong>.</p>
<p>Asegúrese de que su diseño se adhiere a estos principios y  que no necesita ayudas visuales complementarias para buscar  &#8220;terminado&#8221;.</p>
<p><a rel="nofollow" href="http://www.digital-web.com/articles/principles_of_design/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/designprinciples.jpg" alt="Design Principles" /></a></p>
<p>Mantenga otros principios básicos de diseño en mente  también.</p>
<h2>Cuando sobre-Diseñar se convierte en un hábito</h2>
<p>El exceso de diseño a veces se convierte en un hábito.  No importa cuánto se esfuerce para mantener un diseño simple,  sale desordenado y complejo. Para solucionar esto, debemos  formar nuevos hábitos.</p>
<p>Trate de revisar las sugerencias anteriores antes de cada  proyecto para tener en cuenta durante el proceso. Enfoque  en el desarrollo de un hábito a la vez. Por ejemplo,  trabajar en la reducción y simplificación del contenido antes de pasar  al espacio en blanco.</p>
<p>Si te encuentras en una situación difícil donde dices, <em>&#8220;Me  hace falta algo&#8221;,</em> primero trate de tomar  algo, en lugar de poner algo nuevo.</p>
<p>Cada aspecto del minimalismo requiere un talento  diferente. Sus diseños se simplificarán aún más si pones en  práctica estos principios.</p>
<p>Si lo toma más, una vez que se han aplicado las técnicas  discutidas aquí, mira el producto final y ver si puede encontrar la  manera de simplificar el resultado aún más.</p>
<p>Usted podría centrarse en áreas que no estaban seguros de  diseño durante el proceso, ya que usted podría pedir otros diseñadores  opiniones del diseño.</p>
<h2>Escaparate minimalista</h2>
<p>A continuación se muestra una pequeña galeria de los  diseños minimalistas. Ver cómo cada uno de estos diseños  implemento los principios que hemos discutido. También ver  cuáles romper nuestros consejos y pensar por qué todavía funcionan.</p>
<h3>1. James Foto del Día</h3>
<p><a rel="nofollow" href="http://www.jamesdayphoto.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/jamesdayphoto.jpg" alt="James Day Photo" /></a></p>
<h3>2. Killswitch colectiva</h3>
<p><a rel="nofollow" href="http://www.killswitchcollective.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/killswitchcollective.jpg" alt="Killswitch Collective" /></a></p>
<h3>3. Solitario</h3>
<p><a rel="nofollow" href="http://lonely.prevvy.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/lonely.jpg" alt="Lonely" /></a></p>
<h3>4. DBushell</h3>
<p><a rel="nofollow" href="http://www.dbushell.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/dbushell.jpg" alt="DBushell" /></a></p>
<h3>5. XPD.no</h3>
<p><a rel="nofollow" href="http://xpd.no/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/xpd.jpg" alt="XPD.no" /></a></p>
<h3>6. Toy NY</h3>
<p><a rel="nofollow" href="http://www.toyny.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/toyny.jpg" alt="Toy NY" /></a></p>
<h3>Séptimo Josué serbios</h3>
<p><a rel="nofollow" href="http://www.joshuaserbus.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/joshuaserbus.jpg" alt="Joshua Serbus" /></a></p>
<h3>8. Ah-Studio</h3>
<p><a rel="nofollow" href="http://ah-studio.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/ahstudio.jpg" alt="Ah-Studio" /></a></p>
<h3>9. Symour Powell</h3>
<p><a rel="nofollow" href="http://www.seymourpowell.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/seymourpowell.jpg" alt="Symour Powell" /></a></p>
<h3>10. Icono de Trabajo</h3>
<p><a rel="nofollow" href="http://www.iconwerk.de/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/iconwerk.jpg" alt="Icon Werk" /></a></p>
<h3>11. Neil Wilson Arquitectos</h3>
<p><a rel="nofollow" href="http://www.neilwilsonarchitects.co.uk/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/neilwilsonarchitects.jpg" alt="Neil Wilson Architects" /></a></p>
<h3>12. Non-Format</h3>
<p><a rel="nofollow" href="http://www.non-format.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/nonformat.jpg" alt="Non-Format" /></a></p>
<h3>13 Brida</h3>
<p><a rel="nofollow" href="http://www.zaum.com/index.html"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/zaum.jpg" alt="Zaum" /></a></p>
<h3>14. Checkland Kindlysides</h3>
<p><a rel="nofollow" href="http://checklandkindleysides.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/checklandkindlysides.jpg" alt="Checkland Kindlysides" /></a></p>
<h3>15. Blumenthal</h3>
<p><a rel="nofollow" href="http://www.blumenthal.com.br/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/blumenthal.jpg" alt="Blumenthal" /></a></p>
<h3>16. Campanilla de Londres</h3>
<p><a rel="nofollow" href="http://www.tinklondon.co.uk/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/tinklondon.jpg" alt="Tink London" /></a></p>
<h3>17. Orgulloso de Creative</h3>
<p><a rel="nofollow" href="http://www.proudcreative.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/proudcreative.jpg" alt="Proud Creative" /></a></p>
<h3>18. Kimag</h3>
<p><a rel="nofollow" href="http://www.kimag.net/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/kimag.jpg" alt="Kimag" /></a></p>
<h3>19. Bernat Fortet</h3>
<p><a rel="nofollow" href="http://bernatfortet.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/bernatfortet.jpg" alt="Bernat Fortet" /></a></p>
<h3>20. Todo el día</h3>
<p><a rel="nofollow" href="http://allday.cc/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/allday.jpg" alt="All Day" /></a></p>
<h2>Algunas tendencias</h2>
<p>Como puede ver, diseño web minimalista tiene algunas  tendencias claras. <strong>Siendo conscientes de  estas tendencias</strong> nos ayuda a mejorar  nuestros diseños en un número de maneras.</p>
<p>No sólo somos capaces de inspirarse en los esquemas de  otros diseñadores que han trabajado tan duro, pero puede romper  conscientemente de estas tendencias para forjar nuestra trayectoria de  innovación.</p>
<p>Vamos a discutir algunas de estas tendencias con mayor  detalle.</p>
<h2>Blanco y negro</h2>
<p>Una de las tendencias más notables es <strong>el  uso extensivo de blanco y negro</strong>. Esto  es bastante evidente: el color debe simplificarse junto con la textura,  forma y contenido. Pero puede ser exagerado en estos días y  mirar un poco aburrido.</p>
<p>Mira a unos pocos sitios web que han definido los colores  en el escaparate más arriba, y ver cómo se destacan de otros diseños  minimalistas. Además, piense en cómo se las arreglan para  permanecer minimalista incluso con el uso tan fuerte de color. Aquí  está un ejemplo:</p>
<p><a rel="nofollow" href="http://www.toyny.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/toyny.jpg" alt="Toy NY" /></a></p>
<h2>Interesante Tipografía</h2>
<p>Diseño web basado en Tipografía está estrechamente ligada  al minimalismo.</p>
<p>Cuando los diseñadores tienen muy poco más para excitar  el usuario, a menudo apoderarse de la tipografía interesante. Usted  podría incluso ir tan lejos como para utilizar la tipografía como  elemento visual única.<strong> </strong></p>
<p><strong>Esta es una técnica audaz, pero todavía una tendencia  en sí misma</strong>. Busque maneras  de hacer que la tipografía mejorar el diseño sin dejar de ser único.</p>
<p><a rel="nofollow" href="http://ah-studio.com/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/ahstudio.jpg" alt="Ah-Studio" /></a></p>
<h2>Flash</h2>
<p>Un sorprendente número de diseños web minimalista son  basadas en Flash. Con tan poca cosa para la estimulación  visual, un diseño puede beneficiarse de <strong>animación  sutil</strong> (como texto desvanecimiento de  entrada y salida) sin ser abrumador.</p>
<p>Además, Flash elimina ciertas limitaciones en el proceso  de diseño. wireframes no convencionales, la tipografía y  otros elementos pueden ser más fáciles de lograr con Flash que por los  métodos tradicionales.</p>
<p><a rel="nofollow" href="http://www.tinklondon.co.uk/"><img src="http://netdna.webdesignerdepot.com/uploads/less_is_more/tinklondon.jpg" alt="Tink London" /></a></p>
<h2>Conclusión</h2>
<p>El diseño minimalista viene en muchas formas, y sin  embargo, demasiado a menudo la misma forma repetida. Las  tendencias pueden ser arrogante, y debemos luchar contra la tentación de  imitar al mismo tiempo entender lo que se trata de una tendencia que  tiene sentido.</p>
<p>En cualquier caso, el minimalismo puede ser hermoso y  será de alrededor de los años venideros, así que aprender algunas de sus  técnicas puede ser increíblemente beneficiosa, tanto para sus clientes o  para sus propios proyectos.</p>
<p>E incluso si usted no está interesado en el estilo  minimalista, las lecciones y los principios involucrados pueden ayudarlo  a simplificar sus diseños, que es siempre una buena cosa.</p>
<p><a href="http://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/" target="_blank"><em>Escrito exclusivamente para Webdesigner  Depot por Kayla Knight.</em></a></p>
<p><em><strong>comparta sus comentarios a continuación &#8230;</strong></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/diseno-minimalista-y-algunos-ejemplos/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Manifiesto del Tren de Claves</title>
		<link>http://www.colorinteractivo.com/manifiesto-del-tren-de-claves/</link>
		<comments>http://www.colorinteractivo.com/manifiesto-del-tren-de-claves/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 20:05:24 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=517</guid>
		<description><![CDATA[Manifiesto del Tren de Claves
http://www.cluetrain.com
95 TESIS

Los  mercados son conversaciones.
Los  mercados consisten de seres humanos, no de  sectores demográficos.
Las  conversaciones entre seres humanos suenan  humanas. Se conducen en una voz  humana.
Ya  sea transmitiendo información, opiniones,  perspectivas, argumentos en contra o  notas humorosas, la voz humana es  ...]]></description>
			<content:encoded><![CDATA[<h2>Manifiesto del Tren de Claves</h2>
<div class="wp-caption alignnone" style="width: 622px"><img title="Manifiesto del Tren de Claves" src="http://www.colorinteractivo.com/images-new/blog/manifiesto-tre-calves.jpg" alt="Manifiesto del Tren de Claves" width="612" height="234" /><p class="wp-caption-text">Manifiesto del Tren de Claves</p></div>
<p><a href="http://www.cluetrain.com/">http://www.cluetrain.com</a></p>
<p><strong>95 TESIS</strong></p>
<ol>
<li>Los  mercados son conversaciones.</li>
<li>Los  mercados consisten de seres humanos, no de  sectores demográficos.</li>
<li>Las  conversaciones entre seres humanos suenan  humanas. Se conducen en una voz  humana.</li>
<li>Ya  sea transmitiendo información, opiniones,  perspectivas, argumentos en contra o  notas humorosas, la voz humana es  abierta, natural, sincera.</li>
<li>La  gente se reconoce como tal por el sonido de esta  voz.</li>
<li>La  Internet hace posible tener conversaciones entre  seres humanos que simplemente  eran imposibles en la era de los medios  masivos de comunicación.</li>
<li>Los  hiper-enlaces socavan a las jerarquías.<br />
<span id="more-517"></span></li>
<li>En  los mercados interconectados como entre empleados  intraconectados, la gente  utiliza nuevas y poderosas formas de  comunicación.</li>
<li>Las  conversaciones en red hacen posible el  surgimiento de nuevas y poderosas formas  de organización social y de  intercambio de conocimientos.</li>
<li>Como  resultado los mercados se vuelven más  inteligentes, más informados, más  organizados. La participación en un  mercado interconectado hace que las  personas cambien de una manera  fundamental.</li>
<li>Las  personas que participan en estos mercados  interconectados han descubierto que  pueden obtener mucha mejor  información y soporte entre sí mismos que de los  vendedores. Ya basta  de la retórica corporativa acerca de añadir valor a  productos de  consumo general.</li>
<li>No  hay secretos. El mercado en red sabe más que las  empresas acerca de sus propios  productos. Y ya sea que las noticias  sean buenas o malas, se las comunican a  todo el mundo.</li>
<li>Lo  que ocurre en los mercados, también sucede entre  los empleados. Una  construcción metafísica llamada &#8220;Compañía&#8221; es lo  único que queda  entre los dos.</li>
<li>Las  corporaciones no hablan en la misma voz que  estas conversaciones  interconectadas. Para su &#8220;audiencia objetivo&#8221;, las  compañías suenan  huecas, opacas, literalmente inhumanas.</li>
<li>En  sólo unos pocos años, la actual &#8220;voz&#8221;  homogenizada del mundo de los  negocios &#8212; el sonido de misiones  corporativas y folletos oficiales &#8212; parecerá  tan rebuscada y  artificial como el lenguaje de la corte francesa en el siglo  18.</li>
<li>Hoy  en día, las compañías que hablan el lenguaje del  charlatán, ya no logran captar  la atención de nadie.</li>
<li>Las  compañías que asumen que los mercados en linea  son iguales a los mercados que  ven sus anuncios por televisión, se  engañan a si mismas.</li>
<li>Las  compañías que no se dan cuenta que sus mercados  ahora están interconectados  persona-a-persona, y por consecuencia  volviéndose más inteligentes y profundamente  unidos en conversación,  están perdiendo su mejor oportunidad.</li>
<li>Las  empresas ahora pueden comunicarse con sus  mercados directamente. Esta podría  ser su última oportunidad si la  desperdician.</li>
<li>Las  compañías deben darse cuenta que sus clientes se  ríen frecuentemente. De ellas.</li>
<li>Las  empresas necesitan &#8220;alivianarse&#8221; y tomarse menos  seriamente.  Necesitan tener sentido del humor.</li>
<li>Tener  sentido de humor no significa poner chistes en  el Web corporativo. Requiere  tener valores, un poco de humildad,  honestidad y un punto de vista sincero.</li>
<li>Las  compañías que intentan &#8220;posicionarse&#8221;, necesitan  adoptar una  posición. Idealmente relacionada con algo que realmente le  importe a su  mercado.</li>
<li>Las  declaraciones exageradas &#8212; &#8220;Estamos en posición  de convertirnos en el  principal proveedor de XYZ&#8221; &#8212; no constituyen  una posición.</li>
<li>Las  compañías necesitan bajar de su pedestal y  hablarle a la gente con quien  esperan establecer relaciones.</li>
<li>Las  relaciones públicas no se relacionan con el  público. Las compañías tienen un  temor profundo de sus mercados.</li>
<li>Al  usar un lenguaje que resulta distante, poco  atractivo, arrogante, levantan  muros que las distancian de sus  mercados.</li>
<li>La  mayoría de los planes de mercadeo se basan en el  temor de que el mercado pueda  enterarse de lo que realmente sucede  dentro de la compañía.</li>
<li>Ya  lo dijo Elvis Presley: &#8220;No podemos seguir juntos  si sospechamos  mutuamente.&#8221;</li>
<li>La  lealtad a la marca es la versión corporativa de  una relación estable, pero el  rompimiento es inevitable &#8212; y se  aproxima rápidamente. Gracias a que están  interconectados, los mercados  inteligentes pueden renegociar sus relaciones con  velocidad increíble.</li>
<li>Los  mercados interconectados pueden cambiar de  proveedores instantáneamente. Los  &#8220;empleados de conocimiento&#8221;  interconectados pueden cambiar de  empleador durante la comida. Las  propias iniciativas de reducción de tamaño en  las empresas nos  enseñaron a preguntar: &#8220;¿Lealtad? ¿Qué es eso?&#8221;</li>
<li>Los  mercados inteligentes encontrarán proveedores  que hablen su mismo lenguaje.</li>
<li>Aprender  a hablar con una voz humana no es un truco  de magia. No puede ser aprendido en  alguna conferencia.</li>
<li>Para  hablar en una voz humana, las empresas deben  compartir las preocupaciones de  sus comunidades.</li>
<li>Pero  primero, deben pertenecer a una comunidad.</li>
<li>Las  empresas deben preguntarse a sí mismas hasta  dónde llega su cultura  corporativa.</li>
<li>Si  su cultura acaba antes que comience su comunidad,  entonces no tendrán mercado.</li>
<li>Las  comunidades humanas se basan en el diálogo &#8212;  conversaciones humanas acerca de  inquietudes humanas.</li>
<li>La  comunidad del diálogo es el mercado.</li>
<li>Las  compañías que no pertenecen a una comunidad de  diálogo, morirán.</li>
<li>Las  compañías han hecho una religión de su  seguridad, pero esto no sirve de nada.  La mayoría se protegen menos en  contra de sus competidores que de su propio  mercado y fuerza de  trabajo.</li>
<li>Tal  como en los mercados interconectados, las  personas también se comunican entre  sí directamente dentro de la  compañía &#8212; y no solamente hablan acerca de las  reglas y regulaciones,  la linea oficial, rentabilidad.</li>
<li>Estas  conversaciones se llevan a cabo a través de  los intranets corporativos. Pero  sólo cuando las condiciones son  favorables.</li>
<li>Las  compañías instalan sus intranets desde arriba  para distribuir sus políticas de  recursos humanos y otra información  corporativa que sus trabajadores están  tratando de ignorar.</li>
<li>Los  intranets tienden a centrarse en el  aburrimiento. Los mejores se construyen  desde abajo por individuos  participativos que cooperan para construir algo  mucho más valioso: una  conversación corporativa interconectada.</li>
<li>Un  intranet saludable organiza a los empleados en  varios sentidos de la palabra.  Su efecto es más radical que la agenda  de cualquier sindicato.</li>
<li>Aunque  esto asusta mucho a las empresas, también  dependen en gran medida de estos  intranets abiertos para generar y  compartir conocimientos críticos. Necesitan  resistirse a la tentación  de &#8220;mejorar&#8221; o controlar estas  conversaciones.</li>
<li>Cuando  los intranets corporativos no se limitan por  el temor y normativas, el tipo de  conversación que promueven resulta  notablemente parecido a una conversación de  los mercados conectados en  red.</li>
<li>Los  organigramas funcionaron en la vieja economía en  que los planes podían  entenderse completamente desde el tope de las  empinadas pirámides  administrativas y se podían pasar detalladas  órdenes de trabajo desde arriba.</li>
<li>Hoy  en día, el organigrama está híper enlazado, no  jerarquizado. El respeto al  conocimiento práctico resulta más  importante que la autoridad abstracta.</li>
<li>Los  estilos administrativos de &#8220;control de mando&#8221;,  surgen de, y refuerzan  la burocracia, las luchas de poder y una cultura  general de paranoia.</li>
<li>La  paranoia mata la conversación. Esa es su meta.  Pero la falta de una  conversación abierta mata a las empresas.</li>
<li>Existen  dos conversaciones llevándose a cabo. Una  dentro de la empresa. Otra con el  mercado.</li>
<li>En  general, ninguna de estas conversaciones va muy  bien. Casi invariablemente, la  causa del fracaso puede encontrarse en  las ideas obsoletas de &#8220;control de  mando&#8221;.</li>
<li>Como  política, estas ideas son venenosas. Como  herramientas, están descompuestas.  Las prácticas de &#8220;control de mando&#8221;  chocan con la hostilidad de los  &#8220;empleados de conocimiento&#8221;  intraconectados y generan desconfianza en  los mercados interconectados.</li>
<li>Estas  dos conversaciones quieren encontrarse. Hablan  el mismo idioma. Reconocen sus  voces mutuamente.</li>
<li>Las  empresas inteligentes harán lo que sea necesario  para lograr que lo inevitable  suceda cuanto antes.</li>
<li>Si  el coeficiente intelectual se midiera como la  disposición de &#8220;abrir  paso&#8221; o quitarse de en medio, resultaría que muy  pocas compañías se han vuelto  sabias.</li>
<li>Aunque  en este momento es un poco subliminal, hay  millones de personas en línea que  perciben a las empresas como algo  unas pocas más que curiosas ficciones legales  tratando activamente de  evitar que estas conversaciones se intercepten.</li>
<li>Esta  es una actitud suicida. Los mercados quieren  conversar con las empresas.</li>
<li>Desafortunadamente,  la parte de la empresa con la  cual se quieren comunicar los mercados se esconde  tras una cortina de  humo, de un lenguaje que suena falso &#8212; y las más de las  veces lo es.</li>
<li>Los  mercados no quieren conversar con charlatanes y  vendedores ambulantes. Quieren  participar en las conversaciones tras la  pared de protección corporativa  (firewall).</li>
<li>Ponerse  en un nivel más personal: Nosotros somos  esos mercados. Queremos charlar  contigo.</li>
<li>Queremos  tener acceso a tu información corporativa, a  tus planes y estrategias, a tus  mejores ideas y a tu conocimiento  genuino. No nos vamos a conformar con tus  folletos a cuatro colores, o  con tu Web sobrecargado de chucherías visuales  pero con muy poca  sustancia.</li>
<li>También  somos los empleados que hacemos funcionar  sus empresas. Queremos conversar  directamente con los clientes con voz  propia, no con frases trilladas escritas  en un guión.</li>
<li>Como  mercados, como empleados, estamos hastiados de  obtener nuestra información por  control remoto. ¿Por qué necesitamos  reportes anuales impersonales y estudios  de mercado de tercera mano  para presentarnos unos a otros?</li>
<li>Como  mercados y como trabajadores, nos preguntamos  ¿por qué no escuchas? Pareciera  que hablas un idioma distinto.</li>
<li>El  lenguaje inflado y pomposo que utilizas &#8212; en la  prensa, en tus conferencias &#8212;  ¿qué tiene que ver con nosotros?</li>
<li>Quizás  impresiones a tus inversionistas. Tal vez  impresiones a la bolsa de valores. No  nos impresionas a nosotros.</li>
<li>Si  no causas gran impresión en nosotros, tus  inversionistas van a salir perdiendo.  ¿Que no entienden esto? si lo  entendieran, no te permitirían hablar en la forma  que lo haces.</li>
<li>Tus  ideas anticuadas acerca de &#8220;el mercado&#8221; nos  hacen voltear la vista al  cielo. No nos reconocemos en tus proyecciones  &#8212; tal vez porque sabemos que ya  estamos en otro lugar.</li>
<li>Este  nuevo mercado nos parece mucho mejor. De hecho,  nosotros lo estamos creando.</li>
<li>Estás  invitado, pero es nuestro mundo. Quítate los  zapatos y déjalos junto a la  puerta. Si quieres comerciar con nosotros,  ¡baja de tu camello!</li>
<li>Somos  inmunes a la publicidad. Olvídalo.</li>
<li>Si  quieres que te dirijamos la palabra, dinos algo.  Que sea algo interesante para  variar.</li>
<li>También  tenemos algunas ideas para ti: nuevas  herramientas que necesitamos, algún mejor  servicio. Cosas por las  cuales estamos dispuestos a pagar. ¿Tienes un minuto?</li>
<li>¿Estás  tan ocupado &#8220;haciendo negocios&#8221; que no puedes  contestar nuestro  correo electrónico? Por Dios, vaya, volveremos mas  tarde. Tal vez.</li>
<li>¿Quieres  que pongamos nuestro dinero? Nosotros  queremos que pongas atención.</li>
<li>Queremos  que descartes tu viaje, que salgas de tu  introversión neurótica, ven a la  fiesta.</li>
<li>No  te preocupes, aún puedes hacer dinero. Eso sí,  mientras no sea lo único en tu  mente.</li>
<li>¿Te  has dado cuenta que, por sí mismo, el dinero es  unidimensional y aburrido? ¿De  qué más podemos platicar?</li>
<li>Tu  producto falló. ¿Por qué? Nos gustaría  preguntarle a la persona que lo hizo. Tu  estrategia corporativa no  tiene sentido. Nos gustaría platicar con tu Director  General. ¿Cómo que  no está?</li>
<li>Queremos  que trates a 50 millones de nosotros tan  seriamente como tratas a un reportero  del diario financiero.</li>
<li>Conocemos  algunas personas en tu empresa. Son buena  onda en linea. ¿Tienes más de esos  escondidos por ahí? ¿Pueden salir a  jugar?</li>
<li>Cuando  tenemos dudas, nos apoyamos en el resto de  nosotros para aclararlas. Si no  tuvieras control tan estricto sobre &#8220;tu  gente&#8221; tal vez nos  apoyaríamos en ellos también.</li>
<li>Cuando  no estamos ocupados siendo tu &#8220;mercado  objetivo&#8221;, muchos de nosotros  somos tu gente. Preferimos hablar con  amigos en línea que estar viendo el  reloj. Eso ayudaría a difundir tu  nombre mejor que tu Web del millón de  dólares. Pero tú dices que hablar  con el mercado le corresponde al departamento  de mercadotecnia.</li>
<li>Nos  gustaría que entendieras lo que está pasando  aquí. Eso estaría muy bien. Pero  sería un error pensar que vamos a  esperar con los brazos cruzados.</li>
<li>Nos  preocupan cosas más importantes que si vas a  cambiar a tiempo para hacer  negocio con nosotros. El negocio es sólo  una parte de nuestras vidas. Parece  ser todo en la tuya. Piénsalo bien:  ¿quién necesita a quién?</li>
<li>Tenemos  poder real y lo sabemos. Si no alcanzas a  ver la luz, alguien más vendrá y nos  dará mayor atención, será más  interesante y divertido para jugar.</li>
<li>Aún  en el peor de los casos, nuestra nueva  conversación es más interesante que la  mayoría de las ferias  comerciales, más entretenida que un programa de  televisión y  ciertamente más apegada a la vida real que cualquier Web  corporativo  que hayamos visitado.</li>
<li>Nuestra  lealtad es para con nosotros mismos &#8212;  nuestros amigos, nuestros nuevos aliados  y conocidos, hasta nuestros  compañeros de batalla. Las empresas que no juegan  un papel en este  mundo, tampoco tienen futuro.</li>
<li>Las  compañías gastan millones de dólares en el  problema Y2K. ¿Cómo es que no pueden  escuchar el tic-tac de esta bomba  de tiempo? En riesgo está algo más  importante.</li>
<li>Estamos  tanto adentro de empresas como fuera de  ellas. Los límites que separan nuestras  conversaciones semejan el muro  de Berlin hoy, pero son sólo un estorbo. Sabemos  que caerán.  Trabajaremos de ambos lados para hacerlos caer.</li>
<li>Para  las corporaciones tradicionales, las  conversaciones interconectadas parecen un  mar de confusión. Pero nos  estamos organizando más rápido que ellas. Tenemos  mejores herramientas,  más ideas nuevas, y ninguna regla que nos detenga.</li>
<li>Estamos  despertando y conectándonos. Estamos  observando. Pero no estamos esperando.</li>
<p>Lee las firmas de apoyo a este  manifiesto  registradas <a href="http://www.cluetrain.com/signers.html">aqui</a>.<br />
Copyright 1999 Levine,  Locke, Searls &amp; Weinberger<br />
<a href="mailto:ringleaders@cluetrain.com">ringleaders@cluetrain.com</a><br />
Todos los Derechos Reservados.<br />
Traducción: <a href="mailto:pirulee@tremendo.com">Pirulee</a> y <a href="mailto:pere@es.ibm.com">Pere Albert</a><br />
Obtén la versión <a href="http://tremendo.com/cluetrain/95tesis.txt">ASCII</a>.<br />
Sin embargo, se otorgan los  permisos necesarios mundiales para  su uso no-comercial<br />
con la condición de que esta página permanezca intacta  incluyendo esta nota.<br />
Reprodúcela, cópiala, envíala, publícala, ponla en tu Web.</p>
<p>Este mensaje quiere MOVERSE!</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/manifiesto-del-tren-de-claves/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dominios a punto de vencer&#8230; scam de dominios</title>
		<link>http://www.colorinteractivo.com/dominios-a-punto-de-vencer-scam-de-dominios/</link>
		<comments>http://www.colorinteractivo.com/dominios-a-punto-de-vencer-scam-de-dominios/#comments</comments>
		<pubDate>Thu, 27 May 2010 20:53:21 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=502</guid>
		<description><![CDATA[Recientemente a algunos propietarios de dominios les esta llegando un mensaje por correo avisandoles que su dominio esta a punto de vencer y que por lo tanto si no desean que se venza deben renovarlo con ellos.
 
La oferta viene de varios origenes entre ellos de CrucialDomains/ iTimeDomains con el fin de venderte el dominio ...]]></description>
			<content:encoded><![CDATA[<p><strong>Recientemente a algunos propietarios de dominios les esta llegando un mensaje por correo avisandoles que su dominio esta a punto de vencer y que por lo tanto si no desean que se venza deben renovarlo con ellos.<br />
 </strong><br />
La oferta viene de varios origenes entre ellos de CrucialDomains/ iTimeDomains con el fin de venderte el dominio una vez expirado, HAZ CASO OMISO DEL MENSAJE.</p>
<p>Dominios .COM que se vencen quedan disponibles en 5 dias para volve ra ser adquiridos, ellos lo que hacen es apartar el dominio por solo $6.42 por el dominio expirado. </p>
<p>Elllos hacen una prueba con el dominio por 5 dias apara ver si tu estas dispuestos a pagar entre $357 y $997 dolares por el dominio, ellos ELIMINARAN EL DOMINIO PARA UN REEMBOLSO si tu no muestras interes. </p>
<p>NO CAIGA EN ESTE ENGAÑO! </p>
<p>Tu podras registrar el dominio con cualquier compañia de registros de dominio a precios que oscilan entre los $10 dolares despues de 5 a 15 dias despues de que ellos dejan de probarte. </p>
<p>NO HAGAS CLICK EN LOS ENLACES QUE TE ENVIAN Y NO INTENTES CONTACTARLOS, YA QUE ELLOS PUEDEN DETECTAR SI TU VISITASTE EL SITIO Y SABRAN QUE ESTAS INTERESADO. </p>
<p>SOLO HAZ CASO SI EL MENSAJE PROVIENE DE LA EMPRESA DONDE COMPRASTE EL DOMINIO. </p>
<p>Mas de este engaño: http://www.webhostingtalk.com/showthread.php?t=690337</p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/dominios-a-punto-de-vencer-scam-de-dominios/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diseño Brochure</title>
		<link>http://www.colorinteractivo.com/diseno-brochure/</link>
		<comments>http://www.colorinteractivo.com/diseno-brochure/#comments</comments>
		<pubDate>Tue, 04 May 2010 03:33:47 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[portafolio-imagen-corporativa]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=493</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/diseno-brochure/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diseño Tarjeta Personal</title>
		<link>http://www.colorinteractivo.com/diseno-tarjeta-personal/</link>
		<comments>http://www.colorinteractivo.com/diseno-tarjeta-personal/#comments</comments>
		<pubDate>Tue, 04 May 2010 03:30:55 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[portafolio-imagen-corporativa]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=491</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/diseno-tarjeta-personal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manitas Artesanas</title>
		<link>http://www.colorinteractivo.com/manitas-artesanales-2/</link>
		<comments>http://www.colorinteractivo.com/manitas-artesanales-2/#comments</comments>
		<pubDate>Tue, 04 May 2010 03:27:06 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[portafolio-imagen-corporativa]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=486</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/manitas-artesanales-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manitas Artesanales</title>
		<link>http://www.colorinteractivo.com/manitas-artesanales/</link>
		<comments>http://www.colorinteractivo.com/manitas-artesanales/#comments</comments>
		<pubDate>Tue, 04 May 2010 03:24:59 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[portafolio-imagen-corporativa]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=482</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/manitas-artesanales/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>El perfil del moderno consumidor de medios online</title>
		<link>http://www.colorinteractivo.com/el-perfil-del-moderno-consumidor-de-medios-online/</link>
		<comments>http://www.colorinteractivo.com/el-perfil-del-moderno-consumidor-de-medios-online/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 14:17:11 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=478</guid>
		<description><![CDATA[Un informe publicado en la página web Flowtown, investiga sobre  los hábitos del consumidor moderno de medios en Estados Unidos: los  nuevos lectores utilizan más de una plataforma para ponerse al día.
En concreto, un 92% de los usuarios se informa a través de  múltiples plataformas, mientras que un 46% dice consultar de ...]]></description>
			<content:encoded><![CDATA[<div id="attachment_479" class="wp-caption alignnone" style="width: 622px"><a href="http://www.colorinteractivo.com/wp-content/uploads/2010/04/online.jpg"><img class="size-full wp-image-479" title="El perfil del moderno consumidor de medios online " src="http://www.colorinteractivo.com/wp-content/uploads/2010/04/online.jpg" alt="El perfil del moderno consumidor de medios online " width="612" height="234" /></a><p class="wp-caption-text">El perfil del moderno consumidor de medios online </p></div>
<p><strong>Un informe publicado en la página web Flowtown, investiga sobre  los hábitos del consumidor moderno de medios en Estados Unidos: los  nuevos lectores utilizan más de una plataforma para ponerse al día.</strong></p>
<p>En concreto, un 92% de los usuarios se informa a través de  múltiples plataformas, mientras que un 46% dice consultar de 4 a 6  fuentes, y sólo un 7% asegura que un solo medio le proporciona las  informaciones que necesita.</p>
<p>El 65% de los encuestados declaran no tener una web de noticias  preferida, y, en cambio, un 21% dice que sólo confía en una única fuente  online para enterarse de todo.</p>
<p>Además, los servicios más populares a que acuden los internautas son  los del tiempo (81%), los eventos nacionales (73%), y (con un 66%) la  información sanitaria.</p>
<p>En fin, el 55% de los adultos estadounidenses dice que ahora es mucho  más fácil que hace 5 años. Hablando de web 2.0, el 61% de los usuarios  afirma informarse a través de ellas y el 37% dice colaborar en la  emisión de contenidos a través de su red social.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/el-perfil-del-moderno-consumidor-de-medios-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Las Empresas Usan mas los medios sociales</title>
		<link>http://www.colorinteractivo.com/las-empresas-usan-mas-los-medios-sociales/</link>
		<comments>http://www.colorinteractivo.com/las-empresas-usan-mas-los-medios-sociales/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 06:07:00 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=474</guid>
		<description><![CDATA[Las empresas usan mas lo medios sociales para hacer Branding
]]></description>
			<content:encoded><![CDATA[<h3>Las empresas usan mas lo medios sociales para hacer Branding</h3>
<p><strong8 de cada 10 empresas cuentan con medios sociales para hacer Branding. Es ya bastante nota, en efecto, la potencialidad que tienen estas herramientas para posicionar o publicitar una marca online.</strong></p>
<p>Según una investigación de la agencia Territorio Creativo, las empresas ya compatibilizan redes sociales y blogs corporativos o temáticos, lugar en que el marketing en medios sociales está contribuyendo en la creación de nuevos perfiles profesionales: más de la mitad de las empresas encuestadas admiten utilizar un community manager para gestionar, mover y dinamizar su comunidad online.</p>
<p>Un 84% de las empresas que ya suelen realizar marketing en medios sociales consideran que la agencia debe aportar la estrategia y apoyar al community manager, aparte de idear y crear campañas o desarrollar aplicaciones.</p>
<p>Además, 8 de cada 10 empresas ya han notado la eficacia del marketing en redes y medios sociales al fin de conseguir notoriedad de marca. Un 75% valoran con una nota igual o superior a 5 los resultados directos que han obtenido de las campañas o acciones llevadas a cabo en medios sociales.</p>
<p>Los indicadores más valorados son las visitas recibidas, por un 68%, y el numero de fans, admiradores o followers, por el 60%.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/las-empresas-usan-mas-los-medios-sociales/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Los Blogs ayudan a publicitar y hacer crecer su sitio en Internet</title>
		<link>http://www.colorinteractivo.com/los-blogs-ayudan-a-publicitar-y-hacer-crecer-su-sitio-en-internet/</link>
		<comments>http://www.colorinteractivo.com/los-blogs-ayudan-a-publicitar-y-hacer-crecer-su-sitio-en-internet/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 05:51:02 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=469</guid>
		<description><![CDATA[Los blogs corporativos ayudan a publicitar su sitio en Internet
Si acaso las nuevas tecnologías e Internet nos han brindado una herramienta de marketing que nos permite acercarnos a nuestros clientes, establecer contacto, obtener un feedback, a la vez que ofrecer una imagen “mas cercana” de nuestra empresa, ese ha sido el blog.
El blog nos permite ...]]></description>
			<content:encoded><![CDATA[<div id="attachment_471" class="wp-caption alignnone" style="width: 622px"><a href="http://www.colorinteractivo.com/wp-content/uploads/2010/04/blogs.jpg"><img src="http://www.colorinteractivo.com/wp-content/uploads/2010/04/blogs.jpg" alt="Los Blogs Ayudan a publicitar Su Sitio en Internet" title="Los Blogs Ayudan a publicitar Su Sitio en Internet" width="612" height="234" class="size-full wp-image-471" /></a><p class="wp-caption-text">Los Blogs Ayudan a publicitar Su Sitio en Internet</p></div>
<p><strong>Los blogs corporativos ayudan a publicitar su sitio en Internet</strong></p>
<p>Si acaso las nuevas tecnologías e Internet nos han brindado una herramienta de marketing que nos permite acercarnos a nuestros clientes, establecer contacto, obtener un feedback, a la vez que ofrecer una imagen “mas cercana” de nuestra empresa, ese ha sido el blog.</p>
<p>El blog nos permite sostener en el tiempo, a un costo ínfimo y con resultados efectivos, una “conversación” con nuestros clientes, y con los potenciales clientes de nuestra empresa. Permite acercar nuestra cultura y lenguaje corporativo de un modo el cual podamos vincularnos con las personas y sus intereses, así como poder saber las opiniones de ellos sobre nuestros productos o servicios. Es una herramienta muy valiosa que se está instalando poco a poco en Latinoamérica, pero que sin embargo ya cuenta con numerosos adeptos en Europa y está aún mas asentado en USA.</p>
<p>El blog es una sencilla herramienta de comunicación que nos permite:</p>
<ol>
<li>Mejorar la imágen de la marca</li>
<li>Comunicarnos directamente con      nuestros clientes</li>
<li>La diferenciación competitiva</li>
<li>Mejorar la visibilidad online      de la marca</li>
<li>Usarlo como medio de prensa de      nuestra empresa</li>
<li>Mejorar nuestro posicionamiento      en buscadores</li>
<li>Generar atención sobre la      empresa y sus productos</li>
<li>Humanizar la imágen de la marca</li>
<li>Crear nuevos negocios o mejorar      los existentes a partir de la relación con los lectores del blog      (comentarios, sugerencias)</li>
<li>Mejorar la credibilidad de la      marca</li>
</ol>
<p>Empresas como Google o Yahoo han implementado blogs que permiten a los usuarios acercar sus visiones sobre la empresa, los productos y sus servicios. El resultado de dicha interacción ha provocado un feedback enriquecedor entre las partes; definiendo al blog como un medio alternativo para fomentar nuevas perspectivas, opiniones y propuestas en pos del desarrollo y rendimiento del software.</p>
<p>El blog se convierte entonces en una poderosa estrategia de marketing que tienen ocasión de aplicar; las empresas, profesionales independientes, emprendedores y particulares que quieran mejorar su visibilidad para establecerse como referentes de opinión sobre uno y otro tema. Por todo lo dicho hasta aquí, resulta indispensable delinear una estrategia que consolide acciones vitales de nuestro blog como ser; el mantenimiento, la escritura y la &#8220;cultura&#8221; del mismo. El producto será la efectividad del blog, al aplicarlo como una herramienta lo mas rentable posible, capitalizándo la credibilidad, atención, visibilidad, o todas ellas juntas.</p>
<p>Es importante entonces para llevar a cabo esta estrategia:</p>
<ol>
<li>Definir el tono de la      comunicacion, acorde con nuestra mision y valores</li>
<li>Encontrar la escritura adecuada      a ello</li>
<li>Darle un aspecto gráfico que      esté acorde a nuestro sitio</li>
<li>Definir a la/s persona/s que lo      llevarán a cabo</li>
<li>Definir las “limitaciones” que      estableceremos en nuestra comunicación (¿Hasta dónde comunicamos?)</li>
<li>Definir la interacción esperada      de nuestros usuario (¿Qué pretendemos de ellos?)</li>
<li>Establecer la comunicación      mínima esperada del blog (¿Cada cuánto publicaremos?)</li>
<li>Pautar medios posibles de      referencia para nuestra comunicación (¿A quién miraremos/citaremos, quién      nos mirará?)</li>
<li>Definir las políticas de      retorno del feedback (¿Qué hacer con los comentarios, positivos y      negativos, de nuestro producto, empresa…?)</li>
<li>Definir la evolución esperada      del blog</li>
</ol>
<p>Acercar nuestra empresa, servicios profesionales o productos es la tarea de esta nueva etapa en la comunicación y estrategia de marketing empresarial online. Animamos desde aquí a las empresas y profesionales a comenzar este camino rentable y efectivo de relación digital con nuestros clientes, actuales o futuros.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/los-blogs-ayudan-a-publicitar-y-hacer-crecer-su-sitio-en-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¿Cómo se hace un líder? Cinco lecciones importantes</title>
		<link>http://www.colorinteractivo.com/%c2%bfcomo-se-hace-un-lider-cinco-lecciones-importantes/</link>
		<comments>http://www.colorinteractivo.com/%c2%bfcomo-se-hace-un-lider-cinco-lecciones-importantes/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 05:42:25 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=466</guid>
		<description><![CDATA[El  liderazgo se puede enseñar. Es lo que ha comprobado Cristina Escallón,  consultora para decenas de empresas europeas sobre el tema de liderazgo y  estrategia. Cuáles son algunas de las cosas que se deben tener en  cuenta para ser un buen líder.
Cristina Escallón es  una joven colombiana, consultora en estrategia ...]]></description>
			<content:encoded><![CDATA[<p>El  liderazgo se puede enseñar. Es lo que ha comprobado Cristina Escallón,  consultora para decenas de empresas europeas sobre el tema de liderazgo y  estrategia. Cuáles son algunas de las cosas que se deben tener en  cuenta para ser un buen líder.</p>
<p>Cristina Escallón es  una joven colombiana, consultora en estrategia y liderazgo que tiene en  su lista de clientes a decenas de empresas europeas. También es la  coordinadora de un centro de estudios sobre liderazgo de la prestigiosa  escuela de negocios Insead. Cómo construir líderes, es uno de los temas  en los que más trabaja. Ella le refirió a Dinero.com cinco aspectos que  los gerentes deberían aprender.</p>
<p><strong>Visión clara</strong><br />
La  primera lección y en opinión de Cristina Escallón una de las más  importantes, es tan obvia como poco común. Se resume en esto: claridad  de visión y efectividad en su comunicación. “Casi puedo predecir en las  organizaciones que visito, que ni siquiera el equipo ejecutivo tiene el  mismo entendimiento de la visión y del mapa a seguir. Esa es una cosa  que siempre sorprende y que con frecuencia molesta al presidente. Si eso  ocurre en la cima, ¿cómo sabe el resto de la organización cuáles son  las mejores decisiones para tomar en el trabajo diario?”, dice.</p>
<p>Para  la gente que por primera vez asume posiciones importantes de liderazgo,  uno de los principales retos es precisamente el de aprender a pensar  estratégicamente. Esa habilidad se puede desarrollar con el tiempo en el  cargo, o en plazos más cortos con ayuda externa, o incluso yendo  a la escuela de negocios.</p>
<p>Pero para la consultora, el proceso  que se usa para desarrollar la visión y la estrategia es crucial. “Para  mi es fundamental que sea compartido, en el cual el equipo ejecutivo y  muchos más de la organización estén involucrados. Solo así llegan  realmente a entender, a sentir y a adueñarse de la estrategia. Unas  palabras y gráficas en un Power Point no les llegan al alma a las  personas que tienen que hacer de esa estrategia una realidad”, afirma.</p>
<p>Recuerda  también que, como es usual en los ejercicios de planeación, se debe  asegurar que la estrategia vaya claramente ligada a los valores y la  cultura de la compañía, que vayan en tandem.</p>
<p>Finalmente lo  clave después del diseño es que “se comunique, se comunique, se  comunique”, dice. “Lo que haga el presidente en este sentido casi nunca  es suficiente”, asegura.</p>
<p><strong>Aprender acerca del líder</strong><br />
En general, los cursos para gerentes enseñan habilidades técnicas:  estrategia, mercadeo o finanzas. Pero para liderar hay que aprender  sobre las personas. “Hoy en Insead y en las grandes universidades, se  emplea mucho tiempo en trabajar en la identidad del líder: quién es ese  líder, no solo qué hace”, afirma Cristina Escallón.</p>
<p>Ahora en los  cursos de liderazgo hay más personas entrenadas, por ejemplo, en  sicología clínica que estudian patrones de comportamiento y elementos de  la historia de vida que influyen en la forma de ser de un líder. “Es  difícil entender como liderar a otros, sin entenderse lo suficiente a sí  mismo”, explica. El análisis se hace muchas veces en sesiones de  coaching individual o de grupo.</p>
<p>Las universidades como Insead se  han vuelto entonces lugares donde, además de adquirir conocimientos  técnicos, los gerentes trabajan en el desarrollo de su identidad como  personas y como líderes, en un ambiente seguro y con personas de su  perfil que enfrentan retos similares. También hay formas de hacer este  tipo de ejercicios en la empresa, como lo hace la experta bogotana con  algunos de sus clientes.</p>
<p>Pero esa tarea no es nada fácil ¿Cómo  conseguir que un grupo de ejecutivos ingleses del sector financiero,  decida hablar de sus relaciones de trabajo y de problemas de confianza?  Allí Cristina se juega con todo su encanto, su seriedad, su inteligencia  y su experiencia. “A veces los pongo a meditar o llevo carteleras y  lápices de colores y pongo a los ejecutivos a pintar, por ejemplo, un  autorretrato”, dice entretenida. Ella sabe lo insólito que les parece el  asunto a unos banqueros británicos o a unos presidentes sesentones que  creen haberlo visto todo en técnicas de consultoría. Sin embargo, estas  experiencias pueden tener resultados sorprendentes, sobre todo cuando  más incomoda les resulte la idea al principio. “Aprenden cosas nuevas e  importantes, a veces reveladoras, de cómo es cada uno y por lo tanto  cómo son como equipo. Es lo que al final importa”, dice.</p>
<p>Pero la  consultoría no es solo un ejercicio de introspección. Terminada esa  sesión, empiezan a trabajar en el diseño de la estrategia para la  empresa.</p>
<p>La moraleja, que es a la vez la segunda lección de  liderazgo, es que al líder se le enseña a serlo cuando se entiende como  persona. Cuando sabe por qué se comporta de la forma que lo hace y  comprende que no basta con tener buenas habilidades técnicas.</p>
<p><strong>Estar  dispuesto a reinventarse</strong><br />
La tercera lección clave, ligada  al tema anterior de identidad, es la siguiente: ascender con frecuencia  significa desprenderse de conocimientos y habilidades queridas. Es el  caso típico del buen vendedor que lo nombran vicepresidente comercial.  Muchas de las habilidades que tenía no le sirven en su nuevo cargo.  Tiene que volver a pensar qué desecha y qué nuevas destrezas debe  conseguir.</p>
<p>Pero muchas de las cosas que se deben dejar atrás son  las que han hecho a la persona buena en su trabajo. “Despojarse de las  cosas por las cuales uno ha sido reconocido es algo muy difícil”,  afirma. “Según lo dice Herminia Ibarra, que es con quien más trabajo en  el Insead y que lleva años estudiando el tema, este es de los retos más  comunes que enfrentan los nuevos lideres y al que se le puede y se le  debe trabajar”.</p>
<p><strong>Construir redes</strong><br />
La cuarta  lección es la construcción de redes. “Muchas veces la gente cree que  hacer networking tiene algo de malo”, advierte. “Con frecuencia oigo que  se usa el término en forma negativa: ‘a mi la política no me gusta’;  ‘yo no tengo tiempo para eso’. Pero en negocios, lo que uno sabe tiene  mucho que ver con la gente a quien uno conoce, así que no hay que  subestimarlo o ignorarlo. Si es política o es networking es cuestión de  perspectiva”, agrega.</p>
<p>Para las mujeres, hacer networking  efectivamente puede ser un reto más grande sobre todo en medios  masculinos. “No porque sean menos hábiles. Sino porque normalmente es  más fácil hacer networking con gente similar a uno”, asegura. Y la  realidad es que en el mundo aún son muy pocas las mujeres en posiciones  altas. En el estudio sobre los mejores CEO del planeta que se acaba de  publicar en el Harvard Business Review, solo 1,5% eran mujeres. “Seria  interesante ver qué pasaría si los grandes negocios se discutieran en  los salones de belleza. Aunque las mujeres también juegan golf, la  verdad es que los campos de golf siguen siendo más frecuentados por los  hombres. Y en muchas partes del mundo, la realidad es que en los  fairways se toman muchas decisiones importantes”, ilustra.</p>
<p><strong>Confianza</strong><br />
El ultimo tema de la lista, la confianza, es el que más le interesa  a la consultora, porque es quizás el ingrediente más importante en una  relación entre las personas. “Si hay confianza, generalmente las cosas  funcionan. La gente que confía en su líder, está dispuesta a hacer mucho  más por la organización”.</p>
<p>La construcción de confianza no es  fácil porque no todo el mundo entiende lo mismo cuando se habla del  término. “Cuando trabajo con mis clientes, siempre se sorprenden al ver  que sus criterios son bien distintos. Por ejemplo, para unos, la  confianza se basa más que todo en la habilidad. Para otros en la  fiabilidad y para otros en la motivación”, señala. Las diferencias  obedecen a los modelos cognitivos individuales (cómo aprenden, con qué  se sienten más cómodos, con lo racional o lo emocional, etc.), a  divergencias de cultura o de formación, pero en el fondo, encuentra  Cristina Escallón, es cuestión de personalidad.</p>
<p>Así, cuando la  confianza se rompe, con mucha frecuencia el problema está más en una  falta de entendimiento sobre lo que realmente es importante para el  otro, que en un problema de confianza per-se. “Aclarar esos criterios y  hablarlos en un ambiente &#8217;seguro&#8217;, puede ayudar a reconstruir o  construir la confianza. Puede ser tan sencillo como entender que para mi  jefe, el que yo le entregue las cosas a tiempo (fiabilidad) tiene mucho  más peso que si las hago bien en mi primer intento (habilidad). Puedo  haber gastado el fin de semana mejorando mi proyecto, pero al haber  demorado la entrega, maté la confianza, cuando pensé que con mi esfuerzo  la estaba construyendo”.</p>
<p>Estos son algunos puntos que en la  experiencia de Cristina Escallon hacen un buen líder. Los mejores  conductores de empresas, antes que nada, se conocen a sí mismos y le  ponen toda su energía a administrar la estrategia humana del negocio.  Ese mensaje interesante, se desvía mucho de lo que muchas universidades  colombianas enseñan. Viniendo de Cristina Escallón, al asunto sin duda,  hay que ponerle atención.</p>
<p><a class="alignright" href="http://www.dinero.com/negocios-online/administracion/estrategia/como-hace-lider-cinco-lecciones-importantes_68345.aspx" target="_blank"><small>Tomado de dinero.com</small></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/%c2%bfcomo-se-hace-un-lider-cinco-lecciones-importantes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Smirnoff anunció los finalistas para ganarse los 15 Dólares</title>
		<link>http://www.colorinteractivo.com/smirnoff-anuncio-los-finalistas-para-ganarse-los-15-dolares/</link>
		<comments>http://www.colorinteractivo.com/smirnoff-anuncio-los-finalistas-para-ganarse-los-15-dolares/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 05:34:35 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=461</guid>
		<description><![CDATA[
Smirnoff anunció hoy las ideas finalistas para ganarse 15 mil dólares y así armar la mejor rumba 
 

SMIRNOFF ® Be There &#124; Creative Grants invita a los fans a  votar en Facebook por sus ideas favoritas y ganar entradas 
Dos integrantes de la banda de rock argentina Babasónicos acompañarán la mejor idea de cada ...]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Smirnoff Lanza Concurso" src="http://www.colorinteractivo.com/images-new/blog/smirnoff.jpg" alt="Smirnoff Lanza Concurso" width="447" height="246" /></p>
<p><strong>Smirnoff anunció hoy las ideas finalistas para ganarse 15 mil dólares y así armar la mejor rumba </strong></p>
<p><strong><em> </em></strong></p>
<ul>
<li><em>SMIRNOFF ® Be There | Creative Grants invita a los fans a  votar en Facebook por sus ideas favoritas y ganar entradas </em></li>
<li><em>Dos integrantes de la banda de rock argentina <strong>Babasónicos</strong> acompañarán la mejor idea de cada país en un DJ-Set</em></li>
</ul>
<p><strong> </strong></p>
<p><strong>Bogotá, abril 20 de  2010.</strong> En la búsqueda por premiar al evento nocturno más creativo de Colombia, Argentina y Perú, <strong>Smirnoff Be There | Creative Grants, </strong>anunció hoy los finalistas de cada país para que los fans de la página de Facebook de Smirnoff Latinoamérica (<a href="http://www.facebook.com/smirnofflatam" target="_blank">www.facebook.com/smirnofflatam</a>) y de Smirnoff Colombia (<a title="blocked::http://www.facebook.com/Smirnoff.Colombia" href="http://www.facebook.com/Smirnoff.Colombia" target="_blank">http://www.facebook.com/Smirnoff.Colombia</a>) puedan votar y participar por la posibilidad de ganar entradas para ser parte del evento ganador y decir “yo estuve ahí”.</p>
<p>Con el propósito de hacer de cada noche una fiesta aún más especial, Smirnoff ha realizado una alianza con Universal Music para contar con la participación de dos integrantes la banda de rock argentina <strong>Babasónicos</strong> en un DJ-Set.</p>
<p>Al entrar a la página de Facebook de Smirnoff Latinoamérica (<a href="http://www.facebook.com/smirnofflatam" target="_blank">www.facebook.com/smirnofflatam</a>) y de Smirnoff Colombia (<a title="blocked::http://www.facebook.com/Smirnoff.Colombia" href="http://www.facebook.com/Smirnoff.Colombia" target="_blank">http://www.facebook.com/Smirnoff.Colombia</a>) los fans podrán leer el detalle de cada una de las ideas finalistas de su país, previamente seleccionadas por el panel regional de jurados expertos de la vida nocturna, y votar por su favorita. Cada fan, mayor de 18 años, puede votar sólo una vez y por una idea de su país de residencia, para participar por dos boletas y asistir junto a un acompañante a la fiesta. El 1 de mayo se cerrarán las votaciones y  se sortearán en cada país las entradas al evento ganador, que el promotor llevará a cabo con el premio de los $15 mil dólares y que contará con la participación de dos integrantes de la banda Babasónicos como Djs invitados.</p>
<p><strong>Babasónicos</strong>, es una banda argentina creada a principios de los 90 y cuyos integrantes son: Adrián &#8220;Dárgelos&#8221; Rodríguez, Diego &#8220;Uma&#8221; Rodríguez, Diego &#8220;Uma-T&#8221; Tuñón, Diego &#8220;Panza&#8221; Castellano y Mariano &#8220;Roger&#8221; Domínguez. Su discografía incluye los albúmes: Pasto (1992), Trance Zomba (1994), Dopádromo (1996), Babasónica (1997), Miami (1999), Jessico (2001), Infame (2003), Anoche (2005) y Mucho (2008). Además, ha sido nominada a ocho premios MTV Latinoamérica, ganando la categoría Mejor Artista Rock en el 2007; y ha ganado dos Premios Gardel en el 2004 y 2006.</p>
<p>Para más información sobre Smirnoff Be There | Creative Grants, detalles de cómo votar y tu oportunidad de estar en estos eventos, por favor visita <a href="http://www.facebook.com/smirnofflatam" target="_blank">www.Facebook.com/smirnofflatam</a></p>
<p>Para más información sobre Babasónicos, visita <a href="http://www.babasonicos.com/" target="_blank">www.babasonicos.com</a></p>
<p>Las palabras SMIRNOFF y logotipos asociados son marcas registradas.</p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong>Smirnoff Be There®</strong></p>
<p><strong> </strong></p>
<p>Un evento inolvidable, el tipo de experiencias que querrás recordar y decir “yo estuve ahí”.</p>
<p><strong> </strong></p>
<p><strong>Smirnoff Be There | Creative Grants</strong></p>
<p><strong> </strong></p>
<p>Smirnoff Be There | Creative Grants es una iniciativa innovadora que pretende descubrir, apoyar y celebrar a los promotores de la vida nocturna y a sus prometedores eventos con experiencias únicas en su tipo, como parte de la campaña Smirnoff Be There.</p>
<p><strong> </strong></p>
<p><strong>Acerca de Diageo</strong></p>
<p><strong> </strong></p>
<p>Diageo es la principal empresa de bebidas premium del mundo con una sobresaliente colección de marcas de bebidas alcohólicas que abarca las categorías de licores, vinos y cervezas.  Estas marcas incluyen a JOHNNIE WALKER<sup>®</sup>, BUCHANAN’S<sup>®</sup>, GUINNESS<sup>®</sup>, BAILEYS<sup>®</sup>, OLD PARR<sup>®</sup>, SMIRNOFF<sup>®</sup>, J&amp;B<sup>®</sup>, TANQUERAY<sup>®</sup>, RED STRIPE<sup>™</sup>, CAPTAIN MORGAN<sup>®</sup>, PAMPERO<sup>™</sup> y los vinos NAVARRO CORREAS<sup>™. </sup>La empresa cotiza tanto en la Bolsa de Valores de Nueva York (DEO) como la Bolsa de Valores de Londres (DGE). Para más información acerca de Diageo, su gente, marcas y desempeño, visítenos en <a href="http://www.diageo.com/" target="_blank">www.diageo.com</a></p>
<p>Para nuestro recurso global que promueve el consume responsible de alcohol a través de la diffusion de herramientas de mejores prácticas, información e iniciativas, visite <a href="http://www.drinkiq.com/" target="_blank">www.DRINKiQ.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/smirnoff-anuncio-los-finalistas-para-ganarse-los-15-dolares/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sigue conectado, aun conduciendo</title>
		<link>http://www.colorinteractivo.com/sigue-conectado-aun-conduciendo/</link>
		<comments>http://www.colorinteractivo.com/sigue-conectado-aun-conduciendo/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 15:08:03 +0000</pubDate>
		<dc:creator>Color Interactivo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.colorinteractivo.com/?p=456</guid>
		<description><![CDATA[No es necesario desconectarse mientras conduce y mucho menos poner en  riesgo la seguridad a la hora de conducir para enviar un SMS o avanzar  con la actualización de la agenda. Dial2Do, es una de las nuevas soluciones que  facilitan la conexión del usuario mientras está al volante.
Se trata de un servicio ...]]></description>
			<content:encoded><![CDATA[<p>No es necesario desconectarse mientras conduce y mucho menos poner en  riesgo la seguridad a la hora de conducir para enviar un SMS o avanzar  con la actualización de la agenda. <a href="http://www.dial2do.com/" target="_Blank">Dial2Do</a>, es una de las nuevas soluciones que  facilitan la conexión del usuario mientras está al volante.</p>
<p>Se trata de un servicio en Beta que a través de una llamada desde el  móvil permite enviar SMS, e-mails, hacer un post o actualizar Twitter.  Es un sistema de manos libres que  permite procesar un texto sin la  necesidad de escribir, simplemente con la voz.</p>
<p>No sólo permite escribir o enviar mensajes, también leer y actualizar la  agenda programando recordatorios oportunos que el dispositivo anunciará  al usuarios mientras conduce. El servicio se canaliza a través de un  reconocimiento de voz que pregunta “¿Qué es lo que deseas hacer?” o “¿A  quién va dirigido tu mensaje?”. Es de fácil adaptación y uso.</p>
<p>Tomado de <a href="http://baquia.com/articulos/empresas/noticia/16019/dial2do-conducir-sin-desconectarse">Baquia</a><br />
<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/-f-0TksvAs8&#038;hl=es_ES&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-f-0TksvAs8&#038;hl=es_ES&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.colorinteractivo.com/sigue-conectado-aun-conduciendo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
