PDF (adobe.com)

Flujo de trabajo de creación de prototipos

Al combinar el panel Páginas con otras características eficaces de Fireworks, puede crear rápidamente prototipos para software y sitios Web interactivos. Para convertir un prototipo finalizado en un sitio en funcionamiento, tan sólo tiene que exportarlo a Adobe Flash®, Adobe Flex®, Adobe AIR™ o Adobe Dreamweaver®.

Para ver un tutorial de vídeo sobre la creación de prototipos para interfaces de aplicaciones, visite www.adobe.com/go/lrvid4034_fw_es.

1. Crear las páginas

En el panel Páginas, cree el número deseado de páginas o pantallas para el diseño inicial. A medida que el diseño evoluciona, puede añadir o quitar páginas, según precise.

2. Diseñar elementos comunes de disposición

En el lienzo, diseñe los elementos de disposición que desee que compartan varias páginas, como barras de navegación e imágenes de fondo. Para alinear elementos, utilice las Guías inteligentes. Para obtener la máxima flexibilidad, estructure la disposición con CSS. (Consulte Guías inteligentes y Creación de disposiciones basadas en CSS.)

3. Compartir elementos comunes en varias páginas

Cuando se comparten elementos comunes, un único cambio actualiza automáticamente todas las páginas afectadas. Utilice una página maestra para compartir todos los elementos que contenga, o comparta las capas para copiar subconjuntos de elementos. (Consulte Utilizar una página maestra y Compartir capas).

4. Añadir elementos únicos a páginas individuales

En cada página, agregue elementos únicos de diseño, navegación o formato. En el panel Biblioteca común encontrará numerosos botones, cuadros de texto y menús emergentes que aceleran el proceso de diseño. Los símbolos de componente de las carpetas Flex Components, HTML, Mac, Win, Web & Application y Menu Bars contienen propiedades que se pueden personalizar para casos de símbolos individuales. (Consulte Crear y utilizar símbolos de componente.)

5. Simular navegación del usuario con vínculos

Desde objetos Web, como divisiones, zonas interactivas o botones de navegación, establezca vínculos entre las distintas páginas de su prototipo. (Consulte Vincular a páginas en un documento de Fireworks).

6. Exportar el prototipo terminado e interactivo

Fireworks ofrece distintos formatos de salida para el prototipo, y todos conservan los hipervínculos para la navegación de la página. Para compartir un prototipo flexible y basado en CSS con clientes o editarlo después en Adobe Dreamweaver, consulte Exportar una disposición CSS. Para crear un prototipo más convencional y basado en tabla, consulte Exportar HTML de Fireworks. Para distribuir una versión en PDF para comentarios o impresión, consulte Exportar archivos PDF de Adobe. Para crear un prototipo de aplicaciones Flex, consulte Creación de prototipos de aplicaciones Flex. Para crear una aplicación de Adobe AIR, consulte Crear una aplicación de Adobe AIR.