First things first, I love Photoshop. It is the world’s best program for image editing. I do not intend to say Photoshop is a bad program, I just wish to clear up the misunderstanding that Photoshop is the right tool to use for web and screen design.
Photoshop was designed to be used for image manipulation. It was not designed to create effective pixel-precise layouts for computer screens, or to make quick changes to screen layouts. Photoshop tends to be used for this purpose however, because users are familiar with the program, and are not aware that Fireworks was designed for this specific purpose.
Users generally try to compare Fireworks with Photoshop. Of course you can do a lot of things you can do in Fireworks somehow in Photoshop. It is also possible to do the same tasks in InDesign as you can do in Photoshop, but is this effective and efficient way to work? In the case of InDesign (layout for print), every designer knows it would be extremely inefficient to layout a magazine in Photoshop. Why is this different for Fireworks (layout for screen)? This is not an efficient way to work, however users tend to think that way.
Fireworks can be thought of more in terms of a program such as InDesign. InDesign creates print layouts, and Fireworks creates screen layouts. Photoshop and Illustrator should be used only as a supplier. You create graphics in Photoshop and Illustrator to be brought into Fireworks to create a screen design.
The following video demonstrates some of the most important features that make Fireworks the best layout tool for screen design.
Adobe Fireworks CS5 Webdesign Workflow Tutorial from Andre Reinegger on Vimeo.
50 reasons not to use Photoshop for Web Design (Feature- & Performance comparison: FW vs. PS)
The following list offers a comparison with a rough indication of the time savings when using Fireworks.