Durex Baby en el iPhone, no tengo claro si es un fake pero buen trabajo han hecho.

Pero hoy recibí uno de un diseñador amigo que en el asunto ponía: “Juan: no borrar”.

El JPG que estaba adjunto en el mail, es el siguiente:

Y el gráfico me hace pensar…

En la oficina soy el detallista de los píxeles, el equipo de programadores son los que no me entienden, en cambio los diseñadores y maquetadores son los que están conmigo.

Cuando entrego un boceto de un diseño web me preocupo por:

• que los píxeles estén donde tienen que estar y que no queden allí donde los dejó el mal movimiento del ratón
• que las fuentes que voy a utilizar se vean igual a como las mostrarán los navegadores principales (tamaño, color, espacio entre lineas, etc)
• que las imágenes tengan una compresión real para Internet
• que el fichero PSD o PNG definitivo lleve una capa con notas/bocadillos con las funcionalidades de los elementos principales del diseño, información que sirve para que el cliente, los programadores y desarrolladores sepan cual es el funcionamiento exacto de todo lo que encontrará el usuario

Yo soy de los que piensan que un píxel es importante, ¿y tu?

Un concepto de tabloide digital interactivo, un lienzo más grande que el de una revista digital con algunas características propias de “el formato”, como la posibilidad de plegar la pantalla para centrarse en una columna o una zona determinada.

Si deseas conocer más detalles del proyecto visita el sitio web The Page – Adaptative Delivery Device, sugerencia… centra tu atención en la página de fotos, imagina navegar por ellas con la punta de tus dedos.

El vídeo 3D tiene muy buena calidad pero desde mi punto de vista no tanta como el de la revista digital Mag+ que publiqué hace unas semanas.

Diagramas, wireframes de futuros sitios web, apuntes, cuadros… infinitas posibilidades tendremos al trabajar en el OmniGraffle para iPad.

La primera versión viene con paneles de figuras, elementos 3D, fuentes, lineas de conexiones, colores, efectos y otras herramientas… sin olvidar la posibilidad de dibujar a mano alzada. Ya se puede comprar en la App Store por 50 dólares, creo que vale la pena.

Estoy viviendo una verdadera fiebre por el iPad… ya me estoy viendo, se me ocurre una idea en una bar, la boceto en el iPad y al llegar a la oficina la llevar a la versión de escritorio para terminarla.

Ohmm ohmm ohmm…

El video muestra la versión de Las aventuras de Alicia en el país de las maravillas para iPad. ¿Qué pensaría Lewis Carroll al ver su obra en un formato como este?

Ahora mismo se me vienen a la cabeza libros de física, matemáticas, otras ciencias, historia… o las revistas y publicaciones interactivas como las que mostraba en posts anteriores. No puedo dejar de pensar en diseños y desarrollos para el iPad de Apple y en las Apps que voy a instalar en el mio. ;)

Aunque no lo utilice sigo con el feed de noticias Netvibes en mi Reader… siempre me interesa saber que nueva herramienta añaden a la plataforma, etc; y hoy lunes leyendo un poco al mediodía recale en Netvibes Showcase, un vídeo que muestra como podemos crear y organizar diferentes dashboards.

De esta forma me gustaría mostrar mi próxima aplicación web. Simple y dinámico, 100% efectivo.

¿Vamos abriendo el Adobe After Effects CS5? ;)

El siguiente es un vídeo conceptual de lo que podrían ser las revistas digitales pensadas y preparadas para dispositivos el iPad.

Personalmente tengo muchas ganas de bocetar wireframes de aplicaciones, interfaces, sitio webs y revistas digitales como el prototipo Mag+ de Bonnier.

¿Y vosotros?

En el sitio web del estudio fotográfico Trevor Morris han publicado un post con links para descargar ficheros PDF con todos los atajos de teclado para Adobe Photoshop.

Tienes disponible los atajos de teclado para estas versiones de Photoshop:

• Adobe Photoshop CS4
• Adobe Photoshop CS3
• Adobe Photoshop CS2
• Adobe Photoshop CS
• Adobe Photoshop 7
• Adobe Photoshop 6
• Adobe Photoshop 5

También puedes descargarlos en formato ZIP.

Escoge tu versión, hazte un print y pégalo en tu pared. ;)

Los hay para todos los gustos y necesidades… efectos, dibujos, figuras, manchas, garabatos, texturas grunge, retros, abstractos, florales, temáticos, etc.

1000 Great Photoshop free brushes by PaulW

10 skull Brushes

250 Hi Res Splatter, Spray, & Watercolor Photoshop Brushes

500+ Space Brushes for Photoshop

Oriental Photoshop Brushes

500+ Photoshop Brushes for Creating Textures

50 Free Photoshop Brush Sets for Modern Design Trends

400+ Floral Brushes for Photoshop

75 Insane High Res Photoshop Brushes

50 Must-Have Photoshop Brushes

14 Great Abstract Photoshop Brushes for Light Effects

100 Awesome High Resolution Photoshop Brushes

Y para organizar y gestionar todos estos pinceles, si utilizas ordenadores Mac te recomiendo una aplicación que estoy utilizando desde hace unos meses, se llama Brush Pilot… te ayudará a gestionar todos tus pinceles, su filosofía es la misma que aplican muchos gestores de fuentes, como el Suitcase Fusion de Extensis.

Y ahora… ¡a diseñar! ;)

Muy bien Antonio… desde ya te digo que no compres ningún libro ni asistas a curso alguno.

Mi consejo es que te nutras de todos los recursos que puedas encontrar en la red, hoy en día hay infinidad de sitios con información y ejemplos para aprender.

Lo más importante -como en casi todo- es la constancia; busca un hueco todos los días, navega mucho, Internet es una escuela, mira sitios, compara, descarga material, pregunta en foros, etc.

Me preguntas por algún libro y una aplicación.

Libros

Puedes ir a LibrosWeb.es y descargar de forma gratuita:

• Introducción a XHTML
  Guía completa para crear páginas web, con más de 60 ejemplos. Aprende cómo crear páginas web accesibles y que validen.
• Introducción a CSS
  Guía completa para aplicar estilos a las páginas web. Incluye las propiedades de CSS 2.1 y decenas de ejemplos.
• Referencia de CSS 2.1
  Las 115 propiedades de CSS 2.1 explicadas detalladamente. Incluye más de 300 ejemplos originales.
• CSS avanzado
  Técnicas imprescindibles como sustitución de texto, sprites, sombras y transparencias. Buenas prácticas y recomendaciones de los mejores diseñadores. Frameworks CSS y diseño de páginas con YUI. Referencia imprescindible para diseñadores web avanzados.

Descarga todos estos PDFs, apunta esta URL en tus bookmarks y visítala cada tanto, suelen actualizar los libros.

Aplicaciones

Si usas Windows utiliza tu Bloc de notas para escribir XHTML/CSS, es importantísimo entender las tripas y para lograrlo lo mejor desde mi punto de vista es tocarlas, directamente. La combinación Bloc de notas y Mozilla Firefox es buenísima. Más adelante podrás utilizar programas avanzados como el Adobe Dreamweaver.

Pues ya lo sabes… ponte cómodo, busca un rato varias veces a la semana y empieza a “pensar en XHTML y CSS”.

¡Buena suerte!