• A
• B
• C
• D
• E
• F
• G
• H
• I
• J
• K
• L
• M
• N
• O
• P
• Q
• R
• S
• T
• U
• V
• W
• X
• Y
• Z

In Fireworks CS4: Rapid Prototyping, designer Jim Babbage deconstructs real-world examples that show the interoperability between Fireworks and other Adobe applications. Jim lays out the schedule for good prototyping, from wireframing to storyboarding to creating multi-page mockups for design feedback. Along the way, he covers advanced imaging topics, such as adding interactivity for a realistic mockup and exporting a Flex mockup as an FXG file. Exercise files accompany the course.

Course Fireworks CS4: Rapid Prototyping Author Jim Babbage SKU ISBN Release Date 2009-08-21 Duration 4.17 hrs / 46 tutorials Work files Yes Price $ 49.95 Retail price $ 99.95 Language Tags Fireworks, CS4 Required software Adobe Fireworks CS4

Introduction Welcome 01:11 Using the exercise files 00:48 Understanding rapid prototyping 02:18 1. Rapid Prototyping Options in Fireworks Using Share My Screen 04:19 Using PDFs for wireframe and design feedback 00:59 Understanding storyboard concepts 01:05 Viewing the HTML prototype 00:51 Viewing the AIR prototype 00:46 2. Wireframing Understanding wireframes 04:44 Planning a wireframe 13:52 Creating a wireframe 19:46 Adding a master page and its subpages 10:05 Customizing subpages with Greeked text 09:35 Emulating a Spry accordion panel with the Grid Autoshape 06:07 Creating an order form 12:25 Building a contact form 07:55 Exporting wireframes 04:16 3. Storyboarding Making a wireframe realistic 01:00 Using the Kuler panel for color choices 06:37 Importing graphics into a first storyboard 17:20 Adding navigation 10:07 Adding design variations 04:15 Using Demo Current Document 02:33 Emailing deliverables 03:41 4. Multi-Page Mockups

5. Adding Interactivity Exploring the completed prototype 01:57 Mocking up an interactive accordion panel 07:13 Mocking up a pop-up window 07:08 Exporting an HTML prototype 05:23 6. Creating AIR prototypes Understanding AIR 00:49 Examining the structure 05:55 Adding rollovers 03:40 Adding events 02:49 Adding interactivity for realism 07:35 Adding a new state with pages 05:52 Troubleshooting 05:40 Creating the AIR prototype 07:49 7. Creating Flex Mockups Using Flex skins 05:10 Exporting MXML 06:42 Exporting FXG 03:11 8. Going Further with HTML Prototyping Embedding an iframe into a Fireworks HTML prototype 06:22 Embedding an SWF file into a Fireworks HTML prototype 04:31 Conclusion Goodbye 00:09