{"id":8406,"date":"2017-02-21T09:38:28","date_gmt":"2017-02-21T08:38:28","guid":{"rendered":"http:\/\/www.tresce.com\/blog\/?p=8406"},"modified":"2018-05-25T11:58:08","modified_gmt":"2018-05-25T09:58:08","slug":"tendencias-diseno-paginas-web-2017","status":"publish","type":"post","link":"https:\/\/www.tresce.com\/blog\/tendencias-diseno-paginas-web-2017\/","title":{"rendered":"Tendencias de dise\u00f1o de p\u00e1ginas web para el 2017"},"content":{"rendered":"<p><span style=\"color: #333333;\"><strong>\u00bfConoces las tendencias de dise\u00f1o de p\u00e1ginas web para el 2017?<\/strong> Si quieres crear una nueva p\u00e1gina web o dar una nueva imagen a la que tienes, te contamos las nuevas tendencias que se van a seguir en 2017.<\/span><!--more--><\/p>\n<p><span style=\"color: #333333;\">En todos los \u00e1mbitos que requieren creatividad, como es el dise\u00f1o de p\u00e1ginas web, se producen cambios muy r\u00e1pido. <strong>La innovaci\u00f3n y experimentaci\u00f3n son elementos esenciales para adaptarse al futuro. <\/strong><\/span><\/p>\n<p><span style=\"color: #333333;\">A continuaci\u00f3n, te presentamos las principales tendencias de dise\u00f1o de p\u00e1ginas web para 2017:<\/span><\/p>\n<div style=\"background-color: #333740; font-size: 14px; line-height: 24px; color: #ffffff; text-align: center; padding: 6px 18px;\">\u00bfBuscas una consultor\u00eda de DISE\u00d1O Y DESARROLLO WEB? <a style=\"display: inline-block; background-color: #3197e1; border: 1px solid #d4ecff; border-radius: 6px; font-size: 14px; font-weight: normal; color: #fff; padding: 3px 8px; text-decoration: none;\" title=\"agencia TRESCE\" href=\"https:\/\/www.tresce.com\/diseno-web\/?utm_source=blog&amp;utm_campaign=art_210217&amp;utm_medium=link\" target=\"_blank\">VER M\u00c1S<\/a><\/div>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\"><strong>Dise\u00f1o dirigido a los m\u00f3viles <\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\">Hace tiempo que los m\u00f3viles son el principal dispositivo a trav\u00e9s del cual no solo nos comunicamos, sino que tambi\u00e9n compramos, buscamos o, simplemente, entramos en internet. Por ese motivo una de las metas en el dise\u00f1o de p\u00e1ginas web es la <strong>de crear portales que se adapten a todos los dispositivos que un usuario pueda utilizar. <\/strong><\/span><\/p>\n<p><span style=\"color: #333333;\">De hecho, <strong>Google da mejor posicionamiento a las <\/strong><a href=\"https:\/\/www.tresce.com\/blog\/la-importancia-de-adaptar-webs-para-moviles\/\" target=\"_blank\"><strong>p\u00e1ginas webs que son compatibles con los m\u00f3viles<\/strong><\/a>. En este sentido, es preciso tener en cuenta que la pantalla tanto de los m\u00f3viles como de las tabletas es m\u00e1s peque\u00f1a respecto a la de un ordenador de sobremesa, por lo que el contenido que puede ver un usuario se ve limitado.<\/span><\/p>\n<p><span style=\"color: #333333;\">Lo que var\u00eda respecto a a\u00f1os anteriores es que <strong>se comienza a trabajar el dise\u00f1o de las p\u00e1ginas web de forma que sea m\u00e1s atractivo para peque\u00f1os dispositivos<\/strong> y luego, adaptarlo a los ordenadores de sobremesa.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\"><strong>Simplicidad en los men\u00fas<\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\">En 2017 est\u00e1 previsto que el cl\u00e1sico men\u00fa desplegable tambi\u00e9n llamado men\u00fa hamburguesa, deje de utilizarse. <strong>El men\u00fa desplegable oculta determinados contenidos al usuario<\/strong> y supone que sea m\u00e1s complicado encontrar la informaci\u00f3n que se busca y que el usuario se canse m\u00e1s r\u00e1pido y abandone la p\u00e1gina web.<\/span><\/p>\n<p><span style=\"color: #333333;\">La tendencia va a ser la <strong>sustituci\u00f3n de los men\u00fas desplegables por los men\u00fas inteligentes<\/strong>, que se anticipar\u00e1n y aparecer\u00e1n en cuanto detecten que el usuario los requiere. De esta forma se mostrar\u00e1 lo que realmente resulta interesante y \u00fatil en cada momento.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>\u00a0<\/strong><\/span><\/p>\n<h2><span style=\"color: #333333;\"><strong>Utilizaci\u00f3n de videos e im\u00e1genes con animaci\u00f3n<\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\">El video tiene cada vez m\u00e1s \u00e9xito y <strong>los usuarios buscan que las p\u00e1ginas webs les muestren de forma r\u00e1pida lo que contienen<\/strong> para que puedan decidir si es de su inter\u00e9s. As\u00ed que, tanto el <strong><a href=\"https:\/\/www.tresce.com\/blog\/trucos-seo-videos-youtube\/\" target=\"_blank\">v\u00eddeo<\/a><\/strong> como las im\u00e1genes con animaci\u00f3n, siguen siendo tendencia en 2017.<\/span><\/p>\n<p><span style=\"color: #333333;\">Las im\u00e1genes con animaci\u00f3n son <strong>im\u00e1genes est\u00e1ticas que con unos fotogramas se convierte en imagen con algo de movimiento<\/strong>. De esta forma se logra captar la atenci\u00f3n de los usuarios que visitan la p\u00e1gina web.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>\u00a0<\/strong><\/span><\/p>\n<h2><span style=\"color: #333333;\"><strong>Composici\u00f3n abierta y asimetr\u00eda<\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\">Durante mucho tiempo se utiliz\u00f3 la composici\u00f3n cerrada -sim\u00e9trica y est\u00e1tica- para el dise\u00f1o de p\u00e1ginas webs. El a\u00f1o pasado se desarrollaron multitud de webs con <strong>composiciones abiertas que van m\u00e1s all\u00e1 de la pantalla. <\/strong><\/span><\/p>\n<p><span style=\"color: #333333;\">Otra tendencia que se rompi\u00f3 en el dise\u00f1o de p\u00e1ginas web durante el a\u00f1o pasado y que continuar\u00e1 en 2017 es la simetr\u00eda. De hecho, actualmente los dise\u00f1adores de p\u00e1ginas webs <strong>utilizan dise\u00f1os que no son equilibrados sino m\u00e1s asim\u00e9tricos, ca\u00f3ticos y desordenados. <\/strong><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\"><strong>Apariencia de desorden<\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\">En relaci\u00f3n con la tendencia anterior para 2017 tambi\u00e9n destaca la apariencia de desorden en el dise\u00f1o de p\u00e1ginas web. <strong>Se abandona el dise\u00f1o minimalista y se materializa un cambio que tiende dise\u00f1os m\u00e1s ca\u00f3ticos<\/strong>, aunque el caos es solo aparente.<\/span><\/p>\n<p><span style=\"color: #333333;\">Los dise\u00f1os siguen utilizando el <strong>contraste de tama\u00f1os, texturas, formas y colores<\/strong>, pero se cambia la ubicaci\u00f3n de los elementos y la armon\u00eda entre esos elementos. Hay elementos y formas que son meramente decorativos o elementos que se solapan entre s\u00ed.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\"><strong>Apuesta por los detalles decorativos<\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\">Al hilo del abandono de la tendencia minimalista y de la utilizaci\u00f3n del caos ordenado, en el dise\u00f1o de p\u00e1ginas web en 2017 destacar\u00e1 tambi\u00e9n el uso de los detalles decorativos. Se utilizar\u00e1n elementos como <strong>figuras geom\u00e9tricas, iconos o l\u00edneas simplemente para decorar.<\/strong><\/span><\/p>\n<p><span style=\"color: #333333;\">La clave est\u00e1 en pensar siempre en el usuario final, en que la p\u00e1gina web sea atractiva, f\u00e1cil de utilizar y que transmita una imagen fiel de la marca.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\"><strong>Uso de fotograf\u00edas e infograf\u00edas originales<\/strong><\/span><\/h2>\n<p><span style=\"color: #333333;\">Transmitir una imagen diferente y \u00fanica es esencial para cualquier p\u00e1gina web, por ese motivo la tendencia en el dise\u00f1o de p\u00e1ginas web es abandonar el uso de los bancos de im\u00e1genes y <strong>crear fotograf\u00edas e <\/strong><a href=\"https:\/\/www.tresce.com\/blog\/herramientas-para-crear-infografias-gratis\/\" target=\"_blank\"><strong>infograf\u00edas<\/strong><\/a><strong> originales de la mano de\u00a0 profesionales. <\/strong><\/span><\/p>\n<p><span style=\"color: #333333;\">Es preciso utilizar<strong> im\u00e1genes de alta calidad que sean \u00fanicas y que transmitan la personalidad de la marca<\/strong>. En cuanto a las ilustraciones son muy \u00fatiles y vers\u00e1tiles para crear efectos divertidos. Muchos ilustradores de gran talento crean ilustraciones adaptadas a la personalidad y tono de cada marca.<\/span><\/p>\n<p><span style=\"color: #333333;\">Aunque es dif\u00edcil predecir el futuro de las tendencias expuestas en los apartados anteriores, s\u00ed <strong>pueden servir de gu\u00eda para la creaci\u00f3n y actualizaci\u00f3n de p\u00e1ginas web para el 2017<\/strong> dependiendo del sector en el que trabaje tu empresa y de la imagen que desees transmitir.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfConoces las tendencias de dise\u00f1o de p\u00e1ginas web para el 2017? Si quieres crear una nueva p\u00e1gina web o dar una nueva imagen a la que tienes, te contamos las nuevas tendencias que se van a seguir en 2017.<\/p>\n","protected":false},"author":11,"featured_media":8408,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[],"class_list":["post-8406","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web"],"_links":{"self":[{"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/posts\/8406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/comments?post=8406"}],"version-history":[{"count":5,"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/posts\/8406\/revisions"}],"predecessor-version":[{"id":8409,"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/posts\/8406\/revisions\/8409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/media\/8408"}],"wp:attachment":[{"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/media?parent=8406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/categories?post=8406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tresce.com\/blog\/wp-json\/wp\/v2\/tags?post=8406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}