{"id":10712,"date":"2017-03-15T18:22:30","date_gmt":"2017-03-15T17:22:30","guid":{"rendered":"https:\/\/www.websdirect.es\/?p=10712"},"modified":"2017-03-15T18:22:30","modified_gmt":"2017-03-15T17:22:30","slug":"tendencias-en-diseno-web-mas-destacadas-para-tu-empresa","status":"publish","type":"post","link":"https:\/\/www.websdirect.es\/actualidad\/tendencias-en-diseno-web-mas-destacadas-para-tu-empresa\/","title":{"rendered":"Tendencias en dise\u00f1o web m\u00e1s destacadas para tu empresa"},"content":{"rendered":"

El dise\u00f1o t\u00e1ctil, el predominio de los bitonos o mayor presencia de las bautizadas como \u00abprogressive web apps\u00bb (PWAs) son algunas de las tendencias en dise\u00f1o web m\u00e1s destacadas para tu empresa<\/strong> en 2017.<\/p>\n

\"Tendencias
\n<\/p>\n

Erigida como una disciplina en constante evoluci\u00f3n, el dise\u00f1o web<\/a><\/strong> est\u00e1 sometido a la direcci\u00f3n marcada por las \u00faltimas tendencias. Desde hace unos meses hemos sido testigos de c\u00f3mo la influencia cada vez m\u00e1s creciente de los dispositivos m\u00f3viles trajo consigo notables cambios en el seno de las empresas. En este sentido, las p\u00e1ginas corporativas debieron de adaptarse a los tiempos que exigen todas estas herramientas.<\/p>\n

\u00bfCu\u00e1les son las tendencias en dise\u00f1o web para 2017?<\/strong><\/h2>\n

En este momento, las tendencias en dise\u00f1o web<\/strong> que marcar\u00e1n el rumbo de las compa\u00f1\u00edas en este \u00e1mbito son las siguientes:<\/p>\n

-El men\u00fa desplegable<\/strong> tender\u00e1 a desaparecer a lo largo del presente a\u00f1o 2017. De alguna manera, esta modalidad oculta a los ojos del usuario los diferentes contenidos que componen una web o una app, generando cierta confusi\u00f3n en el consumidor.\u00a0Aplicaciones multiplataforma como Spotify han optado por dejar a un lado el men\u00fa desplegable en su nueva app.<\/p>\n

\"Dise\u00f1o<\/p>\n

Estudios confirman que los tambi\u00e9n llamados \u00abmen\u00fa hamburguesa\u00bb ocultan demasiada informaci\u00f3n al usuario, cuando este \u00faltimo ha demostrado no moverse de la p\u00e1gina principal desde el m\u00f3vil.<\/p>\n

-El uso de dos tonalidades crom\u00e1ticas se convertir\u00e1n en una de las tendencias en dise\u00f1o web<\/strong> m\u00e1s destacadas de cara a los pr\u00f3ximos meses. Muchos ven en esta forma de distribuir los colores la manera de alcanzar ese complicado equilibrio entre las webs m\u00e1s recargadas desde el punto de vista est\u00e9tico y las m\u00e1s minimalistas.<\/p>\n

Uno de los usos m\u00e1s extendidos del tambi\u00e9n llamado duotono es en las im\u00e1genes principales de un sitio web. Ese componente de sorpresa que puede ofrecer a los usuarios ser\u00e1 de utilidad para captar el inter\u00e9s de los visitantes.<\/p>\n

Ya sea que te decantes por una combinaci\u00f3n de alto impacto con colores saturados u optes por un efecto m\u00e1s sutil con colores de baja saturaci\u00f3n, lo m\u00e1s conveniente es que modifiques el contraste de tus fotograf\u00edas en blanco y negro.<\/strong> Tambi\u00e9n puede utilizarse como la paleta de colores primaria o para im\u00e1genes de fondo, ya se trate de una fotograf\u00eda, ilustraci\u00f3n o patr\u00f3n de dise\u00f1o. Igualmente se emplea en im\u00e1genes grandes que sirven como fondo, as\u00ed como en \u00e1reas m\u00e1s peque\u00f1as como botones de llamadas de atenci\u00f3n o im\u00e1genes secundarias que no forman parte del contenido central de la p\u00e1gina de inicio.<\/p>\n

\"\u00bfCu\u00e1les<\/p>\n

-Por otro lado, el dise\u00f1o t\u00e1ctil<\/strong> jugar\u00e1 tambi\u00e9n un papel destacado dentro de las tendencias en dise\u00f1o web\u00a0en los pr\u00f3ximos meses, siendo m\u00e1s concretamente el llamado \u00abmaterial design\u00bb de Google uno de sus m\u00e1ximos exponentes. La profundidad, las superficies, las sombras, bordes y colores se convierten en las notas m\u00e1s destacadas de este campo. Esta clase de dise\u00f1o basado en objetos es una manera de acercarse a la realidad, gui\u00e1ndose en todo momento por las pautas marcadas desde las leyes de la f\u00edsica, donde los objetos se superpongan sin atravesarse y en que las im\u00e1genes sigan una l\u00ednea m\u00e1s l\u00f3gica.<\/p>\n

Con una tipograf\u00eda clara y casillas<\/strong> convenientemente ordenadas e im\u00e1genes llamativas para no perder el foco de atracci\u00f3n, el dise\u00f1o basado en la visualizaci\u00f3n a trav\u00e9s del dispositivo m\u00f3vil, adem\u00e1s de en la web, de ah\u00ed que se preste especial atenci\u00f3n al dise\u00f1o responsive.<\/p>\n

-El llamado parallax scrolling<\/strong> (efecto en el que tras entrar en una web y hacer scroll, el usuario se ver\u00e1 ante un fondo que parece moverse a una velocidad distinta del contenido, generando una sensaci\u00f3n de profundidad y dejando vislumbrar partes que antes no se ve\u00edan) tender\u00e1 a desaparecer.<\/p>\n

\"tendencias<\/p>\n

La confusi\u00f3n que genera en el usuario unida al aumento considerable del tiempo de carga que repercutir\u00e1 en el posicionamiento SEO son algunos de los motivos que explicar\u00edan su extinci\u00f3n en el campo del dise\u00f1o web.<\/p>\n

-Las\u00a0webs inspiradas en el dise\u00f1o de las aplicaciones m\u00f3viles o \u00abprogressive web apps<\/strong>\u00bb (PWAs<\/strong>) ser\u00e1n tendencia gracias al impulso de la tecnolog\u00eda HTML5 y los avances en Javascript.\u00a0Estas herramientas ofrecen una web de escritorio, acercando al usuario una experiencia similar a la de una aplicaci\u00f3n m\u00f3vil.<\/p>\n

Adem\u00e1s de no precisar de ninguna instalaci\u00f3n adicional, se podr\u00e1 disfrutar de opciones como notificaciones push<\/strong>. M\u00e1s all\u00e1 de permitir la funcionalidad offline y presentar una conectividad independiente, las PWAs se adaptan a cualquier dispositivo, a los ojos del usuario act\u00faan como una app y posibilidad de compartir f\u00e1cilmente la informaci\u00f3n a trav\u00e9s de links, pues no precisa de descargas.<\/p>\n

-A nivel tipogr\u00e1fico, la fuente Noto de Google<\/strong> ser\u00e1 capaz de dotar de cohesi\u00f3n visual a un total de 800 lenguas diferentes. Con m\u00e1s de 110.000 caracteres, esta fuente pretende eliminar las barreras de la comunicaci\u00f3n y que puedan dificultar la experiencia del usuario.<\/p>\n

\"Dise\u00f1o<\/p>\n

-Otras tendencias en dise\u00f1o web<\/strong> que no se han de pasar por alto son, por ejemplo, la introducci\u00f3n de un menor n\u00famero de opciones en los men\u00fas. Si antes eran entre siete y ocho, ahora se reducir\u00e1n a 3 y 4. Igualmente, las fotos estereotipadas de los bancos de im\u00e1genes tender\u00e1n a desaparecer, adem\u00e1s de apostar en mayor medida por un mayor minimalismo, que har\u00e1 especial hincapi\u00e9 en el rendimiento y velocidad de carga de la web, as\u00ed como un dise\u00f1o despejado y sin elementos recargados.<\/p>\n

Todas estas son algunas de las tendencias en dise\u00f1o web m\u00e1s destacadas para tu empresa<\/strong> de cara a los pr\u00f3ximos meses. Si quieres que la web de tu negocio sea atrayente e innovadora, ll\u00e1manos y te ayudaremos al respecto.<\/p>\n","protected":false},"excerpt":{"rendered":"

El dise\u00f1o t\u00e1ctil, el predominio de los bitonos o mayor presencia de las bautizadas como \u00abprogressive web apps\u00bb (PWAs) son algunas de las tendencias en dise\u00f1o web m\u00e1s\u2026<\/p>\n","protected":false},"author":1,"featured_media":10680,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[37],"class_list":["post-10712","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-diseno-desarrollo-web","tag-diseno-web-2"],"_links":{"self":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/10712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/comments?post=10712"}],"version-history":[{"count":0,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/10712\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media\/10680"}],"wp:attachment":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media?parent=10712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/categories?post=10712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/tags?post=10712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}