Fireworks CS5 Rapid Prototyping

Introduction
Welcome
Using the exercise files

1. Rapid Prototyping Options in Fireworks
Using PDFs for wireframe and design feedback
Understanding storyboard concepts
Viewing the HTML prototype
Viewing the AIR prototype
Looking at mobile apps
Using Share My Screen

2. Wireframing
Understanding wireframes
Planning a wireframe
Using document templates for wireframing
Creating custom wireframe symbols
Creating a wireframe
Adding greeked text
Adding a master page and subpages
Adding navigation
Saving time with button symbols
Adding a data table
Building a contact form
Exporting wireframes

3. Storyboarding
Making a wireframe realistic
Using the Kuler panel for color choices
Importing ASE files
Importing graphics into the storyboard
Adding design variations
Using Demo Current Document
Emailing deliverables

4. Multi-Page Mockups
Adding a new page
Sharing assets to pages
Editing component symbols
Adding basic interactivity
Exporting storyboards as PDFs

5. Adding Interactivity
Exploring the completed prototype
Creating an interactive calendar from an Auto Shape
Mocking up a pop-up window
Exporting an HTML prototype

6. Going Further with HTML Prototyping
Embedding an iframe into a Fireworks HTML prototype
Embedding an SWF file into a Fireworks HTML prototype

7. Creating AIR Prototypes
Understanding AIR
Examining the structure
Adding rollovers
Adding events
Adding pages
Troubleshooting
Creating the AIR prototype

8. Exporting to Flash Catalyst
Working with Fireworks and Flash Catalyst
Sending Fireworks files to Flash Catalyst
Understanding FXG 2.0
Exporting as FXG 2.0
Creating a scroll panel

9. Working with Device Central
Using Fireworks for mobile design
Generating layouts from Device Central
Previewing mobile designs in Device Central
Using a mobile design template
Customizing a mobile design template
Testing a mobile project

Conclusion
Goodbye