27/11/2013

La importancia del color en el diseño web

La importancia del color en el diseño web

El color es un factor de enorme importancia en cualquier rama del diseño, y esto incluye al diseño web. Los colores motivan estados de ánimo, adquieren distintos significados de acuerdo con cada cultura y hasta pueden inducir ciertas acciones. De hecho, el color es una de las tres consideraciones más importantes en una decisión de compra (Cooper, 1994).

El término «teoría del color» no tiene una definición precisa, pero se aplica al estudio de la influencia del color sobre las personas y de cómo optimizar la elección de una paleta cromática adecuada para nuestros intereses. Veamos algunas claves para lograrlo:

  • Impacto emocional. Los colores pueden separarse en categorías, cada una de las cuales inspira diferentes emociones:
    • Colores cálidos. Rojo, naranja y amarillo. Sugieren entusiasmo, pasión, felicidad y energía. El rojo es impactante, pero no debe usarse en exceso: termina resultando abrumador. Por eso, el naranja puede ser un buen reemplazo. El amarillo es agradable, especialmente para los niños.
    • Colores fríos. Verde, azul y púrpura. Brindan tranquilidad y algo de misterio. Son algo impersonales, por lo que se recomienda mezclarlos con algún otro. El verde está asociado al dinero, el azul transmite confianza o melancolía (dependiendo del tono) y el púrpura es ideal para productos de lujo.
    • Colores neutros. Negro, blanco, gris, marrón y beige, entre otros. Son ideales para los fondos, ya que acentúan el efecto de los colores cálidos.
  • Legibilidad. La legibilidad de un sitio web es importante. Excepto para posibles títulos, hay que procurar que el color del texto contraste fuertemente con el del fondo.
  • Plataforma. Los colores que elijamos no se verán de la misma manera en todas las plataformas. El browser, el monitor, la placa de video, la suciedad sobre la pantalla y el brillo y el contraste configurados por el usuario determinan estas diferencias. Otra razón para probar nuestro sitio web en diversos ambientes.

Teniendo en cuenta estos aspectos elegiremos una paleta de colores agradable y que, además, transmita el mensaje que queremos dar.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce