El uso de los colores en diseƱo web

Aprende a utilizar los colores para pÔginas web. El color de una pÔgina web influye mucho en la conversión porque elegir un color u otro provoca distintas emociones. También dependiendo de la cultura los colores tienen diferentes significados.

Cierto es que en un diseƱo web la tipografĆ­a es importante, las fotografĆ­as tambiĆ©n lo son pero elegir un color adecuado tambiĆ©n lo es. Si elegimos un color estridente, mala combinación de colores,… podemos convertir una pĆ”gina web en un fracaso.

El color rojo en diseƱo web

Este color tiene mĆŗltiples significados: amor, pasión, sangre, peligro, acción,… Es un color que da energĆ­a y urgencia por lo que puede implicar a nivel de tiendas online compras impulsivas.

Buenos ejemplos de diseƱo web en rojo

http://www.jonwallacedesign.com/

http://www.nhdist.com/

http://redmarlin.co.uk/

http://darkcrimson.com/

http://www.rapala.com/

http://www.youthagainstsudoku.com/

http://www.england-seiten.de/

http://ireport.cnn.com/

http://www.unidos.in/

http://www.piranhacreative.com/

http://www.alexflueras.ro/

http://www.zoossa.com.au/conservation-ark

Para mi gusto, como mejor combina el rojo es con el blanco o con el negro. Pero como todo, es cuestión de gustos. Espero que os sirva esta recopilación, ahh, y si sabeis de alguna interesante, por favor, compartirla.

AdemƔs de estos 17 diseƱos con el paso del tiempo he encontrado otras interesantes, que, como no, os comparto abajo.

http://www.aaugh.it/ -> diseƱo web hecha en html5. Puedes ver una pantalla de la pƔgina de inicio y otra del interior.

http://www.le28thiers.fr/

El color naranja en diseƱo web

El naranaja es un color que evoca distintas sensaciones dependiendo de como sea usado. Es un color con energía, que consigue transmitir felicidad y vitalidad. Es un color que se utiliza mucho en botones de acción.

Buenos ejemplos de diseƱo web en naranja

paginas-web-naranja

El color amarillo en diseƱo web

El amarillo es un color optimista y si la pÔgina web tiene el tono adecuado de amarillo puede dar un look fresco y conseguir la atención de la audiencia. Pero es un color que hay que combinarlo muy bien para que no parezca estridente y que se lea bien.
paginas-web-amarillo

El color verde en diseƱo web

El verde es un color que se utiliza mucho en diseño web sobre todo en pÔginas web de alimentación, comida sana, productos ecológicos, naturaleza. Es un color que da mucha tranquilidad y buen rollo al visitante.

Buenos ejemplos de diseƱo web en verde

paginas-web-verde

El color azul en diseƱo web

Es uno de los colores mƔs usados en diseƱo web. Es un color agradable y que transmite tranquilidad. Se usa muchƭsimo.

Buenos ejemplos de diseƱo web en azul

paginas-web-azul

El color rosa en diseƱo web

Es un color muy femenino, por lo que se utilizar mucho para pÔginas web relacionadas con mujeres jóvenes y madres.

Buenos ejemplos de diseƱo web en rosa

paginas-web-rosa

El color blanco en diseƱo web

Es un color neutro, que pasa desapercibido y consigue que se resalten los elementos de otros colores. Lo bueno del blanco es que sensación de limpieza y nitidez a la web.

Buenos ejemplos de diseƱo web en blanco

paginas-web-blanco

El color negro en diseƱo web

Muestra elegancia y se utiliza mucho para pƔginas web de productos de lujo, tambiƩn el sector de la arquitectura utiliza mucho este color.

Buenos ejemplos de diseƱo web en negro

paginas-web-negro

El color gris en diseƱo web

Es un color que se utiliza muchƭsimo en diseƱo web como fondo. Es un color que da estabilidad a una web y es un color discreto.

Buenos ejemplos de diseƱo web en gris

paginas-web-gris

El color marrón en diseño web

El marrón es un color que da confort y seguridad. Se utiliza en pĆ”ginas web de bares, restaurantes,… para dar esa sensación de ‘como en casa’ y tambiĆ©n en otros sectores. Es un color que no se utiliza mucho en diseƱo web.

Buenos ejemplos de diseño web en marrón

paginas-web-marron

El color violeta en diseƱo web

Igual que el anterior es un color que no se utiliza en diseƱo web, no suele gustar a los diseƱadores que se decantan por otros colores.

Buenos ejemplos de diseƱo web en violeta

paginas-web-violeta

Generadores de paletas de colores

Si quieres ver rƔpidamente como quedan combinaciones de colores o ver las gamas de un color particular puedes ver generadores de paletas de colores que te ayudarƔn en esta tarea.

colores para paginas web

Otras herramientas interesantes relacionadas con los colores

Si quieres saber los colores de una pƔgina web de una forma rƔpida, solo introduciendo su url, esta herramienta te encantarƔ: Web Colour Data

Conclusión

No hay una regla establecida para el uso de colores en diseƱo web pero no es lo mismo una pĆ”gina web corporativa que una tienda online. En la pĆ”gina web corporativa vendes presencia, en la tienda online tiene que existir la acción, sino no hay ventas. Por lo tanto, mi opinión en eso es clara, la web corporativa tiene que tener un diseƱo potente y gustar al visitante, y la tienda online tiene que tener los botones de comprar, de registrarse,… con unos colores que resalten un poco mĆ”s que el resto de la pĆ”gina web.

Si te ha gustado el artĆ­culo de colores para pĆ”ginas web solo te queda compartirlo en redes sociales, asĆ­ podrĆ© creando artĆ­culos de este estilo šŸ™‚

Deja un comentario

Tu dirección de correo electrónico no serÔ publicada. Los campos obligatorios estÔn marcados con *

Scroll al inicio