On prototyping
I’ve been considering a switch to Fireworks from Photoshop and other heavy editors for mocking up layouts.
With many of our projects, we’re skipping this step entirely.
On that note, see also Mockups with markup – Using Blueprint to sketch in code and Meagan Fisher’s fantastic piece, Make Your Mockup in Markup. For the Ruby-inclined, there’s a nice writeup on prototyping workflow, Rapid prototyping with HAML, SASS and Ruby, by the skilled UI designer Jérôme Gravel-Niquet.
That said, and even considering the pain of iterating mockups in a graphics editor, I still turn to them. Maybe I’m stuck in my ways. Maybe it’s just more fun.
The Fireworks Blueprint template
A Blueprint template was noticeably absent from the Fireworks arsenal (odd, because there’s even one for Balsamiq), so borrowing from the Photoshop template released by Konigi, I put a template together. It has vertical and horizontal guides and zebra-striped columns from the Photoshop template. Hope you find it useful.
...
continue to the full post. It takes others an average of 42 seconds to complete Fireworks Blueprint CSS template.