{"id":237,"date":"2009-05-05T10:24:10","date_gmt":"2009-05-05T15:24:10","guid":{"rendered":"http:\/\/eaprende.com.mandril.avnam.net\/blog\/?p=237"},"modified":"2009-05-05T10:24:10","modified_gmt":"2009-05-05T15:24:10","slug":"tendencias-del-diseno-web-para-2009-tarde-pero-llego","status":"publish","type":"post","link":"https:\/\/www.eaprende.com\/blog\/2009\/05\/05\/tendencias-del-diseno-web-para-2009-tarde-pero-llego\/","title":{"rendered":"Tendencias del dise\u00f1o web para 2009 (tarde pero lleg\u00f3)"},"content":{"rendered":"<p>El dise\u00f1o no deja de evolucionar, cada vez vemos cosas m\u00e1s asombrosas, dise\u00f1os que enriquecen los contenidos y que nos ayudan cada vez m\u00e1s a hacer m\u00e1s usables las webs.<br \/>\nEso pas\u00f3 por ejemplo con los nuevos <strong><a title=\"dise\u00f1os de pies para web\" href=\"http:\/\/gloobs.wordpress.com\/2008\/09\/04\/tendencias-del-diseno-web-%E2%80%9Cpies%E2%80%9D\/\">dise\u00f1os de pies de web<\/a><\/strong>, en los que hemos pasado de tener una zona \u201cinh\u00f3spita\u201d a ser un lugar con un alto contenido visual en el que el usuario se fija y navega. Esta es una soluci\u00f3n que sin duda seguiremos viendo este a\u00f1o.<\/p>\n<p>Tambi\u00e9n hemos podido ver como cada vez son m\u00e1s los dise\u00f1adores que utilizan grandes <strong>im\u00e1genes de fondo<\/strong>. Las conexiones son cada vez m\u00e1s r\u00e1pidas y esto hace posible poder usar fondos reales en lugar de colores. El <strong>uso de png<\/strong> tambi\u00e9n ha favorecido mucho lograr buenos dise\u00f1os. Los navegadores actuales los leen sin problema y existen <a title=\"transparencia png\" href=\"http:\/\/gloobs.wordpress.com\/2008\/12\/15\/ver-png-en-explorer-6\/\">soluciones para solventar los problemas de transparencia<\/a> que aparecen en los antiguos.<\/p>\n<p>La <strong>tipograf\u00eda grande<\/strong> tambi\u00e9n seguir\u00e1 dejando atr\u00e1s a los peque\u00f1os titulares. Las resoluciones de pantalla ahora permiten usar mayores espacios de trabajo en los que las fuentes grandes brillan con luz propia. Inlcuso he comenzado a ver cada vez m\u00e1s, webs que usan <a title=\"sIFR\" href=\"http:\/\/gloobs.wordpress.com\/?s=sifr\"><strong>sIFR<\/strong><\/a> para meter todo tipo de fuentes, con lo que los resultados son geniales. De todos modos habr\u00eda que estudiar detenidamente el tiempo de carga que supone esto.<\/p>\n<p>Seguimos viendo en todos los dise\u00f1os las <strong>esquinas redondeadas<\/strong>, con o sin sombra, creo que este tipo de cajas seguir\u00e1n acompa\u00f1\u00e1ndonos este a\u00f1o, as\u00ed como las cabeceras que ocupan el 100% de la pantalla (tipo wordpress).<br \/>\nPor supuesto que las<strong> redes sociales<\/strong> est\u00e1n influenciando mucho en los dise\u00f1os, la posibilidad de a\u00f1adir o de que el usuario a\u00f1ada tus contenidos a estas redes, hace que se le de mucha importancia al espacio que ocupan las entradas a flickr, Twitter,\u2026 Desarrollando dise\u00f1os cada vez m\u00e1s grandes y vistosos.<\/p>\n<p>Las dos columnas tipo blog se imponen. Una principal m\u00e1s ancha con el contenido principal y otra m\u00e1s estrecha a la derecha con un contenido secundario. Aunque he de decir que empiezo a ver sitios con m\u00faltiples columnas como es el caso de <a href=\"http:\/\/labs.mozilla.com\/\">http:\/\/labs.mozilla.com<\/a> (en este caso el dise\u00f1ador ha querido dar igual importancia a las 4 noticias, y la mejor manera era meter 4 columnas verticales de iguales dimensiones)<br \/>\nHace a\u00f1os el dise\u00f1o de p\u00e1ginas web era al rev\u00e9s. Las webs estaban dise\u00f1adas en dos columnas la izquierda m\u00e1s estrecha a menudo con el men\u00fa de navegaci\u00f3n y luego a su lado la principal m\u00e1s ancha. Cuando se empez\u00f3 a dar importancia al <a title=\"SEO\" href=\"http:\/\/gloobs.wordpress.com\/tag\/seo\/\">SEO<\/a>, se vio que esa distribuci\u00f3n nos perjudicaba seriamente, ya que el navegador le\u00eda primero todo el contenido de la primera columna, lo que provocaba que los textos y titulares importantes quedaban relegados detr\u00e1s de cientos de l\u00edneas de c\u00f3digo.<\/p>\n<p>As\u00ed como las fuentes han aumentado de tama\u00f1o, lo mismo ocurre con las ilustraciones. Son m\u00e1s grandes, muy coloridas y consiguen llamar mucho la atenci\u00f3n del usuario. Los grandes fondos ilustrados conviven con los fondos grunge, collage, blocs de notas, acuarelas,\u2026 Estos dise\u00f1os aunque pudiera parecer lo contrario, han devuelto la importancia del <strong>espacio en blanco<\/strong> al dise\u00f1o web. Todo ahora tiene m\u00e1s \u201caire\u201d, por fin nos hemos dado cuenta de la importancia que tienen los espacios en los dise\u00f1os para crear un camino a la f\u00e1cil lectura.<\/p>\n<p>Pero sin duda alguna las herramientas que van a condicionar los nuevos dise\u00f1os son las bibliotecas de <a title=\"Ajax\" href=\"http:\/\/gloobs.wordpress.com\/?s=AJAX\"><strong>Ajax, JQuery, Mootools,\u2026<\/strong><\/a><br \/>\nLas posibilidades son enormes, ya que simulan todo tipo de efecto y no recargan las p\u00e1ginas. Proporcionan muchas facilidades a la hora de navegar por la p\u00e1gina, dise\u00f1o, velocidad y usabilidad, \u00bfque m\u00e1s se puede pedir?<\/p>\n<p>fuente: http:\/\/gloobs.wordpress.com\/2009\/01\/26\/tendencias-del-diseno-web-para-2009\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o no deja de evolucionar, cada vez vemos cosas m\u00e1s asombrosas, dise\u00f1os que enriquecen los contenidos y que nos ayudan cada vez m\u00e1s a hacer m\u00e1s usables las webs. Eso pas\u00f3 por ejemplo con los nuevos dise\u00f1os de pies de web, en los que hemos pasado de tener una zona \u201cinh\u00f3spita\u201d a ser un [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts\/237"}],"collection":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/comments?post=237"}],"version-history":[{"count":2,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts\/237\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts\/237\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/media?parent=237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/categories?post=237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/tags?post=237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}