{"id":282,"date":"2014-03-31T15:19:56","date_gmt":"2014-03-31T15:19:56","guid":{"rendered":"http:\/\/juliancastiblanco.com\/web\/?p=282"},"modified":"2014-03-31T15:21:47","modified_gmt":"2014-03-31T15:21:47","slug":"tendencias-del-diseno-web-para-el-2014","status":"publish","type":"post","link":"https:\/\/juliancastiblanco.com\/web\/tendencias-del-diseno-web-para-el-2014\/","title":{"rendered":"Tendencias del dise\u00f1o web para el 2014"},"content":{"rendered":"<p style=\"text-align: justify;\">Tomado de www.Informacionyarte.com<\/p>\n<p style=\"text-align: justify;\">Quiz\u00e1s te preguntes por qu\u00e9 cambia tanto el dise\u00f1o web, si no ser\u00eda m\u00e1s sencillo mantener las pautas y no ir mareando tanto la perdiz con constantes cambios. El motivo es que las tecnolog\u00edas de la informaci\u00f3n no hacen m\u00e1s que evolucionar, y lo que ayer serv\u00eda hoy es agua pasada. Un ejemplo es el grid de 960px que se aplic\u00f3 durante a\u00f1os para la maquetaci\u00f3n web.<\/p>\n<p style=\"text-align: justify;\">Con la aparici\u00f3n de pantallas de alta resoluci\u00f3n y dispositivos m\u00f3viles no qued\u00f3 otra que ir adapt\u00e1ndose. Lo mismo con el ejemplo anterior sobre Flash, que ha quedado en el ba\u00fal de los recuerdos del dise\u00f1o web. Veamos pues cu\u00e1les son las nuevas tendencias en dise\u00f1o web para este 2014.<\/p>\n<h3 style=\"text-align: justify;\">1. Dise\u00f1o web responsive<\/h3>\n<p style=\"text-align: justify;\">El dise\u00f1o web responsive ha llegado para quedarse. De todas las formas en que se puede mostrar una web en un dispositivo m\u00f3vil, esta es\u00a0<a href=\"https:\/\/developers.google.com\/webmasters\/smartphone-sites\/details\" rel=\"nofollow\">la que recomienda Google<\/a>. En mi trabajo veo todav\u00eda dise\u00f1adores web que ofrecen sus dise\u00f1os sin adaptarse a dispositivos m\u00f3viles, esto es un error, ya que se estima que para el 2015 habr\u00e1 m\u00e1s usuarios navegando desde un m\u00f3vil que desde un desktop.<\/p>\n<h3 style=\"text-align: justify;\">2. Menos es m\u00e1s<\/h3>\n<p style=\"text-align: justify;\">La web se ha hecho mucho m\u00e1s funcional que hace unos a\u00f1os debido a la aparici\u00f3n de dispositivos m\u00f3viles con un ancho de banda limitado. As\u00ed, los usuarios no quieren ver sus peque\u00f1as pantallas atiborradas de contenidos, sino encontrar f\u00e1cilmente lo que buscan sin dejarse la vista en ello. Viene as\u00ed una tendencia de dejar respirar al dise\u00f1o, con el uso del espacio en blanco y la regla del menos es m\u00e1s. As\u00ed, la web se vuelve m\u00e1s minimalista y mucho m\u00e1s funcional que hasta hace poco.<\/p>\n<h3 style=\"text-align: justify;\">3. Dise\u00f1o web plano<\/h3>\n<p style=\"text-align: justify;\">Aunque sea sorprendente, fue el lanzamiento de Windows 8 por parte de Microsoft lo que marc\u00f3 la tendencia del dise\u00f1o web plano o\u00a0<em>flat design<\/em>. El dise\u00f1o web plano ha estado all\u00ed muchos a\u00f1os en sectores como el dise\u00f1o gr\u00e1fico, pero en la web se est\u00e1 justo estrenando. El dise\u00f1o web plano se caracteriza por la falta de texturas, relieves y sombras, uso de colores alegres y claros, tipograf\u00eda m\u00e1s grande y un dise\u00f1o mucho m\u00e1s funcional.<\/p>\n<h3 style=\"text-align: justify;\">4. Adi\u00f3s a Flash<\/h3>\n<p style=\"text-align: justify;\">Tal y como hemos visto anteriormente, Flash desaparece del mapa del dise\u00f1o web con las nuevas tecnolog\u00edas web. Adem\u00e1s, Google tiene dificultades en indexar correctamente los contenidos de los sitios web realizados en Flash, con lo que vale la pena redise\u00f1ar nuestro sitio web si es que usa esta tecnolog\u00eda. Con poco dinero se puede personalizar una plantilla de WordPress que vamos a poder actualizar nosotros mismos, pues uno de los problemas de Flash es que dependemos de un dise\u00f1ador web para actualizar los contenidos.<\/p>\n<h3 style=\"text-align: justify;\">5. Tipograf\u00eda m\u00e1s clara y simple<\/h3>\n<p style=\"text-align: justify;\">En el 2014 la tipograf\u00eda gana m\u00e1s importancia que nunca, con una clara tendencia a un uso de fuentes m\u00e1s claras y simples, as\u00ed como una tipograf\u00eda m\u00e1s grande y un interlineado que deje leer f\u00e1cilmente los contenidos. La tendencia es usar una fuente sherif para los t\u00edtulos y una fuente sans-sherif tipo \u201cOpen Sans\u201d para el texto. Las tipograf\u00edas complejas deber\u00edan reservarse para un uso muy puntual o para cuando el tipo de contenido de la web as\u00ed lo pide, en otro caso es mejor apostar por tipograf\u00edas m\u00e1s claras y sencillas.<\/p>\n<h3 style=\"text-align: justify;\">6. Im\u00e1genes de grandes proporciones<\/h3>\n<p style=\"text-align: justify;\">Otra de las tendencias que ya se han empezado a implementar en el 2013 y que se prev\u00e9 tenga gran impacto en el 2014 es el del uso de im\u00e1genes que ocupen toda la pantalla, sea como un background, sea como un slider. Y esto no s\u00f3lo se va a ver en sitios de fot\u00f3grafos o profesionales creativos, sino tambi\u00e9n en muchos otros sitios web. Aqu\u00ed lo importante es tener en cuenta qu\u00e9 parte de la imagen va a quedar a la vista, para as\u00ed seleccionar aquellas que ofrezcan el mayor impacto visual.<\/p>\n<h3 style=\"text-align: justify;\">7. Formularios web m\u00e1s concisos<\/h3>\n<p style=\"text-align: justify;\">La web se vuelve m\u00e1s funcional y orientada a resultados, con lo que los formularios no pueden ser ya parrafadas que nos pidan mil datos, pues con eso lo \u00fanico que conseguimos son dos cosas: crear sitios web recargados y que los usuarios no env\u00eden los formularios. De alguna manera todo se vuelve mucho m\u00e1s simple, mirando en todo momento de optimizar la experiencia de usuario.<\/p>\n<h3 style=\"text-align: justify;\">8. Compartir en las redes sociales<\/h3>\n<p style=\"text-align: justify;\">Las redes sociales ganan m\u00e1s importancia que nunca, siendo en el 2014 fundamental que hayan iconos sociales con los que seguir al sitio web en cuesti\u00f3n y con los que compartir los contenidos publicados. Las redes sociales tienen cada vez m\u00e1s importancia y valor cara a SEO, con lo que es imprescindible que creemos sitios web pensados para fomentar la interacci\u00f3n con los usuarios.<\/p>\n<h3 style=\"text-align: justify;\">9. Colores claros y con luz<\/h3>\n<p style=\"text-align: justify;\">Excepto para sitios de fotograf\u00eda, la tendencia en dise\u00f1o web para el 2014 es el uso de colores claros y con luz que permitan respirar al dise\u00f1o. En el caso de la fotograf\u00eda o portafolios creativos es diferente, ya que un fondo oscuro permite destacar las im\u00e1genes, pero no as\u00ed en otro tipo de sitios web. Usar paletas de colores con tonos limpios y equilibrados es fundamental, se termin\u00f3 el usar mil colores sin ton ni son en un mismo sitio web.<\/p>\n<h3 style=\"text-align: justify;\">10. Barra de navegaci\u00f3n fija<\/h3>\n<p style=\"text-align: justify;\">En el 2014 veremos cada vez m\u00e1s sitios web con una barra de navegaci\u00f3n fija bien en la parte superior, bien en el lateral izquierdo. Se pretende con ello facilitar al usuario el navegar por los contenidos sin necesidad de desplazarse hasta la cabecera. En caso de dise\u00f1os que no permitan el uso de una barra de navegaci\u00f3n fija, veremos s\u00ed o s\u00ed un bot\u00f3n de subir arriba que nos permita desplazarnos al principio de todo con un solo clic.<\/p>\n<p style=\"text-align: justify;\">Sigue leyendo en\u00a0<a href=\"http:\/\/www.informacionyarte.com\/las-diez-tendencias-del-diseno-web-para-el-2014\/\" target=\"_blank\">http:\/\/www.informacionyarte.com\/las-diez-tendencias-del-diseno-web-para-el-2014\/<\/a><\/p>\n<h2 style=\"text-align: center;\">CONOCE NUESTRO SERVICIO DE DISE\u00d1O WEB<\/h2>\n<p><a href=\"http:\/\/juliancastiblanco.com\/web\/hacemos-su-pagina-web\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-284\" alt=\"Diapositiva3\" src=\"http:\/\/juliancastiblanco.com\/web\/wp-content\/uploads\/2014\/03\/Diapositiva31.jpg\" width=\"960\" height=\"720\" srcset=\"https:\/\/juliancastiblanco.com\/web\/wp-content\/uploads\/2014\/03\/Diapositiva31.jpg 960w, https:\/\/juliancastiblanco.com\/web\/wp-content\/uploads\/2014\/03\/Diapositiva31-300x225.jpg 300w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tomado de www.Informacionyarte.com Quiz\u00e1s te preguntes por qu\u00e9 cambia tanto el dise\u00f1o web, si no ser\u00eda m\u00e1s sencillo mantener las pautas y no ir mareando tanto la perdiz con constantes [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-282","post","type-post","status-publish","format-standard","hentry","category-julian-castiblanco"],"_links":{"self":[{"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/posts\/282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/comments?post=282"}],"version-history":[{"count":3,"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/posts\/282\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/posts\/282\/revisions\/286"}],"wp:attachment":[{"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/media?parent=282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/categories?post=282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/juliancastiblanco.com\/web\/wp-json\/wp\/v2\/tags?post=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}