Sellos para marcar HTML en los prototipos

I thought I?d share a little tip/tool I use when transforming a website design into an actual web page. In the past, I did this by printing out the design and scribbling notes on it. That worked well, but lately I have gone ?digital?.

Con estas palabras nos cuentan Twinsparc (Arturo Rodriguez y Nathan Steiner) lo que empezó siendo un pequeño truco en el trabajo diario, que se ha convertido en un gadget digital para utilizar con muchos de los entornos de diseño disponibles en el mercado:

• Adobe Illustrator CS1
• Adobe Illustrator CS2
• Adobe Photoshop CS1 & CS2
• Adobe InDesign CS2
• Macromedia Fireworks
• Microsoft Visio

Se trata de que cuando nos encontramos con un diseño plasmado en un mapa de bits, o en el formato vectorial que más nos guste, tengamos una simple pero efectiva herramienta para llevar a la web nuestro diseño. A través de unos simples objetos con las marcas de los diferentes elementos de marcado HTML, podemos acompañar a nuestro diseño, para ir llevándolo al código, con la ventaja de que vamos a planificar cómo va a ser este código, de modo que con toda probabilidad, la estructura de marcado ganará con todo ello.

Para ilustrar la operativa del invento han puesto a disposición de quien lo quiera ver un video demostrativo (Quicktime – 5 Mb), que acalara con una sencillez implacable el rollo que he soltado en el párrafo anterior.

Se puede descargar el kit completo o bien uno por cada aplicación de las que he nombrado al principio. Lo mejor es descargarlo directamente desde su sitio:

• Using HTML Stamps (descarga para Illustrator)
• Updated – HTMLstamps (descarga para todas las aplicaciones para las que está disponible)