Bienvenida

Bienvenidos al Blog de everis innovatec.

Mediante este canal iremos añadiendo nuestras ideas y descubrimientos relacionados con interfaces humanas, vigilancia tecnológica, green it y web 2.0

Esperamos vuestra participación!!

jueves, 13 de noviembre de 2008

Maquetas XHTML a partir de un PSD

Estamos ante una nueva e innovadora forma de generar maquetas HTML, o más bien XHTML. Todo ello en base a un PSD (Formato de un documento Adobe Photoshop), se crea la maqueta gráfica en Photoshop, con las capas y efectos pertinentes y siguiendo 4 pasos tendremos nuestra página en XHTML.

Podéis ver esto en más detalle en la siguiente URL:
http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/

Como última apreciación cabe comentar que al tratarse de PSD (que es un formato sólo compatible con Photoshop), en caso de tener el éxito que se prevee, Adobe se verá muy beneficiado por esta nueva técnica.

2 comentarios:

David Caja dijo...

Esto hay que probarlo!

Jimena Vercellotti dijo...

Hola a todos!!!!
Quisiera decir que he visitado el link brindado aquí y esto está lejos de ser novedad y dudo que las ventas de Adobe sufran algún cambio en el futuro. Desde hace años se maqueta de la misma manera, por lo menos en los círculos de diseño profesionales. El diseñador gráfico produce un Mock-Up , o varios, los cuales son mostrados al cliente, luego de hacerse las modificaciones pertinentes, se obtiene el diseño final, y se da por concluida la etapa de diseño.

El tutorial en ingles del link al que se hace referencia, lo he escuchado y consta de 3 partes, solo en el primer vídeo de 35 minutos habla de Photoshop, y solo 7 por minutos donde solo se cortan un par de imágenes. Los 28 minutos restantes se dedica a maquetar , linea por linea el xhtml , lo cual es lo normal.

Los siguientes vídeos que deben durar mas de hora y media son solo lineas de CSS, nuevamente, todo hecho a mano, como es habitual. Este es un tutorial que puede ayudar a cualquier novato a tener una mirada rápida de las etapas que involucran el diseño de un sitio, pero que no debe llamar la atención a ningún profesional.

Cabe destacar que si bien Photoshop hoy es la herramienta mas usada y no se discute su uso para web, cualquier herramienta de diseño puede ser usada para esta etapa, estamos lejos aun de las soluciones mágicas que conviertan un gráfico en un sitio web completo y funcional.