Lynda.COM Fireworks CS5: Rapid Prototyping

Author:
Jim Babbage

Duration:
05h 02m

Released on:
10/5/2010

Exercise files:
Yes

Software works on:
Windows only

In Fireworks CS5: Rapid Prototyping, author Jim Babbage demonstrates how to create wireframes and prototypes for web sites, mobile devices, and rich internet applications. This course details the design process from start to finish, offering tutorials on creating custom wireframes, enhancing storyboards by adding graphics, creating custom swatch themes with the Kuler panel, adding interactivity to prototypes, exporting the final product, and testing mobile designs in Adobe's Device Central. Exercise files accompany the course.
Topics include:

    Planning and creating wireframes
    Storyboarding
    Creating multi-page mockups
    Adding interactive calendars and pop-up windows
    Embedding SWF files into an HTML prototype
    Creating AIR prototypes with rollovers, events, and pages
    Exporting to FXG 2.0
    Integrating with Flash Catalyst
    Creating customized mobile designs in Device Central
    Testing a mobile project



Introduction
Welcome           01m 22s
Using the exercise files           00m 25s

1. Rapid Prototyping Options in Fireworks
Using PDFs for wireframe and design feedback           02m 37s
Understanding storyboard concepts           00m 56s
Viewing the HTML prototype           03m 00s
Viewing the AIR prototype           00m 51s
Looking at mobile apps           02m 19s
Using Share My Screen           06m 22s

2. Wireframing
Understanding wireframes           03m 05s
Planning a wireframe           02m 50s
Using document templates for wireframing           08m 28s
Creating custom wireframe symbols           09m 56s
Creating a wireframe           19m 24s
Adding greeked text           08m 00s
Adding a master page and subpages           09m 59s
Adding navigation           15m 13s
Saving time with button symbols           11m 28s
Adding a data table           06m 43s
Building a contact form           10m 18s
Exporting wireframes           05m 44s

3. Storyboarding
Making a wireframe realistic           01m 08s
Using the Kuler panel for color choices           07m 14s
Importing ASE files           01m 24s
Importing graphics into the storyboard           11m 29s
Adding design variations           04m 00s
Using Demo Current Document           01m 58s
Emailing deliverables           03m 24s

4. Multi-Page Mockups
Adding a new page           06m 07s
Sharing assets to pages           11m 21s
Editing component symbols           06m 50s
Adding basic interactivity           08m 14s
Exporting storyboards as PDFs           03m 03s

5. Adding Interactivity
Exploring the completed prototype           04m 09s
Creating an interactive calendar from an Auto Shape           08m 35s
Mocking up a pop-up window           10m 55s
Exporting an HTML prototype           09m 07s

6. Going Further with HTML Prototyping
Embedding an iframe into a Fireworks HTML prototype           04m 53s
Embedding an SWF file into a Fireworks HTML prototype           05m 33s

7. Creating AIR Prototypes
Understanding AIR           00m 55s
Examining the structure           02m 46s
Adding rollovers           02m 38s
Adding events           02m 34s
Adding pages           05m 28s
Troubleshooting           07m 24s
Creating the AIR prototype           06m 13s

8. Exporting to Flash Catalyst
Working with Fireworks and Flash Catalyst           02m 05s
Sending Fireworks files to Flash Catalyst           04m 26s
Understanding FXG 2.0           03m 13s
Exporting as FXG 2.0           07m 38s
Creating a scroll panel           06m 23s

9. Working with Device Central
Using Fireworks for mobile design           01m 09s
Generating layouts from Device Central           03m 26s
Previewing mobile designs in Device Central           02m 36s
Using a mobile design template           01m 08s
Customizing a mobile design template           01m 27s
Testing a mobile project           02m 23s

Conclusion
Goodbye           00m 31s