I Heart Adobe Fireworks: The Symbol Library

Fireworks is absolutely the best piece of software you can use to design interactive projects. Just one of the (many, many reasons which I hope to cover here eventually) is the Fireworks “Library” palette. The Library holds an unlimited amount of frequently used design elements. (If you’ve ever worked in Flash, you’re probably all-too-familiar with the [...]

Fireworks is absolutely the best piece of software you can use to design interactive projects. Just one of the (many, many reasons which I hope to cover here eventually) is the Fireworks “Library” palette.

The Library holds an unlimited amount of frequently used design elements. (If you’ve ever worked in Flash, you’re probably all-too-familiar with the symbol library).

For example: let’s say you’re working on a new website. Regardless of the style of the website, there are common browser elements that are required for most layouts:

  • buttons
  • checkboxes
  • radio buttons

Instead of redrawing the same element every time you need it, Fireworks has a built-in library of symbols containing default HTML elements.

Need a checkbox? Just drag it from the library into your project:

  1. Open your library and find the element you need
  2. Drag it from the library palette onto your art board
  3. That’s it! No more redrawing, setting the correct bezel and shadows, lining the text up just right, etc.


What if you’re working on an iPhone app instead? Fireworks Libraries to the rescue!

  1. Open your library and find the element you need
  2. Drag it from the library palette onto your art board
  3. In this case, I need to change the direction and the text. No big deal.

That’s it!

Using library items is also VERY handy for custom items that appear multiple times in a project. I keep a “site header” and a “site footer” in my library for mock-ups where I need them present, but don’t need to spend the time redrawing them.

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>