Fireworks CS4: Rapid Prototyping
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.
- 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.
Intermediate Dreamweaver 471,831 Views
Project-Based Learning: STEM to STEAM18,186 Views
Intermediate Dreamweaver MX241,843 Views
Designing a Poster346,906 Views
HTML5: Messaging and Communications in Depth37,101 Views
Illustrator CC 2013 One-on-One: Fundamentals1,678,359 Views
Illustrator CC 2013 One-on-One: Mastery302,647 Views
Edge Animate Essential Training632,647 Views
Illustrator CC 2013 One-on-One: Advanced392,295 Views
iOS 8 App Development with Swift 1 Essential Training1,024,214 Views