{"id":62913,"date":"2017-12-25T08:00:04","date_gmt":"2017-12-25T11:00:04","guid":{"rendered":"https:\/\/www.tusclicks.cl\/blog\/?p=62913"},"modified":"2017-12-20T11:45:39","modified_gmt":"2017-12-20T14:45:39","slug":"influyen-los-colores-pagina-web-los-usuarios","status":"publish","type":"post","link":"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/","title":{"rendered":"C\u00f3mo influyen los colores de tu p\u00e1gina web en los usuarios"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Los colores p\u00e1gina web adem\u00e1s de definir una marca, tambi\u00e9n pueden captar la atenci\u00f3n, transmitir emociones y ayudar a reconocer la jerarqu\u00eda de los elementos de un sitio web. El color es sumamente importante en el dise\u00f1o p\u00e1gina web, por lo que su uso debe ser estudiado detalladamente.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Cualidades del color en el dise\u00f1o web<\/h4>\n<p>&nbsp;<\/p>\n<h4>Contraste y ubicaci\u00f3n<\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Los colores en los lados opuestos de la <\/span><a href=\"https:\/\/i.pinimg.com\/736x\/64\/d8\/03\/64d80358f826063879ecfc4002ba2605--blue-orange-personal-style.jpg\"><b><i>rueda de colores<\/i><\/b><\/a><span style=\"font-weight: 400;\"> proporcionan el mayor nivel de contraste posible. <\/span><b>Utilizar el contraste entre el texto, el fondo y los botones influye en el ojo del usuario<\/b><span style=\"font-weight: 400;\"> para moverse por la p\u00e1gina web, siendo los colores simples los que gu\u00edan la atenci\u00f3n del usuario a los elementos destacados.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Interacciones y patrones de interfaz de usuario<\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">El color puede indicar funcionalidad y mostrar como se debe interactuar en la web. Algunos colores comunican mejor las indicaciones de alerta, los mensajes de error en los campos de un formulario u otros elementos visuales como botones, pesta\u00f1as o enlaces. Una herramienta que te puede ayudar en la elecci\u00f3n adecuada de los colores para estos elementos es<\/span><span style=\"font-weight: 400;\"> la psicolog\u00eda de los colores en el dise\u00f1o web.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Dise\u00f1o web y la psicolog\u00eda del color<\/h4>\n<p>&nbsp;<\/p>\n<h4>La psicolog\u00eda del color explica c\u00f3mo los colores pueden influir en el comportamiento humano<span style=\"font-weight: 400;\">.<\/span><\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">La autora Eva Heller en su libro \u00abPsicolog\u00eda del Color\u00bb, demuestra que los <\/span><a href=\"https:\/\/olgacarreras.blogspot.com.es\/2008\/11\/resea-psicologa-del-color-de-eva-heller.html\"><span style=\"font-weight: 400;\">colores y los sentimientos no se combinan de manera casual<\/span><\/a><span style=\"font-weight: 400;\">, ni sus asociaciones se deben simplemente a una cuesti\u00f3n de gusto, y manifiesta que se basan en <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Experiencias universales enraizadas desde la infancia en nuestro lenguaje y pensamiento&#8230;quien nada sabe sobre los efectos universales y el simbolismo de los colores, jam\u00e1s podr\u00e1 emplearlos adecuadamente.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por tanto, conocer m\u00e1s sobre la psicolog\u00eda de los colores en el dise\u00f1o web, te ayudar\u00e1 a predecir en gran medida la reacci\u00f3n de los usuarios al visitar tu p\u00e1gina corporativa. Veamos el significado y simbolismo de algunos colores: \u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Color Azul<\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Los azules se asocian con lo masculino, la calidad, eficacia, seriedad, productividad, confianza, sabidur\u00eda o seguridad. Es un color utilizado por empresas tecnol\u00f3gicas como IBM o Microsoft por su asociaci\u00f3n con el progreso. Es un tono que estimula la paciencia y la serenidad.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Color Verde<\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Es un color neutral que representa a la naturaleza y transmite sensaci\u00f3n de serenidad, armon\u00eda, crecimiento, fertilidad, libertad, salud, generosidad, paz, buena suerte. Se dice que es uno de los colores que mejor procesan nuestros ojos y resultar\u00e1 ideal en un dise\u00f1o para ciencia, turismo, medicina o medioambiente.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Color Negro<\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Se dice que el negro es m\u00e1s bien una falta de color y simboliza la elegancia, poder, sofisticaci\u00f3n, fuerza, inteligencia, autoridad o formalidad. Tambi\u00e9n puede asociarse con la oscuridad, muerte, maldad o misterio. Puede ser \u00fatil para desarrollar una web moderna y elegante, siendo muy utilizado en negocios de marketing, moda, lujo o cosm\u00e9tica.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Color Blanco<\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Es un color asociado a la pureza, simplicidad, perfecci\u00f3n, razones por las que Apple pudo elegirlo en su p\u00e1gina web. Igualmente se relaciona con la verdad, por lo que la mayor\u00eda de los diarios digitales lo utilizan.Transmite bondad, inocencia, paz, humildad, limpieza, nobleza y es muy utilizados en profesiones relacionadas con la salud.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Color Naranja<\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Evoca alegr\u00eda, diversi\u00f3n, energ\u00eda, vida, ambici\u00f3n, calor, emoci\u00f3n o entusiasmo. Tambi\u00e9n puede indicar advertencia o peligro dependiendo del contexto. Se utiliza en webs de automoci\u00f3n, tecnolog\u00eda, ocio y e-commerce. No debemos abusar de los tonos naranjas, pueden resultar cargantes.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Color Rojo<\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Es el color de la pasi\u00f3n, transmite felicidad, cercan\u00eda, fuerza, agresividad, vida, emoci\u00f3n, movimiento o energ\u00eda. Tambi\u00e9n puede relacionarse con la guerra, violencia o peligro. Se utiliza para llamar la atenci\u00f3n de las personas. Est\u00e1 recomendado para p\u00e1ginas de comida, moda, deportes, marketing o servicios de emergencia.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4>Combinaci\u00f3n de colores: paletas de color online<\/h4>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Existen esquemas de <\/span><a href=\"https:\/\/tusclicks.com\/blog\/uso-colores-diseno-web-lo-bueno-lo-malo-lo-feo\/\"><span style=\"font-weight: 400;\">colores en el dise\u00f1o p\u00e1gina web<\/span><\/a><span style=\"font-weight: 400;\"> que responden a combinaciones determinadas:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Monocrom\u00e1tica: se apuesta por un solo color y se utilizan variaciones de \u00e9ste para conseguir distintos tonos. <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Complementaria: crean una imagen muy vibrante, sirve para destacar algo y no se debe abusar de su uso.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Colores tri\u00e1dicos: usan colores equidistantes en la rueda de color, se utiliza un color dominante y los otros destacar\u00e1n distintos elementos.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Colores t\u00e9tradas: utiliza cuatro colores en dos grupos de pares complementarios. Podr\u00e1s obtener m\u00faltiples variaciones.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Colores an\u00e1logos: recurre a colores que est\u00e1n uno junto al otro en la rueda, ofreciendo un dise\u00f1o que transmite serenidad y armon\u00eda, sin embargo el contraste ser\u00e1 dif\u00edcil de obtener.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Si a\u00fan tienes dudas a la hora de seleccionar colores p\u00e1gina web, una opci\u00f3n que te resultar\u00e1 de utilidad, son los <\/span><b>generadores de paletas de color online<\/b><span style=\"font-weight: 400;\">, entre ellos encontramos: <\/span><a href=\"https:\/\/brandcolors.net\/\"><span style=\"font-weight: 400;\">BrandColors<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"http:\/\/www.colorhexa.com\/\"><span style=\"font-weight: 400;\">Color Hexa<\/span><\/a><span style=\"font-weight: 400;\"> y <\/span><a href=\"http:\/\/colorhunt.co\/\"><span style=\"font-weight: 400;\">ColorHunt<\/span><\/a><span style=\"font-weight: 400;\">,.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los colores p\u00e1gina web adem\u00e1s de definir una marca, tambi\u00e9n pueden captar la atenci\u00f3n, transmitir emociones y ayudar a reconocer la jerarqu\u00eda de los elementos de un sitio web. <\/p>\n","protected":false},"author":18,"featured_media":62914,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38],"tags":[1001,910,1002],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Colores p\u00e1gina web | dise\u00f1o p\u00e1gina web | psicolog\u00eda de los colores en el dise\u00f1o web<\/title>\n<meta name=\"description\" content=\"Los colores p\u00e1gina web adem\u00e1s de definir una marca, tambi\u00e9n pueden captar la atenci\u00f3n, transmitir emociones y ayudar a reconocer la jerarqu\u00eda de los elementos de un sitio web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Colores p\u00e1gina web | dise\u00f1o p\u00e1gina web | psicolog\u00eda de los colores en el dise\u00f1o web\" \/>\n<meta property=\"og:description\" content=\"Los colores p\u00e1gina web adem\u00e1s de definir una marca, tambi\u00e9n pueden captar la atenci\u00f3n, transmitir emociones y ayudar a reconocer la jerarqu\u00eda de los elementos de un sitio web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-25T11:00:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-20T14:45:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2017\/12\/Como-influyen-los-colores-de-tu-pagina-web-en-los-usuarios.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/\",\"url\":\"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/\",\"name\":\"Colores p\u00e1gina web | dise\u00f1o p\u00e1gina web | psicolog\u00eda de los colores en el dise\u00f1o web\",\"isPartOf\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\"},\"datePublished\":\"2017-12-25T11:00:04+00:00\",\"dateModified\":\"2017-12-20T14:45:39+00:00\",\"author\":{\"@id\":\"\"},\"description\":\"Los colores p\u00e1gina web adem\u00e1s de definir una marca, tambi\u00e9n pueden captar la atenci\u00f3n, transmitir emociones y ayudar a reconocer la jerarqu\u00eda de los elementos de un sitio web.\",\"breadcrumb\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/tusclicks.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo influyen los colores de tu p\u00e1gina web en los usuarios\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\",\"url\":\"https:\/\/tusclicks.com\/blog\/\",\"name\":\"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.\",\"description\":\"Tusclicks Blog \/ Posicionamiento web \/ Mejoras P\u00e1ginas Web \/ Marketing Internet\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tusclicks.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Colores p\u00e1gina web | dise\u00f1o p\u00e1gina web | psicolog\u00eda de los colores en el dise\u00f1o web","description":"Los colores p\u00e1gina web adem\u00e1s de definir una marca, tambi\u00e9n pueden captar la atenci\u00f3n, transmitir emociones y ayudar a reconocer la jerarqu\u00eda de los elementos de un sitio web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/","og_locale":"es_ES","og_type":"article","og_title":"Colores p\u00e1gina web | dise\u00f1o p\u00e1gina web | psicolog\u00eda de los colores en el dise\u00f1o web","og_description":"Los colores p\u00e1gina web adem\u00e1s de definir una marca, tambi\u00e9n pueden captar la atenci\u00f3n, transmitir emociones y ayudar a reconocer la jerarqu\u00eda de los elementos de un sitio web.","og_url":"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/","og_site_name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","article_published_time":"2017-12-25T11:00:04+00:00","article_modified_time":"2017-12-20T14:45:39+00:00","og_image":[{"width":900,"height":300,"url":"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2017\/12\/Como-influyen-los-colores-de-tu-pagina-web-en-los-usuarios.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/","url":"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/","name":"Colores p\u00e1gina web | dise\u00f1o p\u00e1gina web | psicolog\u00eda de los colores en el dise\u00f1o web","isPartOf":{"@id":"https:\/\/tusclicks.com\/blog\/#website"},"datePublished":"2017-12-25T11:00:04+00:00","dateModified":"2017-12-20T14:45:39+00:00","author":{"@id":""},"description":"Los colores p\u00e1gina web adem\u00e1s de definir una marca, tambi\u00e9n pueden captar la atenci\u00f3n, transmitir emociones y ayudar a reconocer la jerarqu\u00eda de los elementos de un sitio web.","breadcrumb":{"@id":"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tusclicks.com\/blog\/influyen-los-colores-pagina-web-los-usuarios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/tusclicks.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo influyen los colores de tu p\u00e1gina web en los usuarios"}]},{"@type":"WebSite","@id":"https:\/\/tusclicks.com\/blog\/#website","url":"https:\/\/tusclicks.com\/blog\/","name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","description":"Tusclicks Blog \/ Posicionamiento web \/ Mejoras P\u00e1ginas Web \/ Marketing Internet","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tusclicks.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":""}]}},"_links":{"self":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/62913"}],"collection":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/comments?post=62913"}],"version-history":[{"count":0,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/62913\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media\/62914"}],"wp:attachment":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media?parent=62913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/categories?post=62913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/tags?post=62913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}