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.
Click to pull the full size image, which is the proper 24 columns across.
[...] Fireworks Blueprint CSS Template [...]
[...] Fireworks Blueprint CSS Template [...]
Thank you very much for this template. Regards!
Glad you like it. Let me know if you run into any issues or spot some inaccuracies.
[...] Fireworks Blueprint CSS Template [...]