En los \u00faltimos a\u00f1os, el dise\u00f1o web nos ha maravillado con la evoluci\u00f3n continua que presenta y que pareciera no tendr\u00e1 fin. Es esta evoluci\u00f3n la que llev\u00f3 a las p\u00e1ginas a adaptarse a dispositivos m\u00f3viles y es tambi\u00e9n la que le abre paso al aumento de su uso en estos dispositivos durante los siguientes a\u00f1os. Tomando en cuenta esta trayectoria, en este 2018 podemos esperar estas tendencias en el desarrollo web.<\/p>\n
Sombras y profundidad.<\/em><\/strong><\/p>\n El uso de sombras ha aumentado junto con la optimizaci\u00f3n de los buscadores web. Ahora podemos ver sombras extensas que nos hacen percibir gran profundidad entre las diferentes \u201ccapas\u201d en un sitio web. Pareciera que los dise\u00f1adores web ven los sitios como peceras en las que dejan flotar peces (elementos gr\u00e1ficos) de diferentes colores y nos invitan a verlos nadar. Adem\u00e1s, no s\u00f3lo percibimos la profundidad gracias a la extensa pero tenue sombra de los elementos, sino que con el uso de parrillas y herramientas como parallax<\/em> es posible asignar distintos tiempos de desplazamiento entre las capas del sitio.<\/p>\n Movimiento.<\/em><\/strong><\/p>\n El uso de videos en los sitios web no es la gran novedad, pero en los pr\u00f3ximos a\u00f1os tendremos nuevas experiencias con los mismos, pues su uso atrapa a los visitantes y los invita a permanecer m\u00e1s tiempo en nuestros sitios. Lo cierto es que su efectividad ha llevado a desarrollar nuevas formas de representar movimiento en la web, desde videos en HTML5 que no te consumen la vida en espera de que carguen y no requieren de un archivo, hasta el uso de javascript<\/em> para crear diminutas part\u00edculas que se mueven en conjunto (como el cardumen en buscando a Nemo), para representar formas m\u00e1s grandes que suelen utilizarse en fondos.<\/p>\n Colores vibrantes y saturados.<\/em><\/strong><\/p>\n Con el avance de la tecnolog\u00eda de los distintos monitores, cada vez m\u00e1s dise\u00f1adores optan por salir de lo tradicional y de la paleta aburrida de colores b\u00e1sicos para arriesgarse y dar el salto al uso de colores vibrantes y saturados que captan la atenci\u00f3n de los visitantes al tiempo que salen de la zona segura de la web.<\/p>\n Dispositivos m\u00f3viles.<\/em><\/strong><\/p>\n El uso de navegadores en dispositivos m\u00f3viles va en aumento y cada vez son m\u00e1s las personas que realizan sus compras desde sus smartphones<\/em>. Es por ello que ahora es necesario planificar los sitios para su uso m\u00f3vil, desde el uso de im\u00e1genes adecuadas y optimizadas, hasta considerar sustituirlas por \u00edconos que reducen el peso del sitio y con los que el usuario puede interactuar de forma amigable.<\/p>\n Ilustraciones personalizadas.<\/em><\/strong><\/p>\n Las ilustraciones hacen sentir a un sitio m\u00e1s amigable, divertido e incluso diferente. Al personalizar estas ilustraciones es posible plasmar caracter\u00edsticas de la marca o empresa y as\u00ed distinguirse del resto. En el caso de marcas serias y formales, las ilustraciones personalizadas pueden darle un toque m\u00e1s divertido y relajado, atrayendo nuevos usuarios y clientes mientras. Estos elementos sumados al movimiento pueden resultar en un mayor engagement<\/em> del visitante.<\/p>\n Tipograf\u00eda.<\/em><\/strong><\/p>\n No les voy a decir que hacer con ella, denle rienda suelta al tama\u00f1o y al grosor, y como recomendaci\u00f3n podr\u00eda decirles que busquen una fuente m\u00e1s personalizada que le de al sitio un poco de dinamismo. Tengan cuidado de no cometer el error de los \u00faltimos 2 a\u00f1os en los que pareciera que las miles de fuentes que existen fueron inhabilitadas y todos usaban \u201cexo\u201d como si fuese la nueva \u201cHelv\u00e9tica\u201d.<\/p>\n Degradados.<\/em><\/strong><\/p>\n Las nuevas tecnolog\u00edas nos permiten experimentar con m\u00e1s colores. Utilizar este mismo recurso nos ayuda a crear degradados llamativos y llenos de color que har\u00e1n gritar a nuestro sitio y as\u00ed mantendr\u00e1 la atenci\u00f3n de nuestros visitantes.<\/p>\n 2018.<\/em><\/strong><\/p>\n Entre tantas opciones, parece que se vale de todo en el dise\u00f1o web para este a\u00f1o y los pr\u00f3ximos. Lo cierto es que por m\u00e1s creativos que nos pongamos, tenemos que seguir considerando algunos de los lineamientos que ya son b\u00e1sicos, como las adaptaciones m\u00f3viles. Aun as\u00ed, las \u00faltimas tendencias nos revelan que cada d\u00eda hay una mayor libertad creativa en el dise\u00f1o web. Todo depender\u00e1 entonces de qu\u00e9 y c\u00f3mo quieres hablar de tu marca.<\/p>\n","protected":false},"excerpt":{"rendered":" En los \u00faltimos a\u00f1os, el dise\u00f1o web nos ha maravillado con la evoluci\u00f3n continua que presenta y que pareciera no tendr\u00e1 fin. Es esta evoluci\u00f3n la que llev\u00f3 a las p\u00e1ginas a adaptarse a dispositivos m\u00f3viles y es tambi\u00e9n la que le abre paso al aumento de su uso en estos dispositivos durante los siguientes … Continuar leyendo “\u00bfSe vale todo? tendencias de dise\u00f1o gr\u00e1fico en 2018 para web”<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":57,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-56","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-grafico"],"_links":{"self":[{"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/posts\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":5,"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/posts\/56\/revisions\/65"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/media\/57"}],"wp:attachment":[{"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/boutiquedigital.mx\/blog\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}