Fireworks CS4: Rapid Prototyping

with Jim Babbage
please wait ...
Fireworks CS4: Rapid Prototyping
Video duration: 0s 4h 17m Intermediate


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.

Topics include:
  • Using screen-sharing applications for review and feedback on prototypes
  • Emulating a Spry accordion panel with the Grid auto shape
  • Storyboarding wireframes to make them more realistic
  • Adding navigation and design variations to elicit comments
  • Building multi-page mockups and adding interactivity
  • Inserting rollover states in prototypes
  • Using Flex skins in final mockup sets


(cheery music) - Hi, I'm Jim Babbage. As a web designer and teacher, I know the importance of getting the project done on time and at spec. The best way I know to expedite the process is through Rapid Prototyping. You can get customer sign-off before a lot of work has been done. You can also change directions more easily. Using Fireworks CS4, I'll show you the range of prototyping options available. We'll look at multi-page mockups, AIR prototyping, HTML prototyping, and customizing a Flex skin.

We will deconstruct a completed wire-frame storyboard and then build these deliverables from scratch. Along the way, I'll talk about advanced imaging topics, including: vector masking, using text and mockups, incorporating multiple images into design elements, streamlining your workflow with symbols, creating simple and complex rollover effects for a mockup, and manipulating Fireworks' HTML for a more realistic mockup. In short, I'll be showing you how to make your life easier by saving time and cutting down on the frustration of last minute changes and misunderstandings.

Now it's time to get started with Fireworks CS4 Rapid Prototyping.

please wait ...