Para armado de bocetos, maquetación vía imagenes, esta el Fireworks.

Creo la gente se mal educo tomando el photoshop para este tipo de trabajos.

Es simple. No entiendo porque no usan Fireworks, es muy completo, hace 8 años que lo uso y tiene todo lo que un diseñador web necesita.

Pero es cierto que en los detalles podemos gastarnos valiosas horas extra, y para eso viene mejor pasar directo del “mockup” o “boceto” al html/css.

Para esto último, encontré recientemente una herramienta que nos permite crear “mockups” en tiempo real, con una interfaz muy amigable.
Les recomiendo que la visiten: http://www.balsamiq.com/products/mockups

pd: a los 5 minutos de usar el demo verán una alerta de “game over”, pero le pueden meter fichas presionando el botón “dismiss” =)

No obstante, estaba haciendo un Mockup en Photoshop y exportaba las imágenes que cortaba (Crops)… pero el resultado final, los colores, eran diferentes al del proyecto o Mockup original… ¿Alguien sabe por qué pasa esto?

Hoy me dedico al diseño de interacción y la verdad que el tener el fireworks mejorado y que ADOBE haya permitido una evolución de compatibilidades del mismo hacia otros programas (más alla que siemrpe pude abrir de todo) y quitando al image ready que no le llegaba a los tobillos…es una buena forma de realizar cualquier esquema de prototipados. El papel también me ha parecido una forma muy buena de presentación más calida hacia el cliente, pero lo pueden utilizar los que tengan buen pulso jeje

En sintesis, creo que los wireframes o prototipados se deben utilizar programas vectoriales o en papel. El phtoshop o cualquier programa válido para visualizar como queda el look & feel de un desarrollo debe ser un paso posterior.

Creo que las pocas veces que he utilizado photoshop para hacer un diseño me desvío de lo que sería un simple boceto, es verdad que te vas a los detalles y el hecho de no poder hacer zonas “activas” es algo importante.

Además pienso que es mejor ponerle un portátil al cliente para que pruebe su web y navege en vez de pantallas sobre papel. El mismo te dirá lo que le gusta y lo que no probándolo el mismo.

va ser que no, el boceto a de ser algo rápido que de una imagen aproximada del diseño final (que es lo que quiere ver el cliente) y que, sea facilmente modificable, etc.

Fireworks (el que uso yo), photoshop… eso ya a gusto de cada uno, por supuesto Fireworks tiene mayor control sobre los elementos, pero es una locura montar un sitio en CSS y html antes de que el cliente valide un boceto, vista previa, o prototipo como le llaman en algunos sitios, a no ser que tu cliente tenga todo el tiempo y el dinero del mundo… que en larealidad no suele pasar, tal vez sea el caso de los “superprofesionales” que dan los consejos, pero hay una cosa que se llama la vida real 🙂

Saludos !

Ya cuando te lo aprueban, solo pasas a XHTML/CSS y listo, que sida más trabajao?? ya eso depende de cada diseñador y que tanto conozca las herramientas.