\u00bfQu\u00e9 tendencias en dise\u00f1o web lo van a petar este a\u00f1o 2017? O m\u00e1s bien lo est\u00e1n petando ya\u2026 hacemos un r\u00e1pido repaso de las m\u00e1s importantes para\u00a0estar al d\u00eda.<\/p>\n Vamos a ver mucha\u00a0interacci\u00f3n delicada<\/a>\u00a0el pr\u00f3ximo a\u00f1o, despu\u00e9s de coger tracci\u00f3n y convertirse en esenciales dentro del UX\/UI en este 2016. Aporta contexto y ayuda al usuario y recarga la usabilidad de nuestros sites y apps. Desde loaders hasta iconos animados, con una micro interacci\u00f3n eficaz te aseguras conseguir engagement e informar al mismo tiempo (que no es poco).<\/p>\n <\/p>\n Los ilustradores est\u00e1n-mos de enhorabuena (m\u00e1s). Saber dibujar va a ser un GOAL en este 2017, a\u00f1adiendo personalidad y car\u00e1cter a nuestros dise\u00f1os mientras se refuerza la identidad visual de las marcas que nos alimentan. Todo esto sin contar con la versatilidad de la aplicaci\u00f3n (de la mancha a la l\u00ednea y del realismo a la locura psicotr\u00f3pica). Adem\u00e1s, no olvides que ahora,\u00a0tus dibujos pueden ser dibujos animados<\/a>.<\/p>\n Ejemplos:<\/strong> El color est\u00e1 nominado en todas las entregas de premios. Te lo vas a encontrar en las\u00a0digievoluciones del material design<\/a>. Pero no s\u00f3lo. Tambi\u00e9n estar\u00e1 presente en gradientes geom\u00e9tricos que brillan, apoyando la interacci\u00f3n en sombras y superposiciones y pintando im\u00e1genes en duotonos y mapas a medida.<\/p>\n Ya lo dice\u00a0Getty<\/a>: en nuestras agitadas vidas, lo usual aburre, as\u00ed que prepar\u00e9monos para un 2017 pop lleno de manipulaciones crom\u00e1ticas.<\/p>\n Ejemplos: Dise\u00f1o invisible, para que el contenido brille. Mockups minimal, en lugar de realistas. Maquetas en long form, para contenidos brutos. Scroll hasta el infinito y m\u00e1s all\u00e1 (y aqu\u00ed toma sentido el parallax con esteroides), para que tus usuarios puedan revisar grandes bloques de contenido sin navegar ni ser interrumpidos.<\/p>\n Ejemplos: M\u00e1s colaboraci\u00f3n con mejor comunicaci\u00f3n. Ahora que el responsive tiene un hueco en nuestros corazones y mobile first empieza a sonar a conocido entre esa-gente-normal-que-no-sabe-qu\u00e9-es-un-grid, la colaboraci\u00f3n entre dise\u00f1adores y desarrolladores es imprescindible.<\/p>\n El pr\u00f3ximo a\u00f1o dejaremos atr\u00e1s el jpg y los 12K de capas en Photoshop, con sus documentos funcionales, para subirnos fuerte a visualizaciones din\u00e1micas en prototipos de alta fidelidad.\u00a0InVision<\/a>\u00a0est\u00e1 poni\u00e9ndose las pilas en compa\u00f1\u00eda de\u00a0Marvel<\/a>,\u00a0UXPin<\/a>\u00a0y otros tantos, as\u00ed que parece que el universo proveer\u00e1 exports de CSS de alta calidad, para mayor gloria y disfrute.<\/p>\n Levitando por encima de todo lo anterior, parece que algunas de las\u00a0tendencias que lo partieron el pasado a\u00f1o\u00a0vinieron para quedarse (\u00a1milagro!), ya sea con un flip o esteroides.<\/p>\n Este 2017 volveremos a hablar de parallax, hegemon\u00eda del scroll, cards y material design (con sus muchas mutaciones). Tambi\u00e9n de dise\u00f1ar con tipograf\u00eda, y de gifs y animaciones. Seguiremos bailando al ritmo de breaking the grid. Y profundizaremos en esa tendencia Make it real 4 real people, que se apuntala en la realidad virtual, la experiencia inmersiva y el 360.<\/p>\n Ojal\u00e1 la cuesta de enero no te pille con codo de tenista, joven dise\u00f1ador. Porque vamos a tener que mover bien el brazo.<\/p>\n","protected":false},"excerpt":{"rendered":" Ya lo dec\u00eda Leonard Cohen en The Future: \u00abTHINGS ARE GOING TO SLIDE, SLIDE IN ALL DIRECTIONS\u00bb\u00a0–\u00a0 TENDENCIAS EN DISE\u00d1O WEB 2017 \u00bfQu\u00e9 tendencias en dise\u00f1o web lo van a petar este a\u00f1o 2017? O m\u00e1s bien lo est\u00e1n petando ya\u2026 hacemos un r\u00e1pido repaso de las m\u00e1s importantes para\u00a0estar al d\u00eda. INTERACCI\u00d3N MICRO (Y SUTIL) Vamos a ver mucha\u00a0interacci\u00f3n delicada\u00a0el pr\u00f3ximo a\u00f1o, despu\u00e9s de coger tracci\u00f3n y convertirse en esenciales dentro del UX\/UI en este 2016. Aporta contexto y ayuda al usuario y recarga la usabilidad de nuestros sites…<\/p>\n","protected":false},"author":1,"featured_media":128,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[37],"tags":[],"class_list":["post-108","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.cloudbits.org.mx\/blog\/wp-content\/uploads\/2017\/07\/dise%C3%B1o.jpg?fit=950%2C520&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p90Gx9-1K","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/posts\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":0,"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/posts\/108\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/media\/128"}],"wp:attachment":[{"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/media?parent=108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/categories?post=108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cloudbits.org.mx\/blog\/wp-json\/wp\/v2\/tags?post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\u00abTHINGS ARE GOING TO SLIDE, SLIDE IN ALL DIRECTIONS\u00bb\u00a0–\u00a0<\/span><\/i><\/q><\/p><\/blockquote>\n
TENDENCIAS EN DISE\u00d1O WEB 2017<\/h2>\n
INTERACCI\u00d3N MICRO (Y SUTIL)<\/h3>\n
![\"Tendencias](\"https:\/\/i0.wp.com\/www.40defiebre.com\/wp-content\/uploads\/2016\/12\/001c-715x493.gif?resize=640%2C441&ssl=1\")
<\/p>\nEL RETORNO DEL ROTULADOR<\/h3>\n
![\"Tendencias](\"https:\/\/i0.wp.com\/www.40defiebre.com\/wp-content\/uploads\/2016\/12\/Captura-de-pantalla-2016-12-28-a-las-17.56.14-715x377.png?resize=640%2C337&ssl=1\")
<\/p>\n
\nLapierre Qui Tourne
\n<\/a>Future Living<\/a><\/p>\nCOLORAMOR<\/h3>\n
![\"Tendencias](\"https:\/\/i0.wp.com\/www.40defiebre.com\/wp-content\/uploads\/2016\/12\/toyfight-715x338.jpg?resize=640%2C303&ssl=1\")
<\/p>\n
\n<\/strong>Spotify
\n<\/a>Dribble
\n<\/a>Mapas a medida
\n<\/a>Mailchimp<\/a><\/p>\nFONDO SOBRE FORMA<\/h3>\n
![\"Tendencias](\"https:\/\/i0.wp.com\/www.40defiebre.com\/wp-content\/uploads\/2016\/12\/Captura-de-pantalla-2016-12-27-a-las-17.49.38-715x324.png?resize=640%2C290&ssl=1\")
<\/p>\n
\nSketch resources
\n<\/a>Polygon<\/a><\/p>\nDESIGNERS \u2764 DEVELOPERS<\/h3>\n
![\"Tendencias](\"https:\/\/i0.wp.com\/www.40defiebre.com\/wp-content\/uploads\/2016\/12\/hero-illustration-ocean.png_1400x868-715x407.jpg?resize=640%2C364&ssl=1\")
<\/p>\nTHEY CAME FROM 2016: BONUS TRACK.<\/h3>\n
![\"Tendencias](\"https:\/\/i0.wp.com\/www.40defiebre.com\/wp-content\/uploads\/2016\/12\/giphy.gif?resize=499%2C333&ssl=1\")
<\/p>\n