Fireworks beta Top 5 Features: Enhanced Pages

June 9, 2008

fwTop5_5.jpg

The recent betas released on Adobe Labs included the preview of the next version of Fireworks, Adobe’s rapid prototyping and web design tool. The new Fireworks beta includes several new features to enhance your workflow for web design and prototyping (for a full list, check out the release notes). Over the next several posts, along with Dreamweaver, I will demonstrate the top five. The first are the new Page enhancements.

Fireworks CS3 included the Pages panel which let you work with designs across multiple pages. The new Fireworks beta enhances this panel and makes it easier to work with pages throughout your workflow.

The first enhancement is the ability to set up a master page. With traditional layout applications, like InDesign, a designer creates a master page containing design components that are universal over every page. Fireworks now gives you the ability to set up a master page in your document so that all subsequent pages will contain these master page assets:

fw5_1.jpg

In Fireworks, you can create your master page design on the first page. To set a master page, right click the page in the Pages panel and select “Set as Master Page”. The page will now display in the Pages panel as “Master Page”:

fw5_2.jpg

When you work with other pages in Fireworks you design assets are unique to that page; however, all of the designs from the Master Page persist throughout the pages:

fw5_3.jpg

In Fireworks, there is a new drop down in the upper right-hand corner of the canvas, that allows you to quickly switch between pages. If you switch to the Layers panel, you will see the Master Page layers visible on the currently displayed page:

fw5_4.jpg

These enhancements make it much easier to design and prototype multi-page designs in Fireworks, and will help you build visual experiences that you can share with your clients and team members.

This is just one of the new features in the new Fireworks beta. To try out the beta, download it from Adobe Labs.

Share this:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • PDF
  • StumbleUpon
  • Technorati
  • Tumblr
  • Twitter
  • email
  • FriendFeed
  • LinkedIn
  • Live
  • Reddit
  • Slashdot
  • Suggest to Techmeme via Twitter

{ 7 comments… read them below or add one }

Christian Baptiste August 5, 2008 at 12:37 pm

Just to clarify – your [Quote]The first enhancement is the ability to set up a master page[\Quote].

Though this a very powerful feature this is not new to the beta, rather this feature was released in the current CS3 version. Never the less there are many great enhancements that are worth looking into.

~ C

Doug Winnie August 8, 2008 at 11:52 pm

@Christian Baptiste

That is true, thanks for pointing that out — There are a few UI enhancements that make it easier to work with pages, and what is awesome is that for InDesign users, it is a nice workflow that they can carry over to Fireworks.

Billigflug Kanada August 27, 2008 at 5:34 am

Tell me if i am wrong, but in CS3 you can carry project over to any application.

Doug Winnie August 28, 2008 at 12:51 am

@Billigflug Kanada

I’m talking specifically about pages/master pages which is a common print design concept that is part of InDesign. With the enhanced workflow in the new Fireworks, it is easier to apply those same design concepts for web design now.

Billigflug Kanada August 28, 2008 at 3:08 am

Thanx, i am still work with the older version.
so it will be time for me to change.

Chaz September 11, 2008 at 8:33 pm

Any tips on how to prepare / organize layers in PSD for building multi-pages in Fireworks? The issue I encountered is when I set up a master page, all pre-grouped layers in PSD moved to the master page. Thanks!

Doug Winnie September 11, 2008 at 10:58 pm

@Chaz

Try looking at Layer Comps — These can be very powerful in breaking your content up into different parts of your document, which a lot of Creative Suite applications can read, including the Fireworks importer.

Leave a Comment

Previous post:

Next post: