por Omar Benyakhlef | Cool Web Design, Diseño de páginas web
Pretty Load
¿Cual es el sentido de un preload?, simple y conciso, un preload sirve para advertir al usuario que espere unos segundos para ver el contenido que ha solicitado. Antes sólo lo veíamos en flash, ahora también podemos ver pequeños preload en Ajax.
Bien, entonces, si se trata de que no nos abandone, lo lógico es contarle cuánto falta, y por otro lado sería bueno captar su atención con algo que le haga sentir curiosidad, sonreír o fascinar. Pues bien, esto es lo que han reunido en Pretty Loaded, una recopilación de alguno de los mejores preload.
http://www.prettyloaded.com/
por Omar Benyakhlef | Diseño de páginas web
Tendencias web 2009
El diseño no deja de evolucionar, cada vez vemos cosas más asombrosas, diseños que enriquecen los contenidos y que nos ayudan cada vez más a hacer más usables las webs.
Eso pasó por ejemplo con los nuevos diseños de pies de web, en los que hemos pasado de tener una zona «inhóspita» a ser un lugar con un alto contenido visual en el que el usuario se fija y navega. Esta es una solución que sin duda seguiremos viendo este año.
También hemos podido ver como cada vez son más los diseñadores que utilizan grandes imágenes de fondo. Las conexiones son cada vez más rápidas y esto hace posible poder usar fondos reales en lugar de colores. El uso de png también ha favorecido mucho lograr buenos diseños. Los navegadores actuales los leen sin problema y existen soluciones para solventar los problemas de transparencia que aparecen en los antiguos.
La tipografía grande también seguirá dejando atrás a los pequeños 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ás, webs que usan sIFR para meter todo tipo de fuentes, con lo que los resultados son geniales. De todos modos habría que estudiar detenidamente el tiempo de carga que supone esto.
Seguimos viendo en todos los diseños las esquinas redondeadas, con o sin sombra, creo que este tipo de cajas seguirán acompañándonos este año, así como las cabeceras que ocupan el 100% de la pantalla (tipo wordpress).
Por supuesto que las redes sociales están influenciando mucho en los diseños, la posibilidad de añadir o de que el usuario añada tus contenidos a estas redes, hace que se le de mucha importancia al espacio que ocupan las entradas a flickr, Twitter,… Desarrollando diseños cada vez más grandes y vistosos.
Las dos columnas tipo blog se imponen. Una principal más ancha con el contenido principal y otra más estrecha a la derecha con un contenido secundario. Aunque he de decir que empiezo a ver sitios con múltiples columnas como es el caso de http://labs.mozilla.com (en este caso el diseñador ha querido dar igual importancia a las 4 noticias, y la mejor manera era meter 4 columnas verticales de iguales dimensiones)
Hace años el diseño de páginas web era al revés. Las webs estaban diseñadas en dos columnas la izquierda más estrecha a menudo con el menú de navegación y luego a su lado la principal más ancha. Cuando se empezó a dar importancia al SEO, se vio que esa distribución nos perjudicaba seriamente, ya que el navegador leía primero todo el contenido de la primera columna, lo que provocaba que los textos y titulares importantes quedaban relegados detrás de cientos de líneas de código.
Así como las fuentes han aumentado de tamaño, lo mismo ocurre con las ilustraciones. Son más grandes, muy coloridas y consiguen llamar mucho la atención del usuario. Los grandes fondos ilustrados conviven con los fondos grunge, collage, blocs de notas, acuarelas,… Estos diseños aunque pudiera parecer lo contrario, han devuelto la importancia del espacio en blanco al diseño web. Todo ahora tiene más «aire», por fin nos hemos dado cuenta de la importancia que tienen los espacios en los diseños para crear un camino a la fácil lectura.
Pero sin duda alguna las herramientas que van a condicionar los nuevos diseños son las bibliotecas de Ajax, JQuery, Mootools,…
Las posibilidades son enormes, ya que simulan todo tipo de efecto y no recargan las páginas. Proporcionan muchas facilidades a la hora de navegar por la página, diseño, velocidad y usabilidad, ¿que más se puede pedir?
Y para acabar, mi profecía…
De todos es sabido la gran influencia que ha ejercido la web de apple en los diseños web. En esta ocasión mi apuesta viene dada por la navegación y gráficos de las webs creadas para móviles iphone, estoy convencido que empezaremos a ver similitudes en muchas páginas dentro de nada, el tiempo lo dirá….
Espero vuestros comentarios y sugerencias.
por Omar Benyakhlef | Diseño de páginas web
Demostraciones de lo que se puede llegar a hacer con JQuery
Esta es una lista de algunos sitios en los que podemos ver hasta qué punto podemos diseñar una magnífica navegación con JQuery. Además de hacer todo más intuitivo y atractivo, el tiempo de carga es infinitamente inferior a otros sistemas al no tener que recargar la página o llamar a otra. JQuery consigue darnos una navegación tan fluida, que en numerosas ocasiones no sabrás si navegas por flash o html.
Estoy convencido que estas librerías ya son presente del diseño y que cada vez veremos más sitios programados con esta tecnología. Hoy en día cualquier web de primer orden ya incorpora Ajax en sus formularios, porque además de ser más rápida la navegación conseguimos ayudas geniales para el usuario.
A continuación una serie de webs que seguro que os van a sorprender:
(más…)
por Omar Benyakhlef | Diseño de páginas web, Fotografía, Tutoriales
Tutoriales para Photoshop
He recogido estos tutoriales de Photoshop que creo que pueden ser de gran utilidad. Los efectos están muy logrados y este tipo de diseños «anacrónicos» que siempre nos van a dejar en buen lugar. A mi juicio son unos tutoriales de obligada lectura y de los cuales se pueden aprender muchos trucos.
En este post además podréis encontrar enlaces a otros tutoriales de Photoshop, pinceles y fotografías gratis y artículos relacionados con estas tendencias.
(más…)
por Omar Benyakhlef | Diseño de páginas web
Neil Duerden
Esta forma de «decorar» imágenes a base de pinceles, efectos y vectorizados me apasiona. Hace tiempo que tenía ganas de dedicar un post a este Artista, Neil Duerden.
Neil Duerden
Es una perfecta combinación de buenas fotografías con espectaculares retoques, y todo ello para las mejores marcas del mundo (Nike, Adobe, Gucci, . Es sin duda un referente para los que nos gusta este tipo de diseños.
Neil Duerden
Desde hace ya tiempo, este estilo se ha introducido con mucha fuerza en publicidad, tanto en video como en imprenta, desde luego no deja indiferente a nadie.
La web es http://www.neilduerden.co.uk/ , os recomiendo que os la guardéis entre vuestras favoritas.
Neil Duerden
Bueno, ¡Feliz Año «Nueve»! para todos, y particularmente espero que en lo malo no se parezca en nada a este…
por Omar Benyakhlef | Diseño de páginas web
Feliz Navidad, suerte en el 2009 !!!
1 año ya del primer post de este blog de diseño, desde entonces 100.000 visitas y 140 post, mucho más de lo que esperaba. Estoy muy sorprendido con la cantidad de visitas y comentarios que he recibido, muchas gracias a todos. No creo que este «gusanillo» se diluya con los excesos de la Navidad, así que supongo que el año que viene por estas fechas volveré a escribir otro post de agradecimiento (eso espero).
Un abrazo a todos y Feliz Navidad y 2009, esperemos que la crisis no nos deje en la calle diseñando carteles sobre cartones para pedir en una esquina.
