28 October 2007
Adobe Fireworks is the perfect tool for laying out interesting website concepts quickly and easily. This sample highlights some of my favorite Fireworks features.
Using the Fireworks pen and wonderful gradient tool, you can create some amazing effects. Fireworks layer effects and masking abilities can rapidly add another level of detail and refinement to your design.
Another reason that Fireworks is so perfect for web-based UI design is its pixel-based art board. When I build out my design in XHTML and CSS, I place the elements on the page using pixel positioning. That means I can achieve a pixel-perfect representation of the Fireworks layout on the website.
There are two pages in the sample PNG file that iterate different layouts (see Figures 1 and 2) within the same design.