Home
Una variedad de artículos, tutoriales,
y recursos desde la Web, todo
relacionado con la informática y el diseño...

martes 10 de noviembre de 2009

20 magníficas portadas de revistas en los últimos años

-
:::
0 comentarios
Gino Orlandi:

"El arte del diseño gráfico evoluciona continuamente junto con la sociedad, la moda, la tecnología y la política. Los estilos y colores están inspirados en todo lo que nos rodea y, a su vez, podemos ver imágenes de la cultura en su evolución del pasado. Dándole una mirada a 2 años de portadas de revistas de las principales publicaciones, recopilamos 20 portadas que son de nuestro aprecio"…



Visitar recopilación de portadas »»
Leer entrada completa »

jueves 5 de noviembre de 2009

80 ejemplos de botones "Add to Cart" para inspirarse

-
:::
0 comentarios
Este es un artículo de Sergej Müller...

El objetivo principal de una tienda on-line es conseguir que el usuario compre algo. Esta es la razón por la cual los elementos en sus páginas Web, tales como descripciones, información de precios, y los productos afines deben estar bien pensados y deben tener un propósito. Entre estos elementos de la página esta el botón de "Añadir al carrito" o "Añadir a la cesta" (add to cart), que es esencial en su importante función de llamada a la acción. 

En esta colección, encontrarán algunos buenos ejemplos de botones de compra “Añadir al carrito” de sitios Web de comerciales de todo el mundo para su inspiración y referencia.



Visitar recopilación de botones »»
Leer entrada completa »

martes 3 de noviembre de 2009

Thinking Small

:::
0 comentarios

Por Jason Santa Maria.



Para hablar de como las pequeñas decisiones tienen un gran impacto en el diseño web, Jason se enfocó en en 7 puntos:

1. Sé un pensador
No saltes a la computadora inmediatamente, piensa en el problema que intentas resolver.

Lleva un sketchbook, recuerda que no se trata de ser un buen dibujante, se trata de ser un buen pensador.


2. Encuentra el mensaje
Entiende el contenido de tus páginas, aprende conocer tus herramientas… por cierto: Tu mente es la herramienta, no Photoshop.


3. Usa ingenera inversa
Ponte en el lugar de tus usuarios, trata de liberar tu manera de pensar al reinterpretar los mensajes, para eso exagéralos, desármalos, dales otro contexto, etc.

Siempre vuelve a preguntar: "Si, y…".


4. Crea un plano
Usa un grid, eso le dará cohesión a tu contenido… Pero necesitas pensar por qué y cómo lo estás usando.

Los frameworks para grids son una ayuda, no una garantía, siempre piensa cómo el grid que usas representa y apoya el mensaje.

También ten en cuenta que no necesariamente tienen que ser uniformes, no te limites a eso, prueba la asimetría.


5. Piensa horizontalmente
Empieza con grids horizontales luego aplica los verticales.

No pienses en columnas, piensa en espacios. Diseña sistemas, no páginas.


6. Detente, modula y escucha
Crea sistemas de layout modulares, usa clases para marcar columnas (usando CSS).


7. Busca parejas (tipográficas)
¿Cual es tu tipo de letra?


Cuando trabajes con fuentes, trata de emparejar fuentes de un mismo diseñador.
Busca contraste.


The mind is the tool for design. Photoshop is just a tool for refinement.

- Santa Maria


Leer entrada completa »

martes 27 de octubre de 2009

Stock de texturas "grunge"

-
:::
0 comentarios
Urban Dirty es una colección de fotos y algunos otros recursos que se actualiza regularmente con cientos de texturas sucias y ásperas. Paredes corroídas, oxido, símbolos urbanos, todo para montajes, ilustraciones y diseño Web aplicándoles ese aspecto decadente y “grunge” que se define como una tendencia actual en el diseño en general. Las imágenes están disponibles en diferentes resoluciones y de libre descarga para cualquier propósito, muy útiles también para la creación de bushes en Photoshop.

Leer entrada completa »

miércoles 21 de octubre de 2009

Vectores "Crash" para Illustrator

-
:::
0 comentarios

Nada como unos buenos ¡Pum!, ¡Ban!, ¡Boon! y etc. para agregarle sonoridad visual a los diseños, entonces, gracias a la página de Diego Mattei, tenemos estos bonitos vectores con extensión .EPS, para abrirse y manejarse en programas de creación vectorial como Illustrator.

Leer entrada completa »