Tendencias del diseño web, by Apple…

Imagen tomada de appleweblog.com

Imagen tomada de appleweblog.com

Nadie en este mundillo es ajeno a la tremenda influencia de Apple en el diseño web.

Estoy seguro que aparición del iOS7 en el mercado, volverá a dar un cambio de aires al diseño web.

Es cierto que podemos ver una clara inspiración en el diseño más plano de Windows o Google, pero eso si, con el toque especial que siempre Apple da a sus diseños. El responsable, Jonathan Ive.

El cambio ha sido radical, pasando del skeuomorphism (que representa el arte de imitar la realidad) a un diseño totalmente minimalista, es decir, de Steve Jobs a Jonathan Ive.

(más…)

Blog de Diseño Web. Nuevo Diseño.

Nuevo Diseño

Nuevo Diseño

Este Blog de Diseño Web vuelve una vez más a cambiar de aspecto. Espero que sea de vuestro agrado y que tenga de nuevo una buena acogida. Creo que además de ser mucho más vistoso es más usable y atractivo que el anterior, espero no equivocarme.

Poco a poco iré incorporando nuevos plugins y modificando algunos temas de diseño que no me convencen del todo. Los tiempos cambian, las resoluciones de pantalla también y por eso he decido de nuevo volver a cambiar el diseño del blog.

Espero vuestros comentarios y sugerencias 😉

Vectores, fotografías y PSD’s GRATIS !!!

Vectores, fotografías y PSD's gratis

Los que seguís este blog de diseño web, sabéis que intento en la medida de lo posible hacer referencia a todos aquellos sitios en los que podemos encontrar ayudas para nuestros diseño web.

Hoy por casualidad he encontrado esta página, Freepik, en la que podemos encontrar vectores, fotografías y psd’s gratis para descargar. La calidad es muy buena en los tres apartados, en el caso de los psd’s he de decir que al menos aquellos que he descargado están muy bien, sin capas acopladas y ordenadas por carpetas, ciertamente la calidad me ha sorprendido.

Os dejo a continuación el enlace para que la visitéis y os la descarguéis enterita 😉

Diseñando para Android

Diseñando para Android

Diseñando para Android

Diseñando para Android

Cuando vamos a diseñar para Android, el primer problema con el que nos encontramos es la enorme diferencia que existe de un terminal a otro, no solo en cuanto a rendimiento, si no a resolución, que es el verdadero problema con el que nos vamos a encontrar cara al diseño.

Android pone a nuestra disposición una completa documentación en la que podemos consultar todos los aspectos técnicos que tenemos que tener en cuenta a la hora de abordar un diseño App.

(más…)

Tendencias Diseño Web para 2012. SCROLL PARALLAX

Tendencias Diseño Web para 2012. SCROLL PARALLAX

Scroll Parallax

Scroll Parallax

En este blog de diseño web, hemos visto como a lo largo de los años las tendencias del diseño web siguen sorprendiéndonos y alcanzando niveles que hace años eran difíciles de imaginar.

En esta última década hemos sido partícipes como diseñadores, de una constante evolución. Desde las web más básicas, que simplemente parecían un documento word metido en una pantalla, pasando por aquellas horrorosas webs, en las que todo parpadeaba y en las que era necesario llenar la web de botones con el mensaje «pulse aquí», para posteriormente pasar a una época en lo que todo parecía que iba a ser flash y acto seguido abandonar la idea al darnos cuenta de que lo que verdaderamente era importante, era el SEO y la USABILIDAD.

En todo este tiempo, hemos vivido muchas mejoras en las conexiones de los usuarios, lo cual se ha visto obviamente reflejado en los diseños. Esto nos permitió empezar a utilizar grandes imágenes y backgrounds, a no estar tan pendientes del peso de la página. Nuevos dispositivos desde los que visualizar las webs, como los smartphones, iPhones, iPads,… Y en los últimos años, la implantación de una tecnología que ha dado un vuelco al diseño web y que como diseñadores nos ha permitido abrir la imaginación para poder realizar diseños con los que nunca antes nos habríamos atrevido, todo gracias a la implantación del jQuery.

(más…)

42 revistas GRATIS para diseñadores

42 revistas GRATIS para diseñadores

Revistas gratuitas online para diseñadores

Revistas gratuitas online para diseñadores

No es fácil encontrar buenas revistas de diseño, y si además de buenas son gratuitas pues mejor que mejor ;).

He encontrado en hongkiat.com un post muy útil, con enlace a 42 revistas online gratuitas para diseñadores, es una gran fuente de inspiración tanto para diseño web como para diseño editorial, espero que os sirva.

Flujo del Html. SEO

Flujo del Html. SEO

Usar CSS para optimizar el SEO

Usar CSS para optimizar el SEO

A la hora de afrontar el «diseño de una página web«, un diseñador debe tener en cuenta muchos factores, se trata fundamentalmente de elaborar un proyecto que sea atractivo y útil para el cliente y sobre todo para sus usuarios, pero para llegar hasta «meta», tenemos que plantearnos muchas otras «etapas».

Mi experiencia me dice que un buen diseñador web, no puede quedarse sólo en el aspecto general y superficial de la web. Tenemos que conocer a la perfección cómo maquetar una web, si no expertos, saber bastante de SEO y tener alguna noción de al menos, cómo influye el código de programación en la estructura de la página.

Los conocimientos de maquetación son importantes a la hora de diseñar, ya que nos dirán si es más o menos conveniente hacer un diseño de una forma u otra. El SEO, nos dirá dónde es más conveniente colocar los títulos por ejemplo, y conocer algo de programación, nos ayudará a plantear por ejemplo colocar aquí o allá un menú css, o una galería ajax. Todo en su conjunto, contribuye a realizar un buen trabajo, una buena página web.

Desgraciadamente esta práctica no es muy habitual, y desgraciadamente en España, el trabajo del Director de ARte o diseñador, esta muy infravalorado, no hay más que ver los sueldos aquí y en el resto de los países y las «chapuzas» que invaden la red.

Hoy vamos a comentar la importancia que tiene el flujo del Html a la hora de posicionar bien una web e incluso de que cargue con mayor rapidez.

(más…)

Vectores y Photoshop, Arte Digital

Vectores y Photoshop, Arte Digital

ilustraciones y photoshop

ilustraciones y photoshop

Desde hace un tiempo, el Arte Digital y en particular el vectorizado tratado posteriormente con Photoshop, inunda el Diseño Web.

 

He encontrado un post súper interesante con trabajos de los mejores ilustradores del Mundo. No tiene desperdicio, aquí os dejo una pequeña muestra, pero os aconsejo que visitéis el post porque puede además de daros una idea de lo «grandes» que son estos diseñadores, podréis ver cómo son capaces de además de realizar diseños increíbles, hacernos dudar de si se trata o no de una fotografía.

(más…)

Qué hay Dnews

Qué hay Dnews

Noticias de diseño

Noticias de diseño

Qué hay Dnews es un programa de noticias para diseñadores. Se trata de un programa de televisión por web, con un formato ágil, útil y muy bien conducido por su presentadora, Daniela Henao.

Lo conocí gracias a unas visitas que me habían llegado a través de ellos, y la verdad es que me sorprendió muy gratamente, me parece una forma muy amena de llevar una web.

Echo en falta un listado de temas para consultar los contenidos de otros programas, seguro que ya están trabajando en ello, pero en cualquier caso, se trata de una web recomendable 100%, yo ya me he apuntado al RSS 😉

Ir a Qué hay D-news

Descargar diseños en PSD

Descargar diseños en PSD

PSDs Gratis para descargar y aprender

PSDs Gratis para descargar y aprender

Sin duda en diseño web como en cualquier otro tipo de diseño gráfico, Photoshop es absolutamente necesario. Controlar este programa significa poder llegar  a crear tus propias imágenes y distinguirte de los demás. En numerosas ocasiones vemos imágenes realizadas por expertos, pero no es lo mismo ver un diseño plano (jpg…) que poder ver las capas en el psd y ver cómo el autor lo ha ido montando.
Gracias a estos psd podrás usar una gran cantidad de «trucos» para tus próximos diseños. Evidentemente se trata de trabajos realizados por expertos, por lo que a pesar de poder descargártelos gratis lo «legal» es ser solidario con estos autores y sus obras y usarlos como modelos para nuestros próximos diseños, no como material listo para usar…

(más…)

Los mejores tutoriales de photoshop

Los mejores tutoriales de photoshop

Tutoriales Photoshop

Tutoriales Photoshop

Psdtuts es una web que debería estar en la carpeta de marcadores de todo diseñador. Además de artículos muy interesantes, tienen una gran variedad de tutoriales de photoshop. Desde efectos de ilustrador hasta las más increíbles reproducciones en las que se llega a conseguir desde cero una «fotografía» del original.

Dentro de estos tutoriales, podemos encontrar las siguientes categorías; diseño, dibujo, efectos (tanto de cero, en fotografías o en texto), interface, y consejos y herramientas. Como podéis comprobar se trata de una gran web en la que podréis llegar a ser verdaderos expertos de photohop.

Esta es una relación de alguno de los tutoriales que más me han gustado, aunque a decir verdad la lista podría ocupar cien veces, y es que se trata de una de las mejores web de consulta que he descubierto hasta ahora.

Ver tutoriales de Photoshop en Psdtuts

ALGUNOS EJEMPLOS DE LOS TUTORIALES QUE PODÉIS ENCONTRAR:

Una muestra de lo que podéis encontrar

Una muestra de lo que podéis encontrar

Nueva web de Warner Music España

Nueva web de Warner Music España

Nueva web de warnermusic.es

Nueva web de warnermusic.es

Para los que no habéis tenido curiosidad en saber a qué me dedico, os diré que en la actualidad trabajo en medialabs, y este ha sido mi último diseño, la web oficial de Warnermusic España.

La web acaba de subirse este mes, todavía la gente de Warner anda loca rellenando contenidos y subiendo archivos (de ahí el beta que podréis ver en el logo).

Se trata de una web programada en .net y maquetada con CSS.

Diseñar un portal como este es un complejo proceso. Al tratarse de una gran compañía, muchos son los condicionantes marcados,  las secciones y las distintas posibilidades que se le ofrece al usuario, por eso, en lugar de juzgarlo, prefiero que seáis vosotros los que deis vuestra opinión.

Dejad vuestros comentarios en este post.

Gracias a todos.

¿Cómo saber si una web es buena o mala?

¿Cómo saber si una web es buena o mala?

Lo que debe de cumplir una web para catalogarla como buena... o mala

Lo que debe de cumplir una web para catalogarla como buena... o mala

Existen muchos factores a la hora de evaluar si una página web es buena o mala. Ciertamente la primera impresión en Internet, es fundamental, pero luego cuando empezamos a navegar o a encontrar lo que andábamos buscando, a menudo lo único que conseguimos es una frustración más.

Podemos detectar la calidad de una web, respondiendo a estas preguntas:

(más…)

Pinceles Photoshop GRATIS !!!

Pinceles Photoshop GRATIS !!!

Pinceles Photoshop GRATIS

Pinceles Photoshop GRATIS

Seguimos con las utilidades para diseño, en esta ocasión los pinceles de photoshop de descarga gratis.

Es una de las utilidades que a mi más me sirven, existen infinidad de pinceles con los que poder hacer increíbles diseños.
En esta ocasión quiero recomendaros un par de  webs con unas galerías de pinceles de altísima calidad.

  • QBRUSHES.COM En esta web, podrás encontrar desde fondos de nubes a lo más grunge.
    Además de poder ir viendo la galería de pinceles, también puedes consultar las categorías, grunge, naturaleza, objetos, plantas, manchas de salpicaduras, ….
  • PSBRUSHES.NET Otra gran web que tendrás que colocar entre tus favoritas. Dedicada exclusivamente a pinceles de muy buena calidad.
  • BRUSHKING.EU Pinceles de excelente calidad divididos en varias categorías.

Y si todo esto te parece poco, puedes conseguir más pinceles gratis en este blog, en «utilidades para diseño web«.

¿Por qué maquetar con capas?

¿Por qué maquetar con capas?

¿Por qué maquetar con capas?

Viendo lo fácil que era maquetar con tablas, ¿por qué nos complicamos la vida con las CSS y las capas?. Estoy seguro que para muchos de vosotros es algo obvio, pero sigo escuchando comentarios que siguen pensando que se trata únicamente de un capricho o moda.

Las tablas, gracias a la etiqueta border=»0″, se convirtieron en una rejilla en la que era muy fácil maquetar una web. Además y gracias también a la imagen de un pixel transparente, conseguíamos posicionar todo en el lugar adecuado.
Existen varios motivos por los que es mejor usar capas en lugar de tablas, vamos a detallarlos:

(más…)

65 Tutoriales Adobe Illustrator

65 Tutoriales Adobe Illustrator

Tutoriales Adobe Illustrator

Adobe Illustrator se ha convertido en el estandar de aplilcaciones cuando se trata de diseño de ilustración. Sin embargo, dominar Adobe Illustrator no es fácil, y el proceso de creación de ilustraciones profesionales requiere tiempo y paciencia. Emma Alvarez tiene un recopilatorio de 65 tutoriales de Adobe Iluustrator, de lo más diversos, en los que podéis aprender desde lo más básico hasta lo que vuestra imaginación os permita.

Estos tutoriales están divididos en varias categorías, ilustración, dibujos 3D, formas, iconos, gráficos para web, logos, efectos para textos,…. En conclusión, todo lo que necesitáis para aprender o perfeccionar vuestros conocimientos de Adobe Illustrator.

Tendencias del color web

Tendencias del color web

Tendencias del color web

Las tendencias del color en el diseño web cambian con el resto de las modas, aunque el abanico de diseños que existen en la red es tan amplio, que siempre es difícil establecer una tendencia. Las tendencias se ven más en las estructuras que en las tonalidades, aunque si es verdad que desde hace unos años podemos encontrar mucha más diversidad de colores. Ya en un post anterior pudimos ver cómo según las distintas culturas y según su significado, la elección de color es una decisión muy importante.

Estos son los colores que el estudio de Conecta Publicidad ha elaborado para el verano 2008.

(más…)

Errores al diseñar una web.

Errores al diseñar una web.

Este es un post, dedicado sobre todo a todos los «gurús» que ese esconden detrás de su puesto de responsabilidad y que nos dictan cómo diseñar la web de su empresa. Luego (siempre ocurre) la culpa es nuestra por no haber sabido reflejar lo que nos pedían.

Se trata de un listado con muchos de los errores que se suelen cometer a la hora de diseñar una web o un blog. Algunos de los errores al diseñar una web que veréis en este post os pueden parecer ridículos u obvios, pero os aseguro que se siguen diseñando páginas con los mismos errores.

Vamos a ver cómo influye la primera impresión, los textos, los gráficos y la usabilidad en general.

(más…)

Hacer un menú con CSS y más…

Hacer un menú con CSS y más…

Hacer un menú con CSS

Hacer un menú con CSS puede ser igual de vistoso que con cualquier otra aplicación pero con un añadido, es mucho menos pesado.

Gracias a las CSS conseguimos con una misma imágen hacer un rollover, simplemente con modificar las coordenadas de esta al ponernos encima. Un efecto que hasta ahora había que desarrollar con javascript o directamente en flash. Y como estas muchas más formas de hacer un buen menú con CSS.

En esta web podréis ver varios ejemplos de menús, tanto horizontales como verticales. También tienen ejemplos para diseñar galerías de imágenes, maquetar con columnas en CSS,…

dCSSLibray es una sección más de la imprescindible web Dynamic Drive. Una web en la que podréis encontrar cientos de códidos no sólo en CSS, también en Javascript, Dhtml, o Ajax. Desde hacer desaparecer textos en forma de acordeón con Ajax, a crear calendarios para formularios,…. mil formas de hacer tu web o blog más usable y vistoso.

Además se trata de una web muy usable aún sin dominar el inglés. Te indican el código que debes de descargarte, dónde copiarlo y cómo modificarlo.

Sin duda es una web de consulta obligatoria.

Inspiración 100%

Inspiración 100%

100% diseño

Acabo de llegar de «El Palmar» muy cerquita de Conil y de Tarifa, y la verdad es que ha sido un viaje alucinante. Esa zona de Cádiz en estas fechas es impresionante. Las playas no están masificadas, son playas kilométricas llenas de surferos y de gente en general con otro ritmo de vida, un ritmo mucho más tranquilo que el que llevamos en la gran ciudad.

Las tiendas de surf son una auténtica exposición de diseño, un lugar en el que los coloridos de las tablas o ropas son una fuente inmensa de inspiración para un diseñador. Colores vivos, vectores enrevesados y fantásticos degradados. Desde los fuertes contrastes de color hasta los diseños más sutiles invocando al Sol, la arena, las olas, las puestas al atardecer….

Por no hablar de las famosas furgonetas volkswagen pintadas a mano, las Harleys customizadas con alucinantes dibujos en el depósito,….

Quizás en su origen fuera un diseño importado de California, lo que está claro es que ahora sufre influencias de todas partes, influencias que lo han ido enriqueciendo. Fuentes tipo grunge, pinceles con motivos étnicos, combinaciones de imágenes reales con dibujos,…. Existen mil estilos y mil ideas en las que poder inspirarnos para hacer un diseño alegre y a la última 😉

Para quien no sepa (lo dudo…) a lo que me refiero, echad un vistazo a webs como Pukas, O’Neill, Billabong, Rip Curl, c1rca, element, reef, …

No os fijéis en los diseños de las web, lo que os quiero mostrar son los diseños de los productos (tablas, carteles, ropas,….) y fijaos en la combinación de las fuentes grandes con raspaduras, degradados,… «toda una fuente de inspiración«.