- View Offline
- 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
Skill Level Intermediate
(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.