Advertisement
Applications and Tools

Fireworks in the Real World: Wireframing

by

Fireworks isn't a dedicated wireframing application, but its familiar interface, templates and extensions make it the perfect contender for being your wireframing tool of choice.


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Useful Resources

Related Posts
  • Web Design
    Community Projects
    Community Project: The Tuts+ Illustrator Wireframe KitWireframe thumb
    Calling all community members! We have a little project for you to take part in! We're compiling a wireframe kit for Adobe Illustrator, built by you, the Tuts+ community. Read on to see how you can take part.Read More…
  • Web Design
    Applications and Tools
    Working With Gumby's Parallax ExtensionGumby parallax retina
    Having covered how to install the Gumby framework and how to work with its semantic grids (plus Sass and Compass), it's now time to dive into some of Gumby's extensions. The first extension we're going to play with is the parallax module.Read More…
  • Web Design
    General
    Exclusive Freebie: iOS 7 Omnigraffle and PDF Stencil KitUikit retina
    It's not something you'll see very often on Webdesigntuts+ these days, but occasionally we just need a bit of candy, right? Here's a great freebie file for you; an iOS 7 Omnigraffle and PDF stencil kit, courtesy of Sourcebits, free for personal or commercial use. Go get it!Read More…
  • Web Design
    Roundups
    New to Web Design? Start Here.New to web design
    Welcome to Webdesigntuts+, an online resource dedicated to teaching and encouraging web designers of all skill levels and experience. Whether this is your first time here, you've found yourself dipping into our content in the past, or you're a regular visitor, this post will help you find the best of our content.Read More…
  • Web Design
    Applications and Tools
    Fireworks in the Real World: MoodboardsFw real world moodboards retina
    At this stage in our real world process we've built a few wireframes in Fireworks, then (theoretically speaking) sent them off to the client for review. Whilst they're having a good look through them, sharing them amongst other stakeholders in the project, we'll turn our attention to the aesthetics. We're going to build three different moodboards, just to explore various visual directions for our pet shop website.Read More…
  • Web Design
    Applications and Tools
    Fireworks in the Real World: Interactive WireframesFw real world next retina
    Following on from our introduction to wireframing, let's now look a little deeper into what Fireworks can do for us in that area. We'll look at pages, using common symbols and making our wireframes interactive.Read More…